:root{color-scheme:light;--bg:#f8f9fc;--ink:#202331;--muted:#7c8193;--line:#e9eaf1;--accent:#6356e5;--danger:#b13f49;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button,summary{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed}[hidden]{display:none!important}.icon{width:18px;height:18px;display:block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-header{height:68px;border-bottom:1px solid var(--line);background:#ffffffd9}.header-inner{max-width:1120px;height:100%;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:18px;letter-spacing:.3px;font-weight:700}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;color:#fff;background:var(--accent);font-size:21px;line-height:1;font-weight:650}.header-links{display:flex;gap:25px}.text-button{border:0;padding:0;background:none;color:var(--muted);font-size:12px;line-height:1.8;text-align:left}.text-button:hover{color:var(--accent)}
.page-shell{width:100%;max-width:676px;margin:0 auto;padding:0 24px 40px;flex:1;overflow-wrap:anywhere}.page-intro{text-align:center;padding:44px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#a09bbf;font-weight:600}.page-intro h1{font-size:30px;line-height:1.4;letter-spacing:-.7px;margin:10px 0}.page-intro p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.workspace{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 35px #24204805;min-width:0}.card-tabs{display:flex;margin:0 30px;border-bottom:1px solid var(--line)}.card-tabs button{flex:1;min-height:60px;border:0;background:none;color:var(--muted);font-size:14px;font-weight:600;position:relative}.card-tabs button.selected{color:var(--accent)}.card-tabs button.selected:after{content:"";position:absolute;bottom:-1px;left:22%;right:22%;height:2px;border-radius:2px;background:var(--accent)}.card-body{padding:26px 32px 32px}.stepper{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 30px;padding:0;gap:12px}.stepper li{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;color:#9a9dae;position:relative}.stepper li:after{content:"";height:1px;flex:1;background:var(--line);margin-left:4px}.stepper li:last-child:after{display:none}.stepper li>span{width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#f1f2f7;font-size:11px;font-weight:600}.stepper b{font-weight:500;font-size:12px}.stepper li.current{color:var(--accent)}.stepper li.current>span{background:var(--accent);color:#fff}.stepper li.done{color:#8b84c9}.stepper li.done>span{background:#f0edff;color:var(--accent)}.section-heading{margin-bottom:23px}.section-heading h2{font-size:21px;line-height:1.5;letter-spacing:-.4px;margin:0;font-weight:650}.section-heading p{font-size:12px;line-height:1.8;color:var(--muted);margin:7px 0 0}
form{display:flex;flex-direction:column;gap:12px}.field-label{font-size:12px;line-height:1.7;font-weight:600}input,textarea{width:100%;min-width:0;border:1px solid #dddfe9;border-radius:8px;background:#fff;color:var(--ink);padding:13px 14px;font-size:14px;line-height:1.65;outline:none;transition:border-color .15s,box-shadow .15s}input{min-height:49px}input::placeholder,textarea::placeholder{color:#a3a7b6}input:focus,textarea:focus{border-color:#8c80ef;box-shadow:0 0 0 3px #6356e511}textarea{resize:vertical;min-height:116px;font-family:Consolas,monospace;font-size:12px}.button{border:1px solid transparent;border-radius:8px;min-height:46px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:600;line-height:1.7;transition:background .15s}.primary{background:var(--accent);color:#fff}.primary:hover:not(:disabled){background:#5345d2}.primary:disabled{background:#e9e7f5;color:#a09bb9}.secondary{background:#fff;color:#6b6f81;border-color:#e0e2eb}.secondary:hover:not(:disabled){background:#f7f7fc}.secondary:disabled{opacity:.55}.full{width:100%}#inspect-button{margin-top:6px}.button-row{display:flex;gap:10px;margin-top:5px}.button-row>.primary{flex:1}.button-row>.secondary{flex-shrink:0}.label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.label-row a{font-size:12px;color:var(--accent);line-height:1.8}.field-hint{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.checkbox-row{display:flex;align-items:flex-start;gap:9px;color:#717586;font-size:12px;line-height:1.85;margin:2px 0}.checkbox-row input{width:15px;height:15px;min-height:0;flex:0 0 15px;padding:0;margin:4px 0 0;accent-color:var(--accent)}
.notice{padding:11px 13px;border:1px solid #e8dcb8;background:#fffbf0;border-radius:8px;color:#8c7236;font-size:12px;line-height:1.85;overflow-wrap:anywhere}.notice.error{background:#fff5f5;color:var(--danger);border-color:#f1d3d7}#message,#readiness-note,#account-mode-note{margin-bottom:20px}.local-preview{padding:9px 12px;border-radius:7px;color:#6e67a1;background:#f5f3fd;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.product-summary{display:flex;align-items:center;gap:11px;padding:13px 14px;background:#f8f8fd;border:1px solid #ecebf6;border-radius:9px;margin-bottom:20px;min-width:0}.product-monogram{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;flex-shrink:0;background:#eeebff;color:var(--accent);font-size:10px;font-weight:700}.product-text{flex:1;min-width:0}.product-text strong{display:block;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.product-text p{font-size:11px;line-height:1.8;color:var(--muted);margin:3px 0 0}.pill{font-size:11px;line-height:1.8;padding:3px 8px;border-radius:5px;background:#eeebf8;color:#7d75a8;max-width:125px}.account-confirm,.result-info{padding:17px;border:1px solid var(--line);border-radius:9px}.definition-list{display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;font-size:12px;line-height:1.85;margin:0}.definition-list dt{color:var(--muted)}.definition-list dd{margin:0;overflow-wrap:anywhere}.verification-pill{display:inline-block;margin-top:15px;font-size:11px;line-height:1.8;padding:3px 8px;background:#f2f1f7;color:#837c96;border-radius:5px}.verification-pill.verified{background:#edf8f2;color:#4f8d70}.check-details{font-size:12px;color:var(--muted);line-height:1.85;margin:14px 0 20px}.check-details summary{font-size:11px}.check-details p{margin:8px 0 0}
.query-switch{display:flex;gap:4px;padding:4px;background:#f4f5f9;border-radius:8px;margin-bottom:24px}.query-switch button{flex:1;border:0;border-radius:6px;padding:8px;color:var(--muted);background:none;font-size:12px;line-height:1.7}.query-switch button.active{color:#5a527f;background:#fff;box-shadow:0 1px 4px #30245d08}.query-result{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.recognition-result{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.recognition-result h3{font-size:17px;margin:0 0 14px}.recognition-result p{font-size:12px;line-height:1.85;color:var(--muted)}
.result-head{text-align:center;padding:0 0 24px}.result-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;margin:0 auto 15px;color:var(--accent);background:#f1effd;font-size:25px}.result-symbol.success{color:#438e6b;background:#ebf7f0}.result-symbol.review{color:#ab8a36;background:#fcf6e8}.result-symbol.failure{color:var(--danger);background:#fff0f0}.result-head h2{font-size:23px;line-height:1.6;margin:0 0 6px}.result-head p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.timeline{list-style:none;padding:21px 0 0;margin:0;display:grid}.timeline li{position:relative;display:flex;gap:12px;padding-bottom:16px;color:#77748e;font-size:12px;line-height:1.8}.timeline li:before{content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#b2aadd;margin-top:8px;z-index:1}.timeline li:not(:last-child):after{content:"";position:absolute;top:14px;bottom:0;left:2px;width:1px;background:var(--line)}.timeline li>span{margin-left:auto;color:#a0a2b1;white-space:nowrap;font-size:11px}.result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.result-actions .button{flex:1 1 120px;font-size:12px;min-height:40px;padding:9px 11px}.receipt-details{font-size:12px;color:var(--muted);line-height:1.85;margin-top:20px}.receipt-details p{background:#f6f6fa;padding:12px;border-radius:6px;overflow-wrap:anywhere;font-family:Consolas,monospace}
.under-card{display:flex;align-items:center;justify-content:center;gap:25px;color:#a0a3b1;font-size:11px;line-height:1.8;padding:20px 0}.under-card>span{display:flex;align-items:center;gap:5px}.under-card .icon{width:13px;height:13px}.help-details{font-size:12px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line)}.help-details>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:15px 2px}.help-details>summary::-webkit-details-marker{display:none}.help-details>summary>span{font-size:16px;color:#9d98bd}.help-details[open]>summary>span{transform:rotate(45deg)}.help-content{padding:0 2px 15px}.help-content>details{padding:10px 0;border-top:1px solid var(--line)}.help-content summary{color:#65677d}.help-content p{margin:8px 0 0}.site-notice{font-size:11px;line-height:1.9;color:#9b9ead;text-align:center;margin:15px 0 0}.site-footer{border-top:1px solid var(--line);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#a1a3b2;font-size:10px;line-height:1.8}.site-footer>div{display:flex;align-items:center;gap:18px}.site-footer .text-button{font-size:10px;color:#9192a6}.service-indicator{display:inline-flex;align-items:center;gap:6px}.service-indicator>span:first-child{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#7dac96}.service-indicator.offline>span:first-child{background:#be9d57}
.demo-banner{padding:7px 24px;background:#f4f1e9;border-bottom:1px solid #e8e1d4;color:#93846b;font-size:11px;line-height:1.8;display:flex;justify-content:center;align-items:center;gap:22px}.demo-banner details{position:relative}.demo-banner summary{list-style:none;color:#89765c}.demo-options{position:absolute;right:0;top:27px;width:300px;max-width:calc(100vw - 30px);z-index:5;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;box-shadow:0 10px 35px #1a173517}.demo-options p{margin:0 0 10px}.demo-options>div{display:flex;gap:6px;flex-wrap:wrap}.demo-options button{border:1px solid var(--line);border-radius:6px;background:#fff;padding:7px 10px;color:#6a6279;font-size:12px}
dialog{width:calc(100vw - 32px);max-width:480px;max-height:85vh;overflow-y:auto;border:1px solid var(--line);border-radius:16px;padding:30px;background:#fff;color:var(--ink);box-shadow:0 25px 100px #20203026}dialog::backdrop{background:#25233855;backdrop-filter:blur(3px)}dialog h2{font-size:20px;margin:0 25px 18px 0}dialog p{color:#7c7b8e;font-size:13px;line-height:2;margin:0 0 22px;white-space:pre-line}.dialog-close{position:absolute;right:12px;top:9px;border:0;background:none;color:#a0a0b0;font-size:26px;padding:3px 8px}.spinner{width:20px;height:20px;border:2px solid #ddd7f3;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loading-label{display:flex;align-items:center;justify-content:center;gap:9px}.button .spinner{width:15px;height:15px;border-color:#ffffff66;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #9b90e9;outline-offset:4px}
@media(max-width:600px){.site-header{height:60px}.header-inner{padding:0 20px;gap:12px}.brand{font-size:16px;gap:9px}.brand-mark{width:29px;height:29px;font-size:18px;border-radius:8px}.header-links{gap:17px}.header-links .text-button{font-size:11px}.page-shell{padding:0 16px 28px}.page-intro{padding:27px 0 22px}.eyebrow{font-size:9px;letter-spacing:1.7px}.page-intro h1{font-size:26px;margin:8px 0}.page-intro p{font-size:12px}.workspace{border-radius:14px}.card-tabs{margin:0 20px}.card-tabs button{min-height:53px;font-size:13px}.card-body{padding:23px 20px 24px}.stepper{gap:8px;margin-bottom:25px}.stepper li{gap:6px}.stepper b{font-size:11px}.stepper li>span{width:20px;height:20px;font-size:10px}.stepper li:after{margin-left:2px}.section-heading h2{font-size:20px}.section-heading{margin-bottom:21px}input,textarea{font-size:16px}.field-label{font-size:12px}textarea{min-height:116px}.product-summary{padding:12px;flex-wrap:wrap;gap:9px}.product-text{flex:1 1 calc(100% - 43px)}.product-summary>.pill{margin-left:43px;max-width:100%;padding:2px 7px}.product-text strong{font-size:13px}.account-confirm,.result-info{padding:14px}.definition-list{grid-template-columns:65px minmax(0,1fr);gap:10px}.checkbox-row{font-size:12px}.site-footer{padding:18px 20px;flex-direction:column;gap:7px}.under-card{gap:20px;padding:18px 0}.demo-banner{font-size:10px;padding:6px 12px;gap:15px}.demo-options{width:270px}}
@media(max-width:360px){.header-inner{padding:0 16px}.header-links{gap:12px}.header-links .text-button{font-size:10px}.page-shell{padding-left:12px;padding-right:12px}.card-body{padding:21px 16px 22px}.card-tabs{margin:0 16px}.stepper{gap:6px}.stepper li{gap:5px}.stepper li:after{display:none}.button-row{gap:8px}.button-row .button{padding-left:13px;padding-right:13px;font-size:12px}.under-card{gap:15px;font-size:10px}.label-row{gap:8px}.label-row a{font-size:11px}.result-actions .button{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}