:root{--bg: #0e1116;--panel: #161b23;--card: #1c232e;--card-2: #222b38;--line: #2b3442;--text: #e8edf4;--dim: #8b96a5;--accent: #4cc2a6;--accent-2: #5c9de0;--amber: #e0a83c;--red: #e0645c;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}#root{height:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select{font:inherit;color:var(--text);background:var(--card-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-height:40px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.dim{color:var(--dim)}.small{font-size:12.5px}.pad{padding:12px}.app{height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px}.brand img{width:26px;height:26px;border-radius:6px}.tabs{display:flex;gap:4px;background:var(--card);border-radius:10px;padding:3px}.tabs button{padding:7px 14px;border-radius:8px;color:var(--dim);font-weight:600}.tabs button.active{background:var(--card-2);color:var(--text)}.main{flex:1;overflow-y:auto;padding:14px;-webkit-overflow-scrolling:touch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px;background:var(--card-2);border:1px solid var(--line);border-radius:10px;font-weight:600}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#08211b}.btn.ghost{background:transparent}.btn.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,var(--line))}.btn.small{min-height:34px;padding:5px 12px;font-size:13.5px}.btn:disabled{opacity:.55}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.banner{background:color-mix(in srgb,var(--amber) 16%,var(--panel));border:1px solid color-mix(in srgb,var(--amber) 45%,var(--line));border-radius:var(--radius);padding:10px 12px;font-size:13.5px;margin-bottom:12px}.scan-controls{display:flex;gap:8px}.scan-btn{flex:1;font-size:16px}.demo-btn{width:100%;margin-top:8px}.empty-state{text-align:center;padding:44px 20px;color:var(--dim);max-width:420px;margin:0 auto}.empty-state-icon{font-size:44px;margin-bottom:12px}.empty-state p{margin-bottom:10px}.page-section{margin-top:18px}.page-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.page-photo-btn{width:34px;height:44px;padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;flex-shrink:0}.page-photo-btn img{width:100%;height:100%;object-fit:cover;display:block}.photo-large{max-width:94vw;max-height:82dvh;border-radius:12px;border:1px solid var(--line);margin:auto}.page-title{font-weight:700}.page-subtotal{margin-left:auto;color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.page-grid{display:grid;gap:8px}.tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-width:0}.tile.uncertain{border-color:var(--amber)}.tile.error{border-color:var(--red)}.tile.empty{border-style:dashed;align-items:center;justify-content:center;min-height:120px;color:var(--dim)}.tile-thumb{position:relative;aspect-ratio:5 / 7;background:var(--card-2)}.tile-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tile-thumb-ph{display:flex;align-items:center;justify-content:center;height:100%;font-size:34px;color:var(--dim)}.tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0d12b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:11.5px;color:var(--dim);text-align:center;padding:4px}.spinner{width:20px;height:20px;border:2.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tile-flag{position:absolute;top:5px;right:5px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.tile-flag.warn{background:var(--amber);color:#241a04}.tile-flag.bad{background:var(--red);color:#fff}.tile-flag.info{background:var(--accent-2);color:#0a1929}.tile-body{padding:7px 8px 8px;display:flex;flex-direction:column;gap:2px}.tile-name{font-size:12.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-meta{font-size:10.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:14px}.tile-price-row{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:4px}.cond-select{min-height:30px;padding:2px 4px;font-size:11.5px;border-radius:7px;max-width:56px}.tile-price{font-weight:700;font-size:13px;font-variant-numeric:tabular-nums;text-align:right}.grade-badge{font-size:10.5px;font-weight:800;letter-spacing:.02em;color:#0a1929;background:var(--accent-2);border-radius:6px;padding:3px 6px;white-space:nowrap}.comps-row{display:flex;align-items:center;gap:8px;min-height:34px}.comps-block{display:flex;flex-direction:column;gap:6px;width:100%}.est{font-style:normal;font-size:9.5px;color:var(--amber);margin-left:3px;vertical-align:super}.tile-empty-label{font-size:13px}.totalsbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.totals{display:flex;gap:18px}.total{display:flex;flex-direction:column}.total-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}.total-value{font-size:16.5px;font-weight:750;font-variant-numeric:tabular-nums}.total-value.accent{color:var(--accent)}.total-value.accent2{color:var(--accent-2)}.totals-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.totals-count{font-size:11px;color:var(--dim);white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080ca8;display:flex;align-items:flex-end;justify-content:center;z-index:40}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px 16px 0 0;width:min(560px,100%);max-height:88dvh;overflow-y:auto;padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;animation:rise .18s ease-out}.modal>*{flex-shrink:0}@keyframes rise{0%{transform:translateY(24px);opacity:.6}}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px}.card-detail{display:flex;gap:12px}.card-detail-media img{width:96px;border-radius:8px;display:block}.card-detail-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.card-detail-price{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.ext-link{color:var(--accent-2);text-decoration:none;font-size:13.5px;margin-top:2px}.ident-line{margin-top:4px}.warn-text{color:var(--amber)}.modal-controls{display:flex;gap:10px}.modal-controls label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--dim);min-width:0}.modal-controls select{width:100%}.sales-list{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.sales-row{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-variant-numeric:tabular-nums}a.sales-row{color:inherit;text-decoration:none}a.sales-row span:first-child{text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:2px}.candidates{display:flex;flex-direction:column;gap:6px}.override-row{display:flex;gap:8px}.override-row input{flex:1;min-width:0}.modal-actions{display:flex;flex-wrap:wrap;gap:8px}.modal-actions .btn{flex:1;white-space:nowrap}.search-input{width:100%}.search-results{display:flex;flex-direction:column;gap:6px;min-height:120px}.search-row{display:flex;align-items:center;gap:10px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px;width:100%}.search-row:active{background:var(--card-2)}.search-row img{width:36px;height:50px;object-fit:cover;border-radius:5px;background:var(--card-2);flex-shrink:0}.search-row-text{flex:1;min-width:0;display:flex;flex-direction:column}.search-row-name{font-weight:650;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-row-meta{font-size:12px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-row-price{font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.settings{display:flex;flex-direction:column;gap:12px;max-width:560px;margin:0 auto}.settings-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px}.settings-card h2{font-size:15px}.field{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--dim);flex:1;min-width:0}.field input,.field select{width:100%}.field-row{display:flex;gap:10px}.pct-wrap{position:relative;display:block}.pct-wrap input{padding-right:30px}.pct-sign{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--dim)}.ai-status{font-size:13.5px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.spend-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.key-test{font-size:13px;border-radius:8px;padding:8px 10px;border:1px solid var(--line)}.key-test.ok{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--card));border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.key-test.bad{color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--card));border-color:color-mix(in srgb,var(--red) 40%,var(--line))}.report-text{width:100%;min-height:260px;background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--text);font:12.5px/1.5 ui-monospace,Cascadia Mono,Consolas,monospace;padding:10px;resize:vertical;white-space:pre}.toast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--card-2);border:1px solid var(--line);color:var(--text);padding:10px 16px;border-radius:999px;font-size:13.5px;z-index:60;box-shadow:0 6px 24px #00000073;max-width:90vw;text-align:center}@media(min-width:700px){.main{padding:18px}.binder,.page-grid,.scan-controls,.banner,.demo-btn,.page-section{max-width:640px;margin-left:auto;margin-right:auto}.modal-backdrop{align-items:center}.modal{border-radius:16px}}.scan-start{padding:16px}.scan-view{display:flex;flex-direction:column;gap:12px;padding:12px 12px 28px}.scan-stage{position:relative;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:3 / 4}.scan-video{width:100%;height:100%;object-fit:contain;display:block}.scan-guide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.guide-shade{fill:#0000006b}.guide-box{fill:none;stroke:#ffffffd9;stroke-width:2;stroke-dasharray:14 10;vector-effect:non-scaling-stroke}.guide-box.locked{stroke:var(--accent);stroke-dasharray:none;stroke-width:3}.scan-quad{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.scan-quad .quad{fill:color-mix(in srgb,var(--accent-2) 12%,transparent);stroke:var(--accent-2);stroke-width:.6;vector-effect:non-scaling-stroke;transition:fill .12s ease}.scan-quad .quad.locked{fill:color-mix(in srgb,var(--accent) 22%,transparent);stroke:var(--accent)}.scan-hint,.scan-error{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:14px;white-space:nowrap}.scan-error{color:var(--red);white-space:normal;max-width:90%;text-align:center}.scan-ambiguous{padding:12px;background:var(--card);border:1px solid var(--amber);border-radius:var(--radius)}.scan-ambiguous p{margin-bottom:8px;color:var(--amber)}.scan-result{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.scan-result-main{display:flex;gap:12px;align-items:flex-start}.scan-thumb{width:64px;border-radius:6px;flex-shrink:0}.scan-result-text{min-width:0}.scan-price{margin-top:4px;font-size:26px;font-weight:700;color:var(--accent)}.scan-conditions{display:flex;gap:6px;flex-wrap:wrap}.btn.chip{flex-direction:column;gap:1px;min-height:46px;padding:6px 10px;font-size:13px;flex:1}.btn.chip.active{border-color:var(--accent);color:var(--accent)}.chip-price{font-size:11px;font-weight:500;color:var(--dim)}.btn.chip.active .chip-price{color:inherit}.scan-actions{justify-content:space-between;align-items:center}.scan-history{margin-top:20px;display:flex;flex-direction:column;gap:6px}.scan-history h3{margin-bottom:2px}.scan-history-row{display:flex;align-items:center;gap:10px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:10px;text-align:left;width:100%}.scan-history-row img{width:34px;border-radius:4px}.scan-history-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-history-price{font-weight:700;color:var(--accent)}.scan-modes{display:flex;gap:6px}.scan-modes .chip{flex:1}.scan-grade{display:flex;gap:10px}.scan-grade label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dim)}.scan-grade select{width:100%}.scan-price.weak{color:var(--amber);font-size:21px}.lang-tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent-2) 22%,transparent);color:var(--accent-2);font-size:11px;font-weight:600}.clear-scans{display:block;margin:10px auto 0;min-height:32px;padding:4px 14px;font-size:13px;color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,var(--line))}.pile-bar{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pile-bar::-webkit-scrollbar{display:none}.pile-chip{flex-direction:column;align-items:flex-start;gap:0;min-height:42px;padding:4px 12px;flex-shrink:0}.pile-chip.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--card-2))}.pile-name{font-size:13px;font-weight:650;white-space:nowrap}.pile-total{font-size:11px;font-weight:500;color:var(--dim);font-variant-numeric:tabular-nums}.pile-chip.active .pile-total{color:var(--accent)}.pile-new{flex-shrink:0;min-height:42px;color:var(--accent-2)}.override-label{margin-top:14px;margin-bottom:4px}.swipe-row{position:relative;overflow:hidden;border-radius:10px}.swipe-remove{position:absolute;inset:0 0 0 auto;width:96px;background:var(--red);color:#fff;font-weight:700;font-size:13px;border-radius:0 10px 10px 0}.swipe-front{position:relative;transition:transform .16s ease;touch-action:pan-y;will-change:transform}.swipe-front .scan-history-row{width:100%}.scan-result .btn-row{flex-wrap:nowrap}.scan-result .btn-row .btn{flex:1;min-width:0;padding:10px 8px;white-space:nowrap}.pw-field{position:relative;display:block;width:100%}.pw-field input{width:100%;padding-right:44px}.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:6px 8px;font-size:15px;opacity:.75}.account-tabs{display:flex;gap:6px;margin:10px 0}.account-form{display:flex;flex-direction:column;gap:8px}.settings-block h3{margin-bottom:6px}.settings-block label{display:block;margin-top:14px;font-size:13px;color:var(--dim)}.settings-block label input{width:100%;margin-top:4px}.settings-block .pw-field{margin-top:4px}.settings-block .btn-row{margin-top:8px}.account-danger{margin-top:16px}.admin{display:flex;flex-direction:column;gap:14px;max-width:880px;margin:0 auto}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.admin-stat{position:relative;display:flex;flex-direction:column;gap:1px;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.admin-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--line)}.admin-stat.good:before{background:var(--accent)}.admin-stat.spend:before{background:var(--amber)}.admin-stat-label{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.admin-stat-value{font-size:22px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums}.admin-bar{display:flex;align-items:center;gap:10px;margin-top:2px}.admin-bar h3{font-size:15px}.admin-bar .btn{margin-left:auto}.admin-list{display:flex;flex-direction:column;gap:8px}.admin-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.admin-row.live{border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}.admin-avatar{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:16px;font-weight:700}.admin-who{display:flex;flex-direction:column;flex:1 1 170px;min-width:0}.admin-name{display:flex;align-items:center;gap:6px;min-width:0}.admin-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-chip{flex:none;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent-2) 35%,transparent)}.admin-chip.you{color:var(--dim);background:transparent;border-color:var(--line)}.admin-usage{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none;width:138px;font-variant-numeric:tabular-nums}.admin-usage-nums{display:flex;align-items:baseline;gap:5px}.admin-cost{font-size:13px;font-weight:600;color:var(--amber)}.admin-cost.zero{color:var(--dim);font-weight:400}.admin-meter{width:100%;height:3px;border-radius:2px;background:var(--card-2);overflow:hidden}.admin-meter>span{display:block;height:100%;background:var(--accent-2)}.ai-toggle{display:flex;align-items:center;gap:8px;flex:none}.ai-toggle-text{min-width:40px;text-align:right;font-size:12px;font-weight:600;color:var(--dim)}.ai-toggle-text.on{color:var(--accent)}.ai-switch{position:relative;flex:none;width:46px;height:27px;border-radius:999px;background:var(--card-2);border:1px solid var(--line);transition:background .16s ease,border-color .16s ease}.ai-switch.on{background:var(--accent);border-color:var(--accent)}.ai-switch:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.ai-knob{position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:#cdd6e2;transition:transform .16s ease,background .16s ease}.ai-switch.on .ai-knob{transform:translate(19px);background:#08211b}.admin-del{flex:none;min-height:34px;padding:5px 10px;color:var(--dim);border-color:transparent}.admin-del:hover:not(:disabled){color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent);border-color:color-mix(in srgb,var(--red) 45%,var(--line))}.admin-del:disabled{opacity:.3;cursor:default}.admin-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.admin-empty{border-style:dashed}.admin-note{margin-top:2px}.skeleton{position:relative;overflow:hidden;min-height:66px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--card-2) 85%,transparent),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}.ai-switch,.ai-knob{transition:none}}@media(max-width:560px){.admin-row{row-gap:10px}.admin-usage{flex:1 1 120px;width:auto;align-items:flex-start}.ai-toggle{margin-left:auto}}