:root{--bg:#0f172a;--bg-elev:#1e293b;--bg-elev-2:#334155;--text:#e2e8f0;--text-dim:#94a3b8;--accent:#38bdf8;--accent-ink:#0f172a;--danger:#f87171;--radius:12px;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{height:100%}.app{height:100dvh;position:relative;overflow:hidden}.hidden-input{display:none}.icon{flex:none}.stage{touch-action:none;background:#000;position:absolute;inset:0;overflow:hidden}.feed{object-fit:cover;width:100%;height:100%;display:block}.overlay{pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0}.curtain{z-index:30;background:#0f172af0;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.card{background:var(--bg-elev);border:1px solid var(--bg-elev-2);border-radius:var(--radius);width:100%;max-width:26rem;padding:22px}.card h1{align-items:center;gap:10px;margin:0 0 12px;font-size:1.3rem;display:flex}.card p{margin:0 0 12px;line-height:1.5}.card a{color:var(--accent)}.fine{color:var(--text-dim);font-size:.85rem}.error{color:var(--danger)}.primary{width:100%;font:inherit;color:var(--accent-ink);background:var(--accent);border-radius:var(--radius);cursor:pointer;border:none;margin:6px 0 10px;padding:13px;font-weight:600}.primary:disabled{opacity:.6;cursor:default}.empty{max-width:22rem;font:inherit;color:var(--text);text-align:center;border:1px dashed var(--bg-elev-2);border-radius:var(--radius);cursor:pointer;z-index:10;background:#1e293be6;flex-direction:column;align-items:center;gap:8px;margin:0 auto;padding:26px 20px;display:flex;position:absolute;inset:auto 20px 50%;transform:translateY(50%)}.empty span{color:var(--text-dim);font-size:.85rem}.bar{z-index:20;padding:10px 12px calc(10px + var(--safe-b));background:linear-gradient(#0f172a99,#0f172af2);align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.icon-btn{width:44px;height:44px;color:var(--text);border:1px solid var(--bg-elev-2);border-radius:var(--radius);cursor:pointer;background:#1e293be6;flex:none;place-items:center;display:grid}.icon-btn.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.icon-btn:disabled{opacity:.4;cursor:default}.slider{flex:auto;min-width:0;display:flex}.slider input{width:100%;accent-color:var(--accent)}.sheet{left:0;right:0;bottom:calc(64px + var(--safe-b));z-index:20;border-top:1px solid var(--bg-elev-2);background:#0f172af7;flex-direction:column;gap:12px;padding:16px;display:flex;position:absolute}.sheet-head{justify-content:space-between;align-items:center;font-weight:600;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{font:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--bg-elev-2);border-radius:var(--radius);cursor:pointer;align-items:center;gap:6px;padding:9px 12px;font-size:.9rem;display:inline-flex}.chip.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.readout{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.9rem}.toggle,.select{justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;display:flex}.toggle span,.select span{align-items:center;gap:6px;display:inline-flex}.toggle em{color:var(--text-dim);font-style:normal}.toggle input{width:20px;height:20px;accent-color:var(--accent);flex:none}.select select{min-width:0;max-width:60%;font:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--bg-elev-2);border-radius:8px;flex:auto;padding:8px;font-size:.9rem}.link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.9rem;text-decoration:underline}