html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root,html:not([data-theme]){--surface:#f0f4f8;--surface-2:#e2e8f0;--surface-3:#cbd5e1;--ink:#0f172a;--ink-2:#334155;--ink-dim:#64748b;--accent:#0ea5c9;--accent-glow:linear-gradient(135deg, #6ff5c8 0%, #2bcfbe 38%, #0ea5c9 72%, #0369a1 100%);--border:#0f172a1a;--record-red:#dc2626;--player-dock-height:80px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--surface:#0b1120;--surface-2:#111b2e;--surface-3:#1a2740;--ink:#e2e8f0;--ink-2:#94a3b8;--ink-dim:#64748b;--accent:#22d3ee;--accent-glow:linear-gradient(135deg, #6ff5c8 0%, #2bcfbe 38%, #0ea5c9 72%, #0369a1 100%);--border:#e2e8f014;--record-red:#ef4444;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--surface);height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{flex-direction:column;height:100%;display:flex}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--surface-2)}::-webkit-scrollbar-thumb{background:var(--ink-2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--ink)}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}.safe-insets{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button{font:inherit;cursor:pointer;background:0 0;border:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}