:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121018;--panel:#1c1824;--fg:#f3efe6;--muted:#a8a196;--accent:#f2c14e;--ok:#5ae68c;--bad:#e8483b}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font:17px/1.4 system-ui,sans-serif}#app{flex-direction:column;min-height:100%;display:flex}.screen{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;width:100%;max-width:560px;margin:0 auto;display:flex}h1{color:var(--accent);letter-spacing:.02em;margin:8px 0 0;font-size:34px}h2{margin:0;font-size:24px}p{margin:0}.muted{color:var(--muted);font-size:15px}.room{background:var(--panel);border-radius:10px;padding:10px 14px}.room strong{letter-spacing:.1em;color:var(--accent);font-family:ui-monospace,monospace;font-size:22px}button,.button{font:inherit;background:var(--panel);color:var(--fg);cursor:pointer;text-align:center;border:2px solid #3a3346;border-radius:12px;padding:14px 18px;font-weight:600}button.primary{background:var(--accent);border-color:var(--accent);color:#1a1410}button.danger{border-color:var(--bad)}button:disabled{opacity:.5}.choices{gap:12px;display:grid}.choices button{text-align:left}.choices button small{color:var(--muted);font-weight:400;display:block}.choices button.primary small{color:#3b2f1a}.archetypes button{align-items:center;gap:12px;display:flex}.archetypes svg{fill:none;stroke:currentColor;stroke-width:14px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:64px;height:64px}.row{flex-wrap:wrap;gap:10px;display:flex}.row>*{flex:1}label.check{color:var(--muted);align-items:center;gap:8px;display:flex}input[type=text]{font:inherit;color:var(--fg);background:#0d0b12;border:2px solid #3a3346;border-radius:10px;width:100%;padding:12px 14px}ul.tips{gap:8px;margin:0;padding-left:1.2em;display:grid}.error{color:var(--bad)}.capture{background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.capture .viewport{flex:1;min-height:0;position:relative}.capture video,.capture canvas.overlay{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.capture.mirrored video,.capture.mirrored canvas.overlay{transform:scaleX(-1)}.capture .hud{padding:max(12px, env(safe-area-inset-top)) 16px 12px;pointer-events:none;background:linear-gradient(#000c,#0000);position:absolute;top:0;left:0;right:0}.capture .hud .step{color:var(--accent);font-weight:700}.capture .hud .label{font-size:30px;font-weight:800}.capture.large .hud .label{font-size:52px}.capture.large .hud .hint{font-size:26px}.capture .controls{padding:10px 16px max(10px, env(safe-area-inset-bottom));background:#000;gap:10px;display:flex}.capture .controls button{flex:1}.capture .controls button[hidden]{display:none}.capture .controls button.switch{flex:none}.cutout{aspect-ratio:1;filter:drop-shadow(0 4px 10px #000a);pointer-events:none;width:28%;max-width:180px;animation:.5s ease-out 3 bounce;position:absolute;bottom:12px;right:12px}@keyframes bounce{0%{transform:translateY(0)scale(.7)}40%{transform:translateY(-18px)scale(1.05)}to{transform:translateY(0)scale(1)}}.toast{background:#000c;border-radius:12px;padding:12px 18px;font-weight:700;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.strip{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.strip button{background:repeating-conic-gradient(#221d2b 0 25%, #1a1622 0 50%) 0 0 / 16px 16px;flex-direction:column;align-items:center;gap:2px;padding:4px;font-size:13px;font-weight:500;display:flex}.strip img{aspect-ratio:1;object-fit:contain;width:100%}.showcase{aspect-ratio:1;background:radial-gradient(#3a2f4a,#1c1824);border-radius:16px;align-self:center;width:100%;max-width:360px}.progress{background:var(--panel);border-radius:6px;height:12px;overflow:hidden}.progress>div{background:var(--ok);width:0;height:100%;transition:width .15s}.recording{color:var(--bad);font-weight:700}.meter{background:var(--panel);border-radius:7px;height:14px;position:relative;overflow:hidden}.meter[hidden]{display:none}.meter>div:first-child{background:var(--accent);width:0;height:100%;transition:width 50ms linear}.meter>div.loud{background:var(--ok)}.meter .quiet-mark{background:var(--fg);opacity:.6;width:2px;position:absolute;top:0;bottom:0}.link-chip{z-index:50;top:max(8px, env(safe-area-inset-top));color:var(--muted);cursor:pointer;background:#000c;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600;position:fixed;right:8px}.link-chip[hidden]{display:none}.link-chip[data-state=connected]{color:var(--ok)}.link-chip[data-state=failed],.link-chip[data-state=closed]{color:var(--bad)}.resume{border:2px solid var(--accent);background:var(--panel);border-radius:12px;gap:8px;padding:14px;display:grid}h1 .kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--bad);margin-top:2px;font-size:15px;display:block}.privacy{color:var(--muted);border:1px solid #3a3346;border-radius:10px;padding:12px 14px;font-size:15px}.privacy strong{color:var(--fg)}a{color:var(--accent)}