:root{--background:222 47% 5%;--foreground:210 35% 96%;--primary:188 95% 55%;--secondary:18 96% 62%;--muted:214 18% 68%;--destructive:0 84% 60%;--border:215 24% 24%;--card:222 40% 11%;--shadow-sm:0 8px 24px hsl(0 0% 0%/.24);--shadow-md:0 18px 48px hsl(0 0% 0%/.34);--shadow-lg:0 28px 80px hsl(188 95% 55%/.18);--transition-fast:180ms ease;--transition-smooth:420ms cubic-bezier(.2,.8,.2,1);--radius-sm:14px;--radius-md:22px;--radius-lg:34px}.dark{--background:222 47% 5%;--foreground:210 35% 96%;--primary:188 95% 55%;--secondary:18 96% 62%;--muted:214 18% 68%;--destructive:0 84% 60%;--border:215 24% 24%;--card:222 40% 11%}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 8%,hsl(var(--secondary)/.18),transparent 32%),hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;padding-bottom:112px}a{text-decoration:none;color:inherit}.dynamic-island{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:10px;padding:8px;width:156px;overflow:hidden;border:1px solid hsl(var(--border)/.7);border-radius:999px;background:hsl(var(--card)/.62);backdrop-filter:blur(22px);box-shadow:var(--shadow-lg);transition:width var(--transition-smooth)}.dynamic-island.expanded,.dynamic-island:hover{width:min(94vw,560px)}.island-trigger{border:0;background:hsl(var(--foreground)/.08);color:hsl(var(--foreground));border-radius:999px;padding:10px 14px;display:flex;gap:8px;align-items:center;font-weight:800;cursor:pointer;white-space:nowrap}.pulse-dot{width:9px;height:9px;border-radius:50%;background:hsl(var(--primary));box-shadow:0 0 18px hsl(var(--primary))}.island-menu{display:flex;gap:4px;opacity:0;transform:translateX(-8px);pointer-events:none;transition:var(--transition-smooth)}.dynamic-island.expanded .island-menu,.dynamic-island:hover .island-menu{opacity:1;transform:translateX(0);pointer-events:auto}.island-menu a{padding:10px 13px;border-radius:999px;color:hsl(var(--muted));font-size:14px}.island-menu a:hover,.island-menu .active{background:hsl(var(--primary)/.13);color:hsl(var(--primary))}.app-shell{display:grid;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:96px 18px 18px;background:hsl(var(--card)/.86);backdrop-filter:blur(18px);border-right:1px solid hsl(var(--border));z-index:60;transform:translateX(-100%);transition:var(--transition-smooth)}.sidebar.open{transform:translateX(0)}.brand-mark{font-weight:950;letter-spacing:.18em;margin-bottom:24px}.side-link{display:block;padding:14px;border-radius:18px;color:hsl(var(--muted));margin-bottom:8px}.side-link.active,.side-link:hover{background:hsl(var(--primary)/.12);color:hsl(var(--primary))}.mobile-close{margin-top:20px;width:100%;padding:12px;border-radius:999px;background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.app-main{padding:108px 18px 24px;max-width:1220px;width:100%;margin:auto}.app-header{display:grid;gap:16px;margin-bottom:28px}.hamburger{width:46px;height:46px;border-radius:16px;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground))}.eyebrow{color:hsl(var(--primary));text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900}.app-header h1{font-size:clamp(34px,7vw,64px);margin:4px 0}.search-box{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:999px;background:hsl(var(--card)/.72);border:1px solid hsl(var(--border));backdrop-filter:blur(18px)}.search-box input{all:unset;width:100%;color:hsl(var(--foreground))}.content-section{margin-bottom:34px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{margin:0;font-size:26px}.section-heading a,.section-heading span{color:hsl(var(--muted))}.playlist-grid{display:grid;gap:14px}.glass-card,.song-row{background:hsl(var(--card)/.62);border:1px solid hsl(var(--border)/.7);border-radius:var(--radius-lg);backdrop-filter:blur(18px);box-shadow:var(--shadow-sm)}.playlist{padding:14px;transition:var(--transition-smooth)}.playlist:hover,.song-row:hover{transform:translateY(-4px);border-color:hsl(var(--primary)/.46)}.cover{height:140px;border-radius:24px;display:grid;place-items:center;font-weight:950;font-size:28px;margin-bottom:14px}.c1{background:linear-gradient(135deg,#22d3ee,#fb7185)}.c2{background:linear-gradient(135deg,#f97316,#0ea5e9)}.c3{background:linear-gradient(135deg,#06b6d4,#334155)}.c4{background:linear-gradient(135deg,#f59e0b,#14b8a6)}.playlist p{color:hsl(var(--muted))}.song-list{display:grid;gap:10px}.song-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:var(--transition-fast)}.song-row.active{background:hsl(var(--primary)/.12);border-color:hsl(var(--primary)/.5)}.song-index{color:hsl(var(--muted));width:24px}.song-row small{display:block;color:hsl(var(--muted));margin-top:3px}.song-action{border:0;border-radius:999px;background:hsl(var(--foreground)/.08);color:hsl(var(--foreground));padding:9px 12px}.player-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:70;display:grid;gap:14px;align-items:center;padding:12px;border:1px solid hsl(var(--border));border-radius:28px;background:hsl(var(--card)/.78);backdrop-filter:blur(24px);box-shadow:var(--shadow-lg)}.player-song{display:flex;align-items:center;gap:12px}.mini-cover{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,hsl(var(--secondary)),hsl(var(--primary)));font-weight:950}.player-song span{display:block;color:hsl(var(--muted));font-size:13px}.player-controls{display:flex;align-items:center;gap:10px}.player-controls button{border:0;border-radius:50%;width:38px;height:38px;background:hsl(var(--foreground)/.08);color:hsl(var(--foreground));cursor:pointer}.play-btn{background:hsl(var(--primary))!important;color:hsl(var(--background))!important}.progress-shell{height:8px;flex:1;background:hsl(var(--foreground)/.1);border-radius:999px;overflow:hidden}.progress-shell span{display:block;height:100%;width:0;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--secondary)));transition:width .3s linear}.volume-control{display:none;color:hsl(var(--muted));gap:8px;align-items:center}@media(min-width:760px){.app-shell{grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;transform:none;height:100vh}.mobile-close,.hamburger{display:none}.app-main{padding-left:28px;padding-right:28px}.app-header{grid-template-columns:1fr minmax(260px,420px);align-items:end}.playlist-grid{grid-template-columns:repeat(4,1fr)}.player-bar{grid-template-columns:260px 1fr 180px}.volume-control{display:flex}}@media(max-width:560px){.dynamic-island.expanded,.dynamic-island:hover{width:calc(100vw - 22px)}.island-menu a{font-size:12px;padding:9px 8px}.song-row{grid-template-columns:auto 1fr}.song-action{grid-column:2}.player-controls{width:100%}}