:root{--ink:#9a9a9a;--ink-strong:#d0d0d0;--surface:#151515;--edge:#2c2c2c;--record:#e53935;--warning:#f2b84b;--control-size:88px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-height:100dvh;color:var(--ink);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#000;margin:0;font:1rem/1.4 system-ui,-apple-system,sans-serif}#app{flex-direction:column;gap:12px;min-height:100dvh;padding:12px;display:flex}main,section{flex-direction:column;gap:12px;display:flex}button{min-height:var(--control-size);min-width:var(--control-size);background:var(--surface);color:var(--ink-strong);border:1px solid var(--edge);font:inherit;touch-action:manipulation;border-radius:18px;padding:0 20px;font-size:1.2rem}button:active{background:#262626}button svg{margin:0 auto;display:block}nav{gap:12px;margin-top:auto;display:flex}nav button{flex:1;min-height:56px;font-size:1rem}[role=status][aria-label=Recording]{color:var(--record);letter-spacing:.15em;font-weight:700}[role=timer]{font-variant-numeric:tabular-nums;color:var(--ink-strong);font-size:3rem}[role=alert],[role=status]{margin:0}[role=alert]{color:var(--warning)}[aria-label=Preview] canvas{object-fit:contain;background:#000;border-radius:12px;width:100%;height:auto;max-height:45dvh;display:block}[role=alertdialog]{background:var(--surface);border:1px solid var(--edge);border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}ul[aria-label=Clips]{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}ul[aria-label=Clips] li{border:1px solid var(--edge);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}select{background:var(--surface);min-height:44px;color:var(--ink-strong);border:1px solid var(--edge);font:inherit;border-radius:10px}label{margin-top:8px;display:block}[hidden]{display:none!important}