:root{--bg:#08080d;--panel:#11111a;--line:#242434;--text:#f4f4f7;--muted:#9797aa;--accent:#8b5cf6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.ambient{position:fixed;inset:-20%;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 25%,transparent),transparent 43%);pointer-events:none}.shell{position:relative;width:min(1120px,calc(100% - 32px));margin:auto}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--accent),#ec4899);font-weight:900}.brand strong,.brand small{display:block}.brand small{color:var(--muted)}.status{display:flex;align-items:center;gap:8px;background:#14141f;border:1px solid var(--line);padding:9px 13px;border-radius:999px}.status i{width:9px;height:9px;border-radius:50%;background:#f59e0b}.status.online i{background:#22c55e;box-shadow:0 0 12px #22c55e}.hero{text-align:center;padding:70px 20px 80px}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--accent);font-weight:800}.hero h1{font-size:clamp(34px,7vw,74px);line-height:1.03;margin:14px auto 8px;max-width:900px;letter-spacing:-.045em}.hero p{color:var(--muted);font-size:18px}.visualizer{height:58px;display:flex;justify-content:center;align-items:end;gap:4px;margin:34px auto}.visualizer b{display:block;width:4px;height:10%;border-radius:8px;background:var(--accent);opacity:.8}.playing .visualizer b{animation:bounce 1s ease-in-out infinite alternate}.visualizer b:nth-child(3n){animation-delay:-.5s}.visualizer b:nth-child(4n){animation-delay:-.8s}@keyframes bounce{to{height:100%}}.controls{display:flex;align-items:center;justify-content:center;gap:16px}.controls button{border:1px solid var(--line);background:#171722;color:white;border-radius:50%;width:48px;height:48px;font-size:24px;cursor:pointer}.controls .play{width:72px;height:72px;background:var(--accent);border:0;font-size:24px;box-shadow:0 12px 35px color-mix(in srgb,var(--accent) 45%,transparent)}.volume{display:flex;align-items:center;gap:8px;margin-left:12px}.volume input{accent-color:var(--accent);width:100px}.hero .autoplay-note{font-size:12px;margin-top:16px}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel{background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--line);border-radius:22px;padding:20px;backdrop-filter:blur(18px)}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h2{font-size:18px;margin:0 0 15px}.panel-head span{color:var(--muted)}.item{display:flex;align-items:center;gap:13px;padding:12px;border-radius:13px;cursor:pointer}.item:hover,.item.active{background:#1b1b29}.item .num{width:28px;color:var(--muted)}.item .meta{min-width:0;flex:1}.item strong,.item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item small{color:var(--muted)}.tag{font-size:11px;padding:4px 8px;border-radius:999px;background:#292938}.empty{color:var(--muted);padding:24px 12px}footer{padding:34px 0;color:var(--muted);text-align:center}footer a{color:inherit}#yt-player{position:fixed!important;width:1px!important;height:1px!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}@media(max-width:760px){.grid{grid-template-columns:1fr}.hero{padding:45px 0}.volume{position:absolute;margin-top:130px}.controls{margin-bottom:45px}.brand small{display:none}}