:root{--bg: #e9edf2;--surface: #ffffff;--surface-2: #f4f6f9;--ink: #121a24;--ink-soft: #495666;--ink-faint: #78859557;--ink-mute: #6b7889;--line: #d7dee6;--line-soft: #e6ebf1;--accent: #0e5f73;--accent-strong: #0b7089;--accent-ink: #ffffff;--accent-wash: rgba(14, 95, 115, .1);--good: #1c7d54;--good-wash: rgba(28, 125, 84, .12);--warn: #9a6b16;--warn-wash: rgba(154, 107, 22, .13);--alert: #b23a3a;--alert-wash: rgba(178, 58, 58, .12);--shadow: 0 1px 2px rgba(18, 26, 36, .06), 0 6px 20px rgba(18, 26, 36, .08);--radius: 14px;--radius-sm: 10px;--sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0d141c;--surface: #151e28;--surface-2: #101822;--ink: #e6ecf2;--ink-soft: #a3b0be;--ink-faint: #6d7b8b57;--ink-mute: #8493a3;--line: #26313d;--line-soft: #1c2530;--accent: #3aa7c2;--accent-strong: #55bcd6;--accent-ink: #05222b;--accent-wash: rgba(58, 167, 194, .14);--good: #4cc38a;--good-wash: rgba(76, 195, 138, .15);--warn: #e0a83e;--warn-wash: rgba(224, 168, 62, .15);--alert: #e8726f;--alert-wash: rgba(232, 114, 111, .15);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .45)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);min-height:100vh;display:flex;justify-content:center;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}#app{width:100%;max-width:460px;padding:14px 16px 32px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:10px;padding:8px 4px 16px}.brandmark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--accent);background:var(--accent-wash)}.brandtext{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-weight:700;font-size:1.02rem;letter-spacing:-.01em}.brand-sub{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}.step-badge{align-self:flex-start;font-family:var(--mono);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);background:var(--accent-wash);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);padding:4px 10px;border-radius:999px;margin-bottom:10px}.step-badge[hidden]{display:none}#video-wrap{position:relative;border-radius:var(--radius);overflow:hidden;background:#05090d;box-shadow:var(--shadow)}#video{width:100%;display:block;aspect-ratio:3 / 4;object-fit:cover}@media (max-width: 560px){:root:not(.preview-card) #video-wrap{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;border-radius:0}}#frame-guide{position:absolute;top:11%;right:8%;bottom:11%;left:8%;pointer-events:none}#frame-guide i{position:absolute;width:30px;height:30px;border:3px solid rgba(255,255,255,.85);transition:border-color .35s ease}#frame-guide i:nth-child(1){top:-1px;left:-1px;border-right:0;border-bottom:0;border-top-left-radius:9px}#frame-guide i:nth-child(2){top:-1px;right:-1px;border-left:0;border-bottom:0;border-top-right-radius:9px}#frame-guide i:nth-child(3){bottom:-1px;left:-1px;border-right:0;border-top:0;border-bottom-left-radius:9px}#frame-guide i:nth-child(4){bottom:-1px;right:-1px;border-left:0;border-top:0;border-bottom-right-radius:9px}#frame-guide.good i{border-color:color-mix(in srgb,var(--good) 80%,white)}#pack-guide{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#pack-guide[hidden]{display:none}#pack-guide .pack-outline{position:absolute;left:50%;top:50%;width:55%;aspect-ratio:70 / 81;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.9);border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #05090d59;transition:border-color .35s ease;animation:guide-in .45s ease-out both}#pack-guide img{display:block;width:100%;height:100%;object-fit:cover;opacity:.24}#frame-guide.good .pack-outline{border-color:color-mix(in srgb,var(--good) 80%,white)}.auto-ring-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity .2s ease}.pack-outline.counting .auto-ring-svg{opacity:1}#auto-ring{fill:none;stroke:color-mix(in srgb,var(--good) 85%,white);stroke-width:3;stroke-linecap:butt;transition:stroke-dashoffset .12s linear}.capture-debug{margin:6px 0 0;padding:7px 9px;border-radius:8px;background:#05090dd1;color:#d7e3ef;font-family:var(--mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:.68rem;line-height:1.35;white-space:pre;overflow-x:auto}.capture-debug[hidden]{display:none}#pack-guide .guide-chip{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);max-width:calc(100% - 60px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 11px;border-radius:999px;font-family:var(--sans);font-size:.76rem;font-weight:600;line-height:1.25;color:#fff;background:#05090d9e;border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .35s ease}#frame-guide.good .guide-chip{border-color:color-mix(in srgb,var(--good) 70%,white)}@keyframes guide-in{0%{opacity:0;transform:translate(-50%,-50%) scale(1.04)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}#scanline{position:absolute;left:8%;right:8%;top:11%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(122,220,244,.85),transparent);box-shadow:0 0 12px #7adcf499;animation:sweep 3.2s cubic-bezier(.5,0,.5,1) infinite;pointer-events:none}@keyframes sweep{0%,to{transform:translateY(0);opacity:0}10%{opacity:1}50%{transform:translateY(1100%);opacity:1}60%{opacity:0}}#scanline[hidden]{display:none}.controls{display:flex;gap:10px;margin-top:14px}.controls[hidden]{display:none}#capture-controls:not([hidden]){position:sticky;bottom:10px;z-index:3}#capture-controls:not([hidden]):before{content:"";position:absolute;top:-6px;right:-8px;bottom:-6px;left:-8px;border-radius:var(--radius-sm);background:var(--bg);z-index:-1}button.primary,label.secondary,button.secondary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:var(--radius-sm);border:1.5px solid transparent;font-family:var(--sans);font-size:.98rem;font-weight:600;letter-spacing:-.005em;text-align:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .06s ease,opacity .15s ease}button.primary:active,button.secondary:active,label.secondary:active{transform:translateY(1px)}button.wide,label.wide{width:100%;flex:none}button.primary{background:var(--accent);color:var(--accent-ink)}button.primary:hover:not(:disabled){background:var(--accent-strong)}button.primary:disabled{background:var(--line);color:var(--ink-mute);cursor:not-allowed}label.secondary,button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}label.secondary:hover,button.secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button.secondary:disabled{color:var(--ink-mute);border-color:var(--line-soft);cursor:not-allowed}button svg,label svg{flex:none}button[hidden],label[hidden]{display:none}.hint{text-align:center;color:var(--ink-mute);margin-top:12px;font-size:.9rem;min-height:1.2em}.micro{text-align:center;color:var(--ink-mute);font-size:.78rem;margin-top:8px}.error{margin-top:12px;padding:11px 14px;border-radius:var(--radius-sm);text-align:center;background:var(--alert-wash);border:1px solid color-mix(in srgb,var(--alert) 45%,transparent);color:var(--alert);font-size:.9rem}.error[hidden]{display:none}#result-photo{display:block;width:100%;max-height:38vh;object-fit:contain;background:#05090d;border-radius:var(--radius);margin-bottom:14px;box-shadow:var(--shadow)}#result-photo[hidden]{display:none}#verdict-card{position:relative;text-align:center;padding:26px 20px 22px;border-radius:var(--radius);margin-bottom:14px;background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden}#verdict-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--ink-mute)}#verdict-card.verified:before{background:var(--good)}#verdict-card.inconclusive:before{background:var(--warn)}#verdict-card.suspicious:before{background:var(--alert)}#verdict-icon{width:54px;height:54px;margin:6px auto 12px;display:grid;place-items:center;border-radius:50%;color:var(--ink-mute);background:var(--surface-2)}.verified #verdict-icon{color:var(--good);background:var(--good-wash)}.inconclusive #verdict-icon{color:var(--warn);background:var(--warn-wash)}.suspicious #verdict-icon{color:var(--alert);background:var(--alert-wash)}#verdict-icon svg{width:30px;height:30px}#verdict-title{font-size:1.32rem;font-weight:700;letter-spacing:-.015em;margin-bottom:6px}#verdict-text{color:var(--ink-soft);font-size:.94rem;line-height:1.5;max-width:30ch;margin:0 auto}#confidence-bar{position:relative;height:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;margin-top:20px;overflow:hidden}#confidence-fill{height:100%;width:0;background:var(--ink-mute);border-radius:5px 0 0 5px;transition:width .5s cubic-bezier(.4,0,.2,1)}.verified #confidence-fill{background:var(--good)}.inconclusive #confidence-fill{background:var(--warn)}.suspicious #confidence-fill{background:var(--alert)}#confidence-bar .tick{position:absolute;top:-1px;bottom:-1px;width:2px;background:var(--bg);opacity:.9}#confidence-bar .tick-low{left:40%}#confidence-bar .tick-high{left:66%}#confidence-label{margin-top:8px;font-family:var(--mono);font-size:.78rem;color:var(--ink-mute);letter-spacing:.01em}#tip-box{padding:12px 14px;border-radius:var(--radius-sm);margin-bottom:14px;background:var(--warn-wash);border:1px solid color-mix(in srgb,var(--warn) 38%,transparent);color:var(--ink);font-size:.88rem;line-height:1.5}#tip-box[hidden]{display:none}#tip-box p+p{margin-top:6px}#geo-report{margin-bottom:14px;padding:14px 15px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow)}#geo-report[hidden]{display:none}.geo-lead{font-weight:600;font-size:.94rem;margin-bottom:10px}#geo-report .micro{text-align:left;margin-top:9px;line-height:1.45}#geo-report.done{border-color:color-mix(in srgb,var(--good) 45%,transparent);background:var(--good-wash)}#geo-report.done .geo-lead{color:var(--good)}#store-status[hidden]{display:none}#label-box{margin-bottom:14px;padding:14px 15px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow)}#label-box[hidden]{display:none}#label-box.done{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.label-choices{display:flex;gap:8px}.label-choices button.secondary{padding:11px 6px;font-size:.9rem;min-width:0}.label-choices button.chosen{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}#label-box .micro{text-align:left;margin-top:9px;line-height:1.45}#backside-cta{margin-bottom:14px}#backside-cta[hidden]{display:none}#backside-result{margin-bottom:14px}#backside-result[hidden]{display:none}.backside-card{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--ink-mute);border-radius:var(--radius-sm);padding:13px 15px;box-shadow:var(--shadow)}.backside-card.verified{border-left-color:var(--good)}.backside-card.inconclusive{border-left-color:var(--warn)}.backside-card.suspicious{border-left-color:var(--alert)}.backside-card .bs-head{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px}.backside-card .bs-title{font-weight:600;font-size:.98rem;margin-bottom:3px}.backside-card.verified .bs-title{color:var(--good)}.backside-card.inconclusive .bs-title{color:var(--warn)}.backside-card.suspicious .bs-title{color:var(--alert)}.backside-card .bs-text{color:var(--ink-soft);font-size:.86rem;line-height:1.45}.lot-block{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}.lot-block .micro{margin-top:6px}.lot-block button.secondary{padding:11px 14px;font-size:.92rem}.lot-out[hidden]{display:none}.lot-progress{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;font-size:.88rem;color:var(--ink-soft)}.spinner.small{width:18px;height:18px;border-width:2.5px;flex:none}.lot-secs{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-mute)}.lot-result{margin-top:10px}.lot-rows{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:.86rem;line-height:1.4}.lot-rows dt{color:var(--ink-mute)}.lot-rows dd{font-family:var(--mono);overflow-wrap:anywhere}.lot-status{margin-top:8px;font-weight:600;font-size:.9rem;color:var(--ink)}.lot-note{margin-top:8px;padding:8px 10px;border-radius:8px;background:var(--surface-2);color:var(--ink-soft);font-size:.8rem;line-height:1.45}.lot-meta{margin-top:6px;font-family:var(--mono);font-size:.7rem;color:var(--ink-mute)}.lot-error{margin-top:10px;font-size:.86rem;line-height:1.45;color:var(--alert);text-align:center}#layer-details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:16px}#layer-details summary{cursor:pointer;font-weight:600;font-size:.92rem;color:var(--ink-soft);list-style:none}#layer-details summary::-webkit-details-marker{display:none}#layer-details summary:after{content:"  ▾";color:var(--ink-mute);font-size:.8em}#layer-details[open] summary:after{content:"  ▴"}#layer-table{width:100%;margin-top:12px;border-collapse:collapse;font-size:.88rem}#layer-table td,#layer-table th{padding:7px 4px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top}#layer-table tr:last-child td{border-bottom:none}#layer-table th{font-family:var(--mono);font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-mute);font-weight:500}#layer-table td:nth-child(2),#layer-table th:nth-child(2),#layer-table td:nth-child(3),#layer-table th:nth-child(3){text-align:right;white-space:nowrap;width:4.5rem;font-family:var(--mono);font-variant-numeric:tabular-nums}#layer-table th.group{text-align:left;width:auto;padding-top:14px;color:var(--ink);font-family:var(--mono);font-size:.66rem;letter-spacing:.07em;text-transform:uppercase}#layer-table tr:first-child th.group{padding-top:7px}#layer-table .small:not(.muted){color:var(--ink)}.muted{color:var(--ink-mute)}.small{font-size:.76rem;line-height:1.4;display:block;margin-top:2px;color:var(--ink-mute)}#capture-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#05090d}#capture-preview[hidden]{display:none}#busy{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--surface) 78%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ink-soft);font-size:.9rem}#busy[hidden]{display:none}.spinner{width:42px;height:42px;border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){#scanline{animation:none;display:none}#pack-guide .pack-outline,#pack-guide .guide-chip{animation:none;transition:none}.auto-ring-svg,#auto-ring{transition:none}.spinner{animation-duration:1.6s}#confidence-fill,button.primary,button.secondary,label.secondary{transition:none}}