@property --accent-h{syntax:"<number>";inherits:true;initial-value:210}@property --accent-s{syntax:"<percentage>";inherits:true;initial-value:40%}@property --accent-l{syntax:"<percentage>";inherits:true;initial-value:50%}:root{--bg:#0b0b0c;--surface:#141416;--surface-raised:#1c1c1f;--border:#ffffff14;--text:#f4f4f5;--text-dim:#9a9aa2;--accent:hsl(var(--accent-h) var(--accent-s) var(--accent-l));--accent-soft:hsl(var(--accent-h) var(--accent-s) 14%);--radius:10px;--duration-fast:.14s;--duration-normal:.26s;--ease-out:cubic-bezier(.2, 0, 0, 1);--font-ui:-apple-system, "Inter", "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--duration-fast:.01ms;--duration-normal:.01ms}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.shell{grid-template-rows:1fr auto;grid-template-columns:220px 1fr;height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;grid-row:1/2;gap:4px;padding:20px 12px;display:flex}.sidebar__brand{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);padding:0 10px 16px;font-size:13px;font-weight:600}.nav-item{color:var(--text-dim);text-align:left;transition-property:background-color,color;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.nav-item:hover{background:var(--surface-raised);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--text)}.main{grid-row:1/2;padding:24px 28px 100px;position:relative;overflow-y:auto}.ambient-canvas{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.main__content{position:relative}.search-row{gap:10px;margin-bottom:20px;display:flex}.search-input{background:var(--surface);border:1px solid var(--border);color:var(--text);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px hsl(var(--accent-h) var(--accent-s) var(--accent-l) / 20%);outline:none}.track-list{flex-direction:column;gap:2px;display:flex}.track-row{transition:background-color var(--duration-fast) var(--ease-out);border-radius:8px;grid-template-columns:40px 1fr auto auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.track-row:hover{background:var(--surface-raised)}.track-row.playing{background:var(--accent-soft)}.track-row img{object-fit:cover;background:var(--surface-raised);border-radius:6px;width:40px;height:40px}.track-row__main{text-align:left;min-width:0;display:block}.track-row__title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.track-row__artist{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.track-row__duration{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px}.track-row__like,.track-row__menu,.track-row__remove{color:var(--text-dim);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border-radius:6px;padding:4px;font-size:15px}.track-row__like:hover,.track-row__menu:hover,.track-row__remove:hover{color:var(--text)}.track-row__like.liked{color:var(--accent)}.track-row__like:active{transform:scale(1.25)}.empty{color:var(--text-dim);padding:8px 10px;font-size:13px}.now-playing{border-top:1px solid var(--border);background:linear-gradient(180deg, hsl(var(--accent-h) var(--accent-s) var(--accent-l) / 10%), transparent 60%), var(--surface);transition:background var(--duration-normal) var(--ease-out);grid-area:2/1/3/-1;grid-template-columns:280px 1fr 280px;align-items:center;gap:16px;padding:10px 20px;display:grid}.now-playing__track{align-items:center;gap:12px;min-width:0;display:flex}.now-playing__art{object-fit:cover;background:var(--surface-raised);border-radius:6px;flex-shrink:0;width:48px;height:48px}.now-playing__meta{min-width:0}.marquee{white-space:nowrap;position:relative;overflow:hidden}.marquee__inner{display:inline-block}.marquee.overflowing .marquee__inner{animation:9s linear 1.2s infinite marquee-scroll}@keyframes marquee-scroll{0%,10%{transform:translate(0)}90%,to{transform:translate(calc(200px - 100%))}}.now-playing__title{font-size:13.5px;font-weight:600}.now-playing__artist{color:var(--text-dim);font-size:12px}.like-btn{color:var(--text-dim);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-shrink:0;padding:6px;font-size:18px}.like-btn:hover{color:var(--text)}.like-btn.liked{color:var(--accent)}.like-btn:active{transform:scale(1.2)}.transport{flex-direction:column;align-items:center;gap:6px;display:flex}.transport__buttons{align-items:center;gap:16px;display:flex}.transport__buttons button{color:var(--text-dim);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out)}.transport__buttons button:hover{color:var(--text)}.transport__buttons button:active{transform:scale(.9)}.transport__buttons button.primary{color:var(--bg);background:var(--text);width:32px;height:32px;transition:transform var(--duration-fast) var(--ease-out);border-radius:999px;place-items:center;display:grid}.transport__buttons button.primary:hover{transform:scale(1.06)}.transport__buttons button.active{color:var(--accent)}.progress{width:100%;color:var(--text-dim);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:11px;display:flex}.progress__track{background:var(--border);cursor:pointer;border-radius:999px;flex:1;height:3px;position:relative}.progress__fill{background:var(--accent);border-radius:999px;width:0%;transition:width .5s linear;position:absolute;inset:0}.volume{justify-self:end;align-items:center;gap:8px;display:flex}.volume input[type=range]{width:90px;accent-color:var(--accent)}.now-playing__right{grid-column:3;justify-content:flex-end;align-items:center;gap:10px;display:flex}.now-playing__right button{color:var(--text-dim);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border-radius:6px;padding:4px 6px;font-size:15px}.now-playing__right button:hover{color:var(--text);background:var(--surface-raised)}.speed-btn{font-variant-numeric:tabular-nums;min-width:32px;font-size:12px!important}.now-playing__right input[type=range]{width:80px;accent-color:var(--accent)}.side-drawer{background:var(--surface);border-left:1px solid var(--border);width:340px;transition:transform var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:68px;right:0;transform:translate(100%)}.side-drawer.open{transform:translate(0)}.side-drawer__tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.side-drawer__tab{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-bottom:2px solid #0000;flex:1;padding:12px;font-size:12px}.side-drawer__tab.active{color:var(--text);border-bottom-color:var(--accent)}.side-drawer__panel{flex:1;padding:14px;overflow-y:auto}.lib-section{margin-bottom:32px}.lib-section h2{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0 0 12px;font-size:13px}.lib-section__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.lib-section__head h2{margin:0}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.playlist-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);padding:14px}.playlist-card:hover{background:var(--surface-raised);transform:translateY(-2px)}.playlist-card__title{margin-bottom:4px;font-size:14px;font-weight:600}.playlist-card__count{color:var(--text-dim);font-size:12px}.chip{background:var(--surface-raised);border:1px solid var(--border);color:var(--text-dim);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-radius:999px;padding:6px 12px;font-size:12px}.chip:hover{color:var(--text);border-color:hsl(var(--accent-h) var(--accent-s) var(--accent-l) / 40%)}.chip--accent{color:var(--accent);border-color:hsl(var(--accent-h) var(--accent-s) var(--accent-l) / 40%)}.chip--danger{color:#e0736a}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.playlist-header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.playlist-header h1{flex:1;margin:0;font-size:18px}.lyrics-lines{flex-direction:column;gap:14px;display:flex}.lyrics-line{color:var(--text-dim);cursor:pointer;transition:color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);margin:0;font-size:15px;line-height:1.4}.lyrics-line:hover{color:var(--text)}.lyrics-line.active{color:var(--text);transform-origin:0;font-weight:600;transform:scale(1.03)}#lrc-input{background:var(--surface-raised);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:8px;margin:12px 0;padding:10px;font-family:ui-monospace,monospace;font-size:12px}.shell.mini{grid-template-rows:0 auto}.shell.mini .sidebar,.shell.mini .main{display:none}.shell.mini .now-playing{grid-row:2/3}.yt-surface{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;right:0}