:root{color-scheme:dark;--bg: #0b0e13;--surface: #151b24;--text: #f2f5f7;--muted: #9aa6b2;--accent: #4ade80;--radius: 14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{min-height:100dvh}.gate{min-height:100dvh;display:grid;place-items:center;padding:24px}.card{width:min(420px,100%);background:var(--surface);border-radius:var(--radius);padding:28px 24px;display:grid;gap:14px}.card h1{margin:0;font-size:1.5rem}.card p{margin:0;color:var(--muted);line-height:1.5}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #2a3441;background:#1d2530;color:var(--text);border-radius:999px;padding:14px 22px;font-size:1rem;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:wait}.btn-primary{background:var(--accent);border-color:var(--accent);color:#06130b}.btn-scan{width:100%;font-size:1.15rem;padding:16px}.stage{position:relative;height:100dvh;overflow:hidden;background:#000}.camera-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.viewfinder{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.viewfinder-frame{width:min(86%,560px);aspect-ratio:4 / 1;border:2px solid var(--accent);border-radius:10px;box-shadow:0 0 0 9999px #0000008c}.viewfinder-hint{margin:0;background:#000000a6;padding:8px 14px;border-radius:999px;font-size:.9rem}.controls{position:absolute;inset-inline:0;bottom:0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:grid;gap:10px;background:linear-gradient(transparent,#000000bf)}.live-overlay{position:absolute;inset-inline:0;bottom:0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:grid;gap:10px;justify-items:center;background:linear-gradient(transparent,#000000bf)}.live-vin{margin:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.1rem;letter-spacing:.12em;background:#000000a6;border:1px solid var(--accent);border-radius:10px;padding:8px 14px}.btn-ghost{background:transparent}.result-label{margin:0;color:var(--muted);font-size:.9rem}.result-vin{margin:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.5rem;letter-spacing:.1em;word-break:break-all;text-align:center}.result-row{display:flex;gap:10px}.tools{position:absolute;top:calc(12px + env(safe-area-inset-top));inset-inline:12px;display:flex;gap:8px;justify-content:flex-end}.tools .btn{padding:10px 14px;font-size:.9rem}.manual-input{width:100%;background:#0e141c;border:1px solid #2a3441;color:var(--text);border-radius:10px;padding:14px;font-size:1.1rem;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.gate-result{background:var(--bg)}.card-result{width:min(480px,100%)}.card-result .result{position:static;background:transparent;padding:0;justify-items:stretch;text-align:center}.badge{font-size:.8rem;padding:4px 12px;border-radius:999px}.badge-strong{background:#4ade8026;color:var(--accent);border:1px solid var(--accent)}.badge-weak{background:#facc151f;color:#facc15;border:1px solid #facc15}.status{margin:0;text-align:center;color:var(--text);font-size:.9rem;text-shadow:0 1px 2px rgb(0 0 0 / .8)}.hidden{display:none}.result{position:absolute;inset-inline:0;bottom:0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:grid;gap:10px;justify-items:center;background:#000c}.result-thumb{width:min(100%,560px);border-radius:8px;border:1px solid #2a3441}