:root{--bg0: #0e1218;--bg1: #1a222d;--ink: #f2efe8;--muted: #9aa3af;--accent: #e8a838;--accent-dim: #b07a1c;--danger: #d45d4a;--ok: #6fbf8a;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-body: "Avenir Next", Avenir, "Century Gothic", Candara, sans-serif;--radius: 0;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(120% 80% at 10% -10%,#2a3340 0%,transparent 55%),radial-gradient(90% 60% at 100% 0%,#3a2a12 0%,transparent 45%),linear-gradient(165deg,var(--bg0),var(--bg1));color:var(--ink);font-family:var(--font-body)}body,#app{min-height:100dvh}.shell{max-width:52rem;margin:0 auto;padding:1.25rem 1rem 2.5rem;display:flex;flex-direction:column;gap:1.25rem}.brand-bar{animation:rise .7s ease-out both}.brand{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,8vw,3.4rem);letter-spacing:-.02em;line-height:1}.tagline{margin:.35rem 0 0;color:var(--muted);font-size:.95rem;letter-spacing:.04em;text-transform:lowercase}.viewfinder{position:relative;isolation:isolate;background:#05070a;min-height:min(70vh,36rem);overflow:hidden;animation:fade-in .8s ease both}#viewfinder-video{display:block;width:100%;height:100%;min-height:min(70vh,36rem);object-fit:cover;background:#05070a}.overlay{position:absolute;inset:0;pointer-events:none;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);transition:border-color .25s ease,background .25s ease}.overlay[data-state=searching]{border-color:color-mix(in srgb,var(--accent) 70%,white 10%);background:linear-gradient(180deg,transparent 0%,transparent 72%,color-mix(in srgb,var(--bg0) 55%,transparent) 100%)}.overlay[data-state=decoded]{border-color:var(--ok);animation:flash-ok .45s ease}.overlay[data-state=error]{border-color:var(--danger)}.crop-frame{position:absolute;border:2px solid color-mix(in srgb,var(--accent) 85%,white);box-shadow:0 0 0 9999px color-mix(in srgb,#05070a 55%,transparent);pointer-events:none;z-index:2}.freeze-layer{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:color-mix(in srgb,#05070a 82%,transparent);padding:1rem}.freeze-layer[hidden]{display:none!important}#freeze-canvas{max-width:min(100%,28rem);max-height:55%;image-rendering:pixelated;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.freeze-verdict{margin:0;font-family:var(--font-display);font-size:1.1rem;text-align:center}.freeze-verdict[data-ok="1"]{color:var(--ok)}.freeze-verdict[data-ok="0"]{color:var(--danger)}.camera-error{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:color-mix(in srgb,#05070a 90%,transparent);text-align:center}.camera-error[hidden]{display:none!important}.camera-error-msg{margin:0;font-family:var(--font-display);font-size:1.15rem;color:var(--danger);max-width:22rem}.viewfinder.is-result{min-height:0;max-height:0;overflow:hidden;opacity:0;pointer-events:none}.result-view{background:color-mix(in srgb,var(--bg1) 92%,black);border-top:2px solid var(--accent);padding:1.25rem 1rem 1.75rem;animation:slide-up .35s ease both;display:flex;flex-direction:column;gap:.85rem}.result-view[hidden]{display:none!important}.result-title{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:600}.payload{margin:0;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;font-size:clamp(1.15rem,3.5vw,1.45rem);line-height:1.45;color:var(--ink);user-select:text;-webkit-user-select:text;padding:.75rem 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.result-actions{display:flex;flex-wrap:wrap;gap:.5rem}.result-meta{margin:0;color:var(--muted);font-size:.88rem;letter-spacing:.02em;line-height:1.4}.result-thumb{display:block;max-width:min(100%,20rem);max-height:12rem;width:auto;height:auto;image-rendering:pixelated;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);align-self:start;background:#05070a}.result-thumb[hidden]{display:none!important}.scan-again{align-self:stretch;margin-top:.35rem;padding:.85rem 1rem;font-size:1.05rem}.result-close{display:none}.control-row{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;z-index:3;display:flex;flex-direction:column;gap:.25rem;color:var(--ink);font-size:.8rem;background:color-mix(in srgb,var(--bg0) 72%,transparent);padding:.45rem .55rem}#zoom-row{bottom:3.4rem}.control-row input[type=range]{width:100%;accent-color:var(--accent)}.btn.accent{background:color-mix(in srgb,var(--accent) 35%,var(--bg0));border-color:var(--accent);font-weight:600}.settings-panel{color:var(--muted);font-size:.92rem;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);padding-top:.75rem}.settings-panel summary{cursor:pointer;color:var(--ink);font-family:var(--font-display);font-size:1.1rem}.settings-hint{margin:.5rem 0;font-size:.85rem}.check-row,.field-label{display:flex;flex-direction:column;gap:.35rem;margin:.55rem 0;color:var(--ink)}.check-row{flex-direction:row;align-items:center;gap:.55rem}.field-label input[type=url],.field-label input[type=password]{appearance:none;border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);background:color-mix(in srgb,var(--bg0) 80%,transparent);color:var(--ink);font:inherit;padding:.5rem .65rem}.overlay-label{position:absolute;left:.85rem;bottom:.85rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:color-mix(in srgb,var(--bg0) 72%,transparent);padding:.35rem .55rem}.viewfinder-actions{position:absolute;right:.75rem;top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.btn{appearance:none;border:1px solid color-mix(in srgb,var(--ink) 28%,transparent);background:color-mix(in srgb,var(--bg0) 78%,transparent);color:var(--ink);font:inherit;font-size:.9rem;padding:.55rem .9rem;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:#1a1205;border-color:var(--accent);font-weight:600}.btn.ghost{border:none;background:transparent;font-size:1.4rem;line-height:1;padding:.2rem .45rem}.file-label{display:inline-flex;align-items:center;cursor:pointer}.result-sheet{display:none}.result-sheet[hidden]{display:none!important}.result-head,.details{display:none}@keyframes rise{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}@keyframes flash-ok{0%{background:color-mix(in srgb,var(--ok) 35%,transparent)}to{background:transparent}}@media(max-width:640px){.shell{padding:.85rem .65rem 1.5rem}.viewfinder-actions{left:.65rem;right:.65rem}}