:root{--sky:#8fb8e0;--sky-dark:#4f7fb0;--bg:#f4f8fc;--card:#fff;--text:#24324a;--muted:#6b7a90;--line:#dde6f0;--ok:#3f9e5a;--warn:#e39a3b;--danger:#c94a4a;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1.05rem}p{margin:0;line-height:1.45}a{color:var(--sky-dark)}.center{place-content:center;gap:20px;max-width:440px;min-height:100vh;margin:0 auto;padding:24px 16px;display:grid}.brand{text-align:center;color:var(--sky-dark);font-size:2rem;font-weight:700}.content{max-width:640px;margin:0 auto;padding:16px 16px 96px}.topbar{z-index:2;background:var(--sky);color:#fff;padding:14px 16px;padding-top:max(14px, env(safe-area-inset-top));font-weight:700;position:sticky;top:0}.topbar .muted{color:#ffffffd9;font-weight:400}.stack{gap:14px;display:grid}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:0 1px 3px #24324a14}.card.stack{gap:12px;display:grid}.card-highlight{outline:2px solid var(--warn)}.card-warning{background:#fff4e5}.muted{color:var(--muted)}.small{font-size:.875rem}.block{display:block}.error{color:var(--danger)}.input{width:100%;font:inherit;border:1px solid var(--line);color:var(--text);background:#fff;border-radius:12px;padding:12px 14px;font-size:1rem}.input:focus{outline:2px solid var(--sky);border-color:var(--sky)}.code-input{letter-spacing:.3em;text-align:center;font-size:1.5rem}.btn{font:inherit;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:12px;min-height:44px;padding:11px 16px;font-weight:600}.btn:disabled{opacity:.6;cursor:wait}.btn-primary{background:var(--sky-dark);border-color:var(--sky-dark);color:#fff}.btn-outline{background:0 0}.btn-danger-outline{color:var(--danger);border-color:var(--danger);background:0 0}.banner{background:var(--warn);color:#fff;border-radius:var(--radius);padding:14px 16px;font-weight:700;text-decoration:none;display:block}.chip{border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700}.chip-pending{color:#a5651a;background:#fff0db}.chip-approved{color:var(--ok);background:#e3f4e7}.chip-blocked{color:var(--danger);background:#fbe4e4}.dot{vertical-align:middle;background:#c3ccd8;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.dot-on{background:var(--ok)}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);padding:12px 16px}.list li:last-child{border-bottom:none}.qr{background:#fff;justify-self:center;width:200px;height:200px}.secret{word-break:break-all;background:var(--bg);border-radius:8px;padding:8px 10px;font-size:.9rem}.switch-label{flex-shrink:0;width:56px;height:32px;display:inline-block;position:relative}.switch{opacity:0;width:0;height:0}.slider{cursor:pointer;background:#c3ccd8;border-radius:999px;transition:background .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:4px;left:4px}.switch:checked+.slider{background:var(--warn)}.switch:checked+.slider:before{transform:translate(24px)}.switch:focus-visible+.slider{outline:2px solid var(--sky-dark)}.tabs{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fff;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabs a{color:var(--muted);justify-items:center;gap:2px;padding:8px 4px 10px;font-size:.75rem;text-decoration:none;display:grid}.tabs a.active{color:var(--sky-dark);font-weight:700}.tab-icon{font-size:1.3rem;line-height:1}.toast{opacity:0;background:var(--text);color:#fff;z-index:10;border-radius:12px;max-width:calc(100% - 32px);padding:12px 18px;transition:all .25s;position:fixed;bottom:84px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast-error{background:var(--danger)}