*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;background:var(--background-primary);color:var(--text-primary)}:root{--player-height: 140px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}*{scrollbar-width:thin;scrollbar-color:var(--border-primary) var(--background-secondary)}:root[data-theme=light],:root{--radish-1: #FF6B9D;--radish-2: #FF5A8F;--radish-3: #FF4981;--radish-4: #FF3873;--radish-5: #FF2765;--radish-6: #FF1657;--radish-7: #E6145A;--radish-8: #CC125D;--radish-9: #B31060;--radish-10: #990E63;--radish-11: #800C66;--radish-12: #660A69;--primary: var(--radish-5);--primary-light: var(--radish-3);--primary-dark: var(--radish-8);--accent: var(--radish-6);--background-primary: #FFFFFF;--background-secondary: #F8F8F8;--background-tertiary: #F0F0F0;--background-hover: #E8E8E8;--surface: #FFFFFF;--surface-elevated: #FCFCFC;--surface-overlay: rgba(0, 0, 0, .05);--text-primary: #1A1A1A;--text-secondary: #4A4A4A;--text-tertiary: #707070;--text-disabled: #A0A0A0;--text-on-primary: #FFFFFF;--text-on-accent: #FFFFFF;--border-primary: #D8D8D8;--border-secondary: #E8E8E8;--border-focus: var(--radish-5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--overlay-light: rgba(0, 0, 0, .1);--overlay-medium: rgba(0, 0, 0, .3);--overlay-dark: rgba(0, 0, 0, .5);--gradient-primary: linear-gradient(135deg, var(--radish-3) 0%, var(--radish-6) 100%);--gradient-accent: linear-gradient(135deg, var(--radish-4) 0%, var(--radish-8) 100%);--gradient-surface: linear-gradient(135deg, rgba(255, 107, 157, .1) 0%, rgba(255, 22, 87, .1) 100%)}:root[data-theme=dark]{--radish-1: #FF8CB4;--radish-2: #FF7BA6;--radish-3: #FF6A98;--radish-4: #FF598A;--radish-5: #FF487C;--radish-6: #FF376E;--radish-7: #E63363;--radish-8: #CC2F58;--radish-9: #B32B4D;--radish-10: #992742;--radish-11: #802337;--radish-12: #661F2C;--primary: var(--radish-5);--primary-light: var(--radish-3);--primary-dark: var(--radish-8);--accent: var(--radish-6);--background-primary: #0F0F0F;--background-secondary: #1A1A1A;--background-tertiary: #262626;--background-hover: #333333;--surface: #1A1A1A;--surface-elevated: #242424;--surface-overlay: rgba(255, 255, 255, .05);--text-primary: #FFFFFF;--text-secondary: #B8B8B8;--text-tertiary: #8A8A8A;--text-disabled: #5A5A5A;--text-on-primary: #FFFFFF;--text-on-accent: #FFFFFF;--border-primary: #3A3A3A;--border-secondary: #2A2A2A;--border-focus: var(--radish-5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .7);--success: #34D399;--warning: #FBBF24;--error: #F87171;--info: #60A5FA;--overlay-light: rgba(255, 255, 255, .1);--overlay-medium: rgba(255, 255, 255, .2);--overlay-dark: rgba(255, 255, 255, .3);--gradient-primary: linear-gradient(135deg, var(--radish-4) 0%, var(--radish-7) 100%);--gradient-accent: linear-gradient(135deg, var(--radish-5) 0%, var(--radish-9) 100%);--gradient-surface: linear-gradient(135deg, rgba(255, 72, 124, .15) 0%, rgba(230, 51, 99, .15) 100%)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.no-theme-transition,.no-theme-transition *{transition:none!important}.text-primary-color{color:var(--primary)!important}.bg-primary-color{background-color:var(--primary)!important;color:var(--text-on-primary)!important}.surface-elevated{background-color:var(--surface-elevated);box-shadow:var(--shadow-md)}.gradient-primary{background:var(--gradient-primary);color:var(--text-on-primary)}.gradient-accent{background:var(--gradient-accent);color:var(--text-on-accent)}