:root{--bg-canvas: #090b10;--bg-sidebar: #0d0f17;--bg-surface: #131622;--bg-card: #181c2b;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 42, 42, .12);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--border-focus: rgba(255, 42, 42, .4);--accent-red: #ff2a2a;--accent-red-hover: #ff4545;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-player: 0 -10px 30px rgba(0, 0, 0, .6);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-canvas);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#fff3}input,button,select,textarea{font-family:inherit}