:root{--bg: #0f172a;--bg-elev: #1e293b;--bg-elev-2: #334155;--text: #e2e8f0;--text-dim: #94a3b8;--accent: #38bdf8;--accent-ink: #0f172a;--danger: #f87171;--ok: #4ade80;--radius: 12px;--tabbar-h: 60px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}#app{height:100%}.app{display:flex;flex-direction:column;height:100dvh;max-width:640px;margin:0 auto}.topbar{padding:env(safe-area-inset-top) 16px 0;flex:0 0 auto}.topbar h1{font-size:1.05rem;font-weight:600;margin:12px 0;color:var(--text)}.content{flex:1 1 auto;overflow-y:auto;padding:0 16px}button,.btn{font:inherit;cursor:pointer;border:1px solid var(--bg-elev-2);background:var(--bg-elev);color:var(--text);padding:8px 12px;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;gap:6px}button:disabled{opacity:.45;cursor:not-allowed}button.danger,.btn.danger{color:var(--danger);border-color:#7f1d1d}button.active{color:var(--accent)}.spacer{flex:1 1 auto}.scanner{display:flex;flex-direction:column;gap:12px}.viewport{position:relative;width:100%;aspect-ratio:3 / 4;background:#000;border-radius:var(--radius);overflow:hidden}.viewport video{width:100%;height:100%;object-fit:cover}.reticle{position:absolute;top:18%;right:12%;bottom:18%;left:12%;border:2px solid rgba(56,189,248,.9);border-radius:14px;box-shadow:0 0 0 100vmax #00000040;pointer-events:none}.engine-badge{position:absolute;top:8px;left:8px;font-size:.7rem;background:#0f172ab3;color:var(--accent);padding:3px 8px;border-radius:999px}.torch-btn{position:absolute;top:8px;right:8px;background:#0f172ab3}.focus-ring{position:absolute;width:64px;height:64px;margin:-32px 0 0 -32px;border:2px solid var(--accent);border-radius:50%;pointer-events:none;animation:focus-pulse .8s ease-out}@keyframes focus-pulse{0%{transform:scale(1.4);opacity:0}30%{opacity:1}to{transform:scale(1);opacity:.6}}.capture-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shutter{background:var(--accent);color:var(--accent-ink);border:none;font-weight:600;padding:12px 16px}.capture-msg{font-size:.85rem;color:var(--text-dim)}.hint{color:var(--text-dim);font-size:.9rem;margin:0}.diagnostics{font-size:.8rem;color:var(--text-dim)}.diagnostics summary{cursor:pointer;padding:6px 0}.diagnostics pre{white-space:pre-wrap;word-break:break-all;background:var(--bg-elev);border-radius:8px;padding:10px;font-size:.72rem;max-height:300px;overflow:auto}.error{color:var(--danger);font-size:.9rem}.history-bar{display:flex;align-items:center;gap:8px;padding:4px 0 12px;position:sticky;top:0;background:var(--bg);z-index:1}.empty{color:var(--text-dim);text-align:center;margin-top:40px}.entry-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.entry{background:var(--bg-elev);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px}.entry-head{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-dim)}.entry-head time{font-variant-numeric:tabular-nums}.badge{background:var(--bg-elev-2);color:var(--text);padding:2px 8px;border-radius:999px;font-size:.72rem}.kind-url{background:#0c4a6e;color:var(--accent)}.kind-wifi,.kind-geo{background:#14532d;color:var(--ok)}.format{color:var(--text-dim)}.entry-code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.9rem;word-break:break-all;background:var(--bg);border-radius:8px;padding:8px}.entry-img{max-width:160px;border-radius:8px}.gps{font-size:.8rem;color:var(--ok);text-decoration:none}.note{font-size:.85rem;color:var(--text);cursor:pointer}.note-edit{display:flex;gap:6px}.note-edit input{flex:1 1 auto}.entry-actions{display:flex;gap:6px;flex-wrap:wrap}input[type=text],select{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--bg-elev-2);border-radius:10px;padding:8px 10px}.settings-view h2{font-size:1rem}.setting{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--bg-elev)}.setting-text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto}.setting-label{font-weight:500}.setting-hint{font-size:.8rem;color:var(--text-dim)}.setting input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.privacy-note{margin-top:20px;font-size:.82rem;color:var(--text-dim);line-height:1.5}.build-info{margin-top:16px;font-size:.75rem;color:var(--text-dim);font-family:ui-monospace,Cascadia Code,Consolas,monospace}.build-info a{color:var(--accent);text-decoration:none}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + 16px);transform:translate(-50%);background:var(--ok);color:var(--accent-ink);padding:10px 16px;border-radius:999px;font-size:.85rem;font-weight:600;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:10}.tabbar{flex:0 0 auto;display:flex;border-top:1px solid var(--bg-elev);padding-bottom:env(safe-area-inset-bottom);background:var(--bg)}.tabbar button{flex:1 1 0;border:none;background:none;border-radius:0;flex-direction:column;gap:2px;padding:10px 0;font-size:.75rem;color:var(--text-dim);height:var(--tabbar-h);justify-content:center}.tabbar button.active{color:var(--accent)}.tab-icon{font-size:1.2rem;line-height:1}