:root{--bg: #0a0a0a;--surface: #161616;--surface2: #222;--surface3: #2a2a2a;--accent: #FF5500;--accent-dim: rgba(255, 85, 0, .15);--text: #fff;--text-muted: #888;--text-dim: #555;--radius: 12px;--mini-h: 72px;--font-body: "Google Sans", sans-serif;--font-headline: "Google Sans", sans-serif;--font-mono: "Google Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{background:none;border:none;cursor:pointer;color:inherit;padding:0;font-family:inherit}button:disabled{opacity:.3;cursor:default}.app{min-height:100dvh;max-width:480px;margin:0 auto;position:relative}.playlist-view{padding-bottom:24px;min-height:100dvh}.playlist-view.with-mini-player{padding-bottom:calc(var(--mini-h) + 24px)}.playlist-header{padding:48px 20px 32px;display:flex;align-items:flex-end;gap:20px}.playlist-cover{width:96px;height:96px;min-width:96px;border-radius:var(--radius);background:var(--surface2);border:1px solid var(--surface3);display:flex;align-items:center;justify-content:center}.playlist-cover-icon{width:40px;height:40px;color:var(--accent);opacity:.7}.playlist-meta{display:flex;flex-direction:column;gap:4px}.playlist-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-family:var(--font-body);font-weight:500}.playlist-title{font-family:var(--font-headline);font-size:26px;font-weight:400;line-height:1.1;color:var(--text)}.playlist-subtitle{font-size:13px;color:var(--text-muted)}.track-list{padding:0 12px;display:flex;flex-direction:column;gap:2px}.track-row{display:grid;grid-template-columns:36px 44px 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s ease,transform .15s ease;position:relative}.track-row:hover:not(.unavailable){background:var(--surface);transform:translateY(-1px)}.track-row.active{background:var(--accent-dim)}.track-row.unavailable{cursor:default;opacity:.45}.track-index{display:flex;align-items:center;justify-content:center;width:36px}.track-number{font-size:11px;color:var(--text-dim);font-family:var(--font-mono);font-weight:500}.playing-indicator{display:flex;align-items:flex-end;gap:2px;height:16px}.playing-indicator span{display:block;width:3px;height:4px;border-radius:2px;background:var(--accent);animation:bar-bounce .8s ease-in-out infinite}.playing-indicator span:nth-child(2){animation-delay:.15s}.playing-indicator span:nth-child(3){animation-delay:.3s}@keyframes bar-bounce{0%,to{height:4px}50%{height:14px}}.track-thumb{width:44px;height:44px}.thumb-placeholder{width:44px;height:44px;border-radius:8px;background:var(--surface2);border:1px solid var(--surface3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.thumb-img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:#00000080;display:flex;align-items:center;justify-content:center}.thumb-placeholder{position:relative}.thumb-icon{width:18px;height:18px;color:var(--text-dim)}.thumb-icon-active{width:18px;height:18px;color:var(--accent)}.track-info{display:flex;flex-direction:column;gap:3px;min-width:0}.track-title{font-family:var(--font-headline);font-size:15px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.track-row.active .track-title{color:var(--accent)}.track-artist{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-duration{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.track-unavailable-badge{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);background:var(--surface2);border:1px solid var(--surface3);border-radius:4px;padding:2px 5px}.mini-player{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;padding:10px 12px 16px;z-index:100;will-change:transform}.mini-player-inner{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--surface2);border:1px solid var(--surface3);border-radius:16px;padding:10px 14px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -4px 24px #0006;height:var(--mini-h);transition:background .15s;overflow:hidden;position:relative}.mini-progress{position:absolute;top:0;left:0;height:2px;background:var(--accent);border-radius:0 2px 2px 0;transition:width .5s linear;pointer-events:none}.mini-player-inner:hover{background:var(--surface3)}.mini-thumb{width:40px;height:40px;border-radius:8px;background:var(--surface);border:1px solid #333;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mini-thumb svg{width:18px;height:18px;color:var(--accent)}.mini-thumb-img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.mini-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mini-title{font-family:var(--font-headline);font-size:15px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.mini-artist{font-size:13px;color:var(--text-muted)}.mini-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.mini-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);transition:color .15s,transform .1s}.mini-nav-btn:hover{color:var(--text)}.mini-nav-btn:active{transform:scale(.9)}.mini-nav-btn svg{width:18px;height:18px}.mini-play-btn{width:40px;height:40px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .1s,opacity .1s}.mini-play-btn:hover{opacity:.85;transform:scale(1.05)}.mini-play-btn:active{transform:scale(.95)}.mini-play-btn svg{width:18px;height:18px;color:#fff}.fullscreen-player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;will-change:transform;max-width:480px;margin:0 auto}.fs-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% -20%,rgba(255,85,0,.15) 0%,transparent 65%);pointer-events:none;transition:background .8s ease}.fs-header{display:flex;align-items:center;justify-content:space-between;padding:52px 20px 16px;position:relative;z-index:1}.fs-close-btn{width:40px;height:40px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;transition:background .15s}.fs-close-btn:hover{background:var(--surface3)}.fs-close-btn svg{width:20px;height:20px;color:var(--text)}.fs-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-family:var(--font-body);font-weight:500}.fs-track-info{display:flex;flex-direction:column;align-items:center;padding:24px 24px 8px;gap:16px;position:relative;z-index:1}.fs-cover{width:180px;height:180px;border-radius:20px;background:var(--surface2);border:1px solid var(--surface3);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 48px #00000080}.fs-cover-img{width:100%;height:100%;object-fit:cover;border-radius:20px;display:block}.fs-cover-icon{width:72px;height:72px;color:var(--accent);opacity:.6}.fs-title{font-family:var(--font-headline);font-size:24px;font-weight:400;text-align:center;line-height:1.2;color:var(--text)}.fs-artist{font-size:15px;color:var(--text-muted);text-align:center}.fs-waveform-section{flex:1;padding:20px 20px 8px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.waveform-wrapper{animation:fade-in .4s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.waveform-container{width:100%;cursor:pointer}.waveform-container wave{overflow:hidden!important}.fs-time-row{display:flex;justify-content:space-between;padding:8px 2px 0}.fs-time{font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.fs-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 24px 48px;position:relative;z-index:1}.fs-btn{display:flex;align-items:center;justify-content:center;transition:transform .1s,opacity .15s}.fs-btn:hover:not(:disabled){opacity:.8;transform:scale(1.05)}.fs-btn:active:not(:disabled){transform:scale(.92)}.fs-btn-secondary{width:48px;height:48px;border-radius:50%;background:var(--surface2);color:var(--text-muted)}.fs-btn-secondary svg{width:22px;height:22px}.fs-btn-primary{width:64px;height:64px;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 4px 20px #f506}.fs-btn-primary svg{width:28px;height:28px}.fs-btn-aux{width:40px;height:40px;color:var(--text-dim);transition:color .15s,transform .1s}.fs-btn-aux svg{width:20px;height:20px}.fs-btn-aux.active{color:var(--accent)}@media (max-width: 375px){.playlist-header{padding:32px 16px 24px}.fs-cover{width:148px;height:148px}.fs-title{font-size:18px}}.not-found{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:24px;color:var(--text-muted);font-size:14px}.not-found code{color:var(--accent)}@media (prefers-reduced-motion: reduce){.playing-indicator span{animation:none;height:8px;opacity:.9}.waveform-wrapper{animation:none}}