:root{--bg-color:#0d0d0f;--panel-bg:rgba(25,25,30,.6);--panel-border:hsla(0,0%,100%,.08);--text-primary:#fff;--text-secondary:#a0a0a8;--accent-color:#f7a8b8;--accent-glow:rgba(247,168,184,.2);--danger-color:#ff6b6b;--sidebar-bg:rgba(10,10,12,.5);--hover-bg:hsla(0,0%,100%,.05);--active-bg:hsla(0,0%,100%,.08);--greeting-gradient:linear-gradient(135deg,#fff,#ffd1dc);--timer-bg:radial-gradient(circle at center,rgba(30,30,35,.8) 0%,rgba(15,15,18,.9) 100%);--timer-btn-bg:#fff;--timer-btn-text:#000;--yt-album-bg:linear-gradient(135deg,#141414,#282828);--yt-play-bg:#fff;--yt-play-text:#000;--yt-text-title:#fff;--rain-bg:linear-gradient(180deg,rgba(20,25,40,.8),rgba(10,15,20,.9));--rain-drop:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4));--font-sans:"Inter",system-ui,-apple-system,sans-serif}[data-theme=light]{--bg-color:#fcf4f6;--panel-bg:hsla(0,0%,100%,.65);--panel-border:rgba(247,168,184,.4);--text-primary:#4a3338;--text-secondary:#87656d;--accent-color:#f07e96;--accent-glow:rgba(240,126,150,.3);--danger-color:#e84362;--sidebar-bg:hsla(0,0%,100%,.5);--hover-bg:rgba(247,168,184,.15);--active-bg:rgba(247,168,184,.25);--greeting-gradient:linear-gradient(135deg,#4a3338,#d1758c);--timer-bg:radial-gradient(circle at center,rgba(255,248,250,.85) 0%,rgba(247,235,240,.95) 100%);--timer-btn-bg:#f07e96;--timer-btn-text:#fff;--yt-album-bg:linear-gradient(135deg,#faf0f5,#f0e1eb);--yt-play-bg:#f07e96;--yt-play-text:#fff;--yt-text-title:#4a3338;--rain-bg:linear-gradient(180deg,rgba(255,240,245,.8),rgba(247,220,230,.9));--rain-drop:linear-gradient(180deg,rgba(240,126,150,0),rgba(240,126,150,.6))}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;display:flex;overflow:hidden}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:20px}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer}