:root{--bg: #0f1419;--bg-elev: #171e26;--bg-elev-2: #1f2833;--line: #2a3440;--text: #eef3f8;--text-dim: #9aa9b8;--text-faint: #6b7a8a;--accent: #3d8bfd;--accent-dark: #2b6fd4;--ok: #3ecf8e;--warn: #f5a623;--danger: #ef4f5a;--radius: 14px;--radius-sm: 10px;--pad: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;overscroll-behavior-y:contain}#app{min-height:100vh;min-height:100dvh}.screen{padding:calc(var(--safe-top) + var(--pad)) var(--pad) calc(var(--safe-bottom) + var(--pad));max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:18px}h1,h2,h3{margin:0;line-height:1.25;font-weight:650}h1{font-size:1.4rem}h2{font-size:1.25rem}h3{font-size:1rem}p{margin:0}.muted{color:var(--text-dim)}.small{font-size:.85rem}.screen-header{display:flex;flex-direction:column;gap:4px}.screen-header-compact{gap:2px}.screen-sub{color:var(--text-dim);font-size:.92rem}.section-title{color:var(--text-dim);text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;margin-top:6px}.home-header{margin-bottom:4px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(140deg,var(--accent),var(--accent-dark));font-weight:800;letter-spacing:-.03em}.brand-sub{color:var(--text-dim);font-size:.85rem}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-tile{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:12px 8px;text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700}.stat-label{display:block;font-size:.72rem;color:var(--text-dim)}.stat-warn .stat-value{color:var(--warn)}.menu-list{display:flex;flex-direction:column;gap:10px}.menu-item{display:flex;flex-direction:column;gap:3px;text-align:left;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:15px var(--pad);color:var(--text);font:inherit;cursor:pointer;min-height:56px}.menu-item:active{background:var(--bg-elev-2)}.menu-title{font-weight:600}.menu-sub{font-size:.82rem;color:var(--text-dim)}.footer-note{color:var(--text-faint);font-size:.78rem;text-align:center}.btn{font:inherit;font-weight:600;border:1px solid transparent;border-radius:var(--radius);padding:15px 18px;min-height:56px;cursor:pointer;color:var(--text);background:var(--bg-elev-2);transition:transform .06s ease,opacity .15s ease}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.45;cursor:default}.btn-block{width:100%}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-secondary{background:var(--bg-elev-2);border-color:var(--line)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--text-dim)}.btn-danger{background:var(--danger);border-color:var(--danger)}.btn-danger-text{color:var(--danger)}.btn-hero{font-size:1.05rem;min-height:64px}.actions-sticky{position:sticky;bottom:0;display:flex;flex-direction:column;gap:8px;padding:12px 0 calc(var(--safe-bottom) + 8px);margin-top:auto;background:linear-gradient(to top,var(--bg) 65%,transparent)}.chip{font:inherit;font-size:.9rem;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg-elev-2);color:var(--text);cursor:pointer}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.step{display:flex;gap:13px;align-items:flex-start}.step-icon{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent);font-weight:700;font-size:.9rem}.step-text h3{margin-bottom:3px}.step-text p{color:var(--text-dim);font-size:.9rem}.video-wrap{position:relative;width:100%;aspect-ratio:3 / 4;background:#000;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.video-wrap-plate{aspect-ratio:4 / 3}.video-el{width:100%;height:100%;object-fit:cover;display:block}.video-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;color:var(--text-dim);font-size:.9rem}.video-box{display:flex;flex-direction:column;gap:6px}.video-player{width:100%;border-radius:var(--radius);background:#000;border:1px solid var(--line)}.plate-stage{position:relative}.plate-reticle{position:absolute;border:2px dashed rgba(61,139,253,.9);border-radius:8px;pointer-events:none;box-shadow:0 0 0 2000px #00000052}.plate-ocr-status{position:absolute;left:10px;right:10px;bottom:10px;padding:9px 12px;border-radius:var(--radius-sm);background:#000000b8;font-size:.9rem;text-align:center}.plate-ocr-status.is-ok{background:#3ecf8ee6;color:#06231a;font-weight:600}.plate-ocr-status.is-progress{background:#3d8bfdd9}.plate-ocr-status.is-warn{background:#f5a623e6;color:#241701}.plate-input{font:inherit;font-size:2rem;font-weight:700;letter-spacing:.14em;text-align:center;text-transform:uppercase;padding:14px 12px;border-radius:var(--radius);border:2px solid var(--line);background:var(--bg-elev);color:var(--text);width:100%}.plate-input.is-valid{border-color:var(--ok)}.plate-input.is-invalid{border-color:var(--danger)}.plate-hint{text-align:center;color:var(--text-dim);font-size:.88rem}.plate-candidates{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.plate-candidates-label{color:var(--text-faint);font-size:.82rem}.capture-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.capture-plate{font-size:1.3rem;font-weight:700;letter-spacing:.08em}.capture-phase{color:var(--text-dim);font-size:.82rem}.capture-stage{position:relative}.ring-wrap{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;padding:6%}.coverage-ring{width:100%;max-width:320px;height:auto}.ring-sector{fill:#ffffff29;transition:fill .18s ease}.ring-sector.is-done{fill:var(--ok)}.ring-sector.is-current{fill:#ffffff6b}.ring-sector.is-done.is-current{fill:#7ff0c0}.ring-sector.is-target{fill:#f5a6238c}.ring-sector.is-target.is-done{fill:var(--ok)}.ring-cursor{fill:#fff}.ring-car{fill:#ffffff42}.ring-car-glass{fill:#0f141980}.ring-label{fill:#fff;font-size:15px;font-weight:700;font-family:system-ui,sans-serif;paint-order:stroke;stroke:#0000008c;stroke-width:3px}.issue-banner{position:absolute;left:10px;right:10px;bottom:12px;padding:12px;border-radius:var(--radius-sm);background:#f5a623f0;color:#241701;font-weight:650;text-align:center;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.issue-banner.is-visible{opacity:1;transform:translateY(0)}.timer-badge{position:absolute;top:10px;right:10px;padding:5px 11px;border-radius:999px;background:#0009;font-size:.82rem;font-variant-numeric:tabular-nums}.capture-progress{text-align:center;font-size:.95rem}.capture-progress.is-error{color:var(--danger)}.capture-target{text-align:center;color:var(--warn);font-size:.9rem}.meters{display:flex;flex-direction:column;gap:7px}.meter{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:10px}.meter-label{font-size:.78rem;color:var(--text-dim)}.meter-track{height:7px;border-radius:999px;background:var(--bg-elev-2);overflow:hidden}.meter-fill{display:block;height:100%;width:0%;border-radius:999px;transition:width .18s ease,background .18s ease}.meter-fill.is-ok{background:var(--ok)}.meter-fill.is-bad{background:var(--warn)}.verdict{display:flex;align-items:center;gap:13px;padding:15px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elev)}.verdict-compact{padding:11px 14px}.verdict-icon{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:1.3rem;font-weight:800}.verdict-ok .verdict-icon{background:var(--ok);color:#06231a}.verdict-warn .verdict-icon{background:var(--warn);color:#241701}.verdict-ok{border-color:#3ecf8e73}.verdict-warn{border-color:#f5a62373}.review-ring{display:grid;place-items:center;padding:6px 0}.review-ring .coverage-ring{max-width:220px}.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.fact{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 13px;display:flex;flex-direction:column;gap:2px}.fact-value{font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums}.fact-label{font-size:.74rem;color:var(--text-dim)}.kv-list{display:flex;flex-direction:column;gap:1px;border-radius:var(--radius-sm);overflow:hidden}.kv{display:flex;justify-content:space-between;gap:12px;padding:10px 13px;background:var(--bg-elev);font-size:.86rem}.kv-key{color:var(--text-dim);flex:0 0 auto}.kv-val{text-align:right;word-break:break-word}.thumb-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.thumb-strip .thumb{flex:0 0 108px;scroll-snap-align:start}.thumb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.thumb{margin:0;display:flex;flex-direction:column;gap:4px}.thumb img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line);background:#000;display:block}.thumb figcaption{font-size:.7rem;color:var(--text-faint);text-align:center}.thumb-lg img{cursor:zoom-in}.session-list{display:flex;flex-direction:column;gap:8px}.session-item{display:flex;align-items:center;gap:12px;padding:13px var(--pad);background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font:inherit;text-align:left;cursor:pointer;min-height:62px}.session-item:active{background:var(--bg-elev-2)}.session-badge{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:800}.session-badge.is-ok{background:var(--ok);color:#06231a}.session-badge.is-warn{background:var(--warn);color:#241701}.session-main{flex:1;display:flex;flex-direction:column;min-width:0}.session-plate{font-weight:650;letter-spacing:.06em}.session-meta{font-size:.76rem;color:var(--text-dim)}.session-size{font-size:.76rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.empty-state{padding:34px 20px;text-align:center;color:var(--text-dim);border:1px dashed var(--line);border-radius:var(--radius)}.notes-input{font:inherit;width:100%;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elev);color:var(--text);resize:vertical}.field-list{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.field-head label{font-weight:600;font-size:.92rem}.field-value{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700;font-size:.92rem}.field-range{width:100%;accent-color:var(--accent);height:34px}.field-hint{font-size:.78rem;color:var(--text-faint)}.field-default{color:var(--text-dim)}.toggle-list{display:flex;flex-direction:column;gap:1px;border-radius:var(--radius-sm);overflow:hidden}.toggle-row{display:flex;align-items:center;gap:12px;padding:13px var(--pad);background:var(--bg-elev);cursor:pointer;min-height:60px}.toggle-text{flex:1;display:flex;flex-direction:column}.toggle-label{font-weight:600;font-size:.92rem}.toggle-hint{font-size:.76rem;color:var(--text-dim)}.toggle-input{position:absolute;opacity:0;pointer-events:none}.toggle-switch{flex:0 0 48px;height:28px;border-radius:999px;background:var(--bg-elev-2);border:1px solid var(--line);position:relative;transition:background .16s ease}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--text-dim);transition:transform .16s ease,background .16s ease}.toggle-input:checked~.toggle-switch{background:var(--accent);border-color:var(--accent)}.toggle-input:checked~.toggle-switch:after{transform:translate(20px);background:#fff}.notice{padding:12px 14px;border-radius:var(--radius-sm);font-size:.87rem;border:1px solid var(--line);background:var(--bg-elev)}.notice ul{margin:6px 0 0;padding-left:18px}.notice li{margin-bottom:3px}.notice-info{border-color:#3d8bfd66}.notice-warn{border-color:#f5a62380;background:#f5a62317}.notice-error{border-color:#ef4f5a80;background:#ef4f5a17}.toast{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 22px);transform:translate(-50%,14px);padding:13px 18px;border-radius:var(--radius);background:var(--bg-elev-2);border:1px solid var(--line);font-size:.9rem;max-width:min(88vw,460px);text-align:center;opacity:0;transition:opacity .22s ease,transform .22s ease;z-index:60;box-shadow:0 10px 30px #00000073}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast-ok{border-color:var(--ok)}.toast-warn{border-color:var(--warn)}.toast-error{border-color:var(--danger)}.modal-backdrop{position:fixed;inset:0;background:#000000a8;display:grid;place-items:center;padding:20px;z-index:80}.modal{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:20px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:12px}.modal p{color:var(--text-dim);font-size:.92rem}.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1}.lightbox{position:fixed;inset:0;background:#000000f0;display:grid;place-items:center;padding:12px;z-index:90;cursor:zoom-out}.lightbox img{max-width:100%;max-height:88vh;object-fit:contain}.lightbox-caption{color:var(--text-dim);font-size:.85rem;margin-top:10px}.screen-error{align-items:flex-start}.error-detail{width:100%;white-space:pre-wrap;word-break:break-word;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;font-size:.82rem;color:var(--danger)}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}