:root{--bg:#0a0c0e;--surface:#14181c;--stage:#101316;--line:#262c33;--text:#f2f4f5;--muted:#9aa3ad;--faint:#6b7480;--accent:#c8f03c;--warn:#ff8a3d;--mid:#c98a5a;--num:"Barlow Condensed", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:Zen Kaku Gothic New,Hiragino Sans,sans-serif}button{color:inherit;cursor:pointer;font-family:inherit}a{color:var(--accent)}.page{max-width:430px;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.row{justify-content:space-between;align-items:center;display:flex}.num{font-family:var(--num);font-weight:700;line-height:1}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px 18px}.stage{background:var(--stage);border:1px solid #1e2429;border-radius:20px;position:relative;overflow:hidden}.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.primary{background:var(--accent);color:#0a0c0e;letter-spacing:2px;border:0;border-radius:30px;width:100%;height:60px;font-size:18px;font-weight:900}.seg{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:4px;padding:4px;display:grid}.seg button{height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;font-size:14px}.seg button[aria-pressed=true]{background:var(--line);color:var(--text);font-weight:700}.share-bar{border-radius:5px;gap:2px;height:10px;display:flex;overflow:hidden}.chip{border:1px solid var(--line);height:36px;color:var(--muted);background:0 0;border-radius:18px;padding:0 14px;font-size:13px}.chip[aria-pressed=true]{border-color:var(--text);background:var(--line);color:var(--text);font-weight:700}.live{color:var(--text);background:#000;position:fixed;inset:0;overflow:hidden}.live video,.live canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.pill{border:1px solid var(--line);background:#0a0c0edb;border-radius:28px;align-items:center;gap:10px;padding:10px 18px;display:inline-flex}