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