:root{--tune-bg: #f8fafc;--tune-surface: #ffffff;--tune-surface-hover: #f1f5f9;--tune-border: #cbd5e1;--tune-accent: #0f172a;--tune-accent-contrast: #ffffff;--tune-text-main: #0f172a;--tune-text-muted: #475569;--tune-text-dim: #64748b;--tune-radius: 14px}.tune-player-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 96px);padding:12px 0;width:100%}.tune-now-playing-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.15fr);gap:64px;align-items:center;width:100%;max-width:1600px;margin:0 auto;padding:16px 24px;box-sizing:border-box}@media(max-width:960px){.tune-now-playing-stage{display:flex;flex-direction:column;align-items:center;gap:28px;padding:16px}}.tune-stage-media-col{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;margin:0 auto}.tune-stage-controls-col{display:flex;flex-direction:column;width:100%;max-width:740px;margin:0 auto;justify-content:center}.tune-stage-media-box{position:relative;width:min(560px,calc(100vw - 48px),calc(100vh - 160px));height:min(560px,calc(100vw - 48px),calc(100vh - 160px));aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}.tune-stage-pane{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--tune-radius);display:flex;align-items:center;justify-content:center;transition:opacity .25s ease,transform .25s ease,visibility .25s}.tune-stage-pane.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);z-index:2}.tune-stage-pane.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.97);z-index:1}.tune-media-mode-pill{position:absolute;bottom:4px;right:8px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#0f172ad9;color:#f8fafc;border-radius:999px;font-size:11px;font-weight:700;z-index:12;pointer-events:none;box-shadow:0 4px 12px #0f172a33}.tune-mode-pill-dot{width:6px;height:6px;border-radius:50%;background:#38bdf8}.tune-turntable-container{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;width:100%;height:100%}.tune-platter-deck{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);border-radius:50%;background:radial-gradient(circle at center,#27272a,#1c1c1f 85%,#3f3f46);border:3px solid #52525b;box-shadow:0 20px 50px #0f172a52,inset 0 0 12px #000000e6;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.tune-platter-strobe-rim{position:absolute;inset:2px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#71717a 0deg 1.5deg,#27272a 1.5deg 3deg);opacity:.92}.tune-platter-slipmat{position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle at center,#18181b,#0d0d10 85%,#050507);box-shadow:inset 0 0 12px #000000f2}.tune-vinyl-disc{position:relative;border-radius:50%;background:radial-gradient(circle,#2b2b2b,#151515 40%,#0d0d0d,#050505);box-shadow:inset 0 0 0 1px #ffffff24,inset 0 0 16px #000000e6;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:2;cursor:pointer}.tune-vinyl-sheen{position:absolute;inset:0;border-radius:50%;background:linear-gradient(45deg,transparent 35%,rgba(255,255,255,.09) 50%,transparent 65%);pointer-events:none}.tune-vinyl-spiral-svg{position:absolute;top:0;left:0;pointer-events:none;z-index:2}.tune-vinyl-disc.spinning{animation:tuneRotateVinyl 4.5s linear infinite}.tune-vinyl-disc.paused{animation:tuneRotateVinyl 4.5s linear infinite;animation-play-state:paused!important}@keyframes tuneRotateVinyl{0%{transform:rotate(0) translateZ(0)}to{transform:rotate(360deg) translateZ(0)}}.tune-turntable-static-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #000000e6,0 0 0 4px #fff3,0 8px 24px #000000b3;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#141416}.tune-static-center-ring{position:absolute;inset:3px;border-radius:50%;border:1px dashed rgba(255,255,255,.28);pointer-events:none}.tune-center-spindle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d4d4d8,#52525b 60%,#27272a);border:1px solid rgba(255,255,255,.35);box-shadow:0 1px 4px #000000d9;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:6}.tune-center-spindle-hole{width:8px;height:8px;border-radius:50%;background:#09090b}.tune-tonearm-wrapper{position:absolute;top:0;left:0;width:340px;height:340px;transform-origin:top left;pointer-events:none;z-index:10}.tune-tonearm{position:absolute;top:10px;right:15px;width:60px;height:180px;transform-origin:48px 12px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.tune-tonearm-cradle{position:absolute;top:22px;right:4px;width:8px;height:18px;background:#3f3f46;border:1px solid #71717a;border-radius:3px}.tune-tonearm-base{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#71717a,#27272a 70%,#18181b);border:1.5px solid #a1a1aa;position:absolute;top:0;right:0;box-shadow:0 4px 8px #00000080}.tune-tonearm-rod{width:4px;height:130px;background:linear-gradient(90deg,#71717a,#e4e4e7,#52525b);position:absolute;top:18px;right:10px;border-radius:2px;box-shadow:0 2px 6px #0006}.tune-tonearm-head{width:11px;height:20px;background:linear-gradient(180deg,#27272a,#18181b 60%,#09090b);border:1px solid rgba(255,255,255,.25);border-radius:2px 2px 3px 3px;position:absolute;top:145px;right:6px;transform:rotate(-18deg);box-shadow:0 2px 5px #0009}.tune-playlist-dialog{border:1px solid var(--tune-border);border-radius:var(--tune-radius);background:var(--tune-surface);color:var(--tune-text-main);padding:24px;width:min(440px,calc(100vw - 32px));box-shadow:0 24px 48px #0f172a47;margin:auto}.tune-playlist-dialog::backdrop{background-color:#0f172a8c;backdrop-filter:blur(4px)}.tune-track-info-row{display:flex;flex-direction:column;width:100%;margin-bottom:16px;gap:4px}.tune-track-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.tune-track-title{font-size:28px;font-weight:800;margin:0;color:var(--tune-text-main);letter-spacing:-.02em;line-height:1.2}.tune-fav-btn{background:transparent;border:none;cursor:pointer;color:var(--tune-text-muted);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:color .15s ease}.tune-fav-btn:hover{color:var(--tune-text-main)}.tune-fav-btn.is-favorite{color:#ef4444}.tune-track-meta-row{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--tune-text-muted)}.tune-waveform-stage-container{width:100%;margin-bottom:26px}.tune-progress-scrubber{position:relative;width:100%;height:24px;display:flex;align-items:center;cursor:pointer;user-select:none}.tune-progress-track{position:relative;width:100%;height:6px;background-color:#cbd5e1;border-radius:999px;transition:height .15s ease}.tune-progress-scrubber:hover .tune-progress-track{height:8px}.tune-progress-fill{height:100%;background-color:var(--tune-accent);border-radius:999px}.tune-progress-thumb{position:absolute;top:50%;width:14px;height:14px;background-color:var(--tune-accent);border:2px solid #ffffff;border-radius:50%;box-shadow:0 2px 6px #0f172a40;transform:translate(-50%,-50%);pointer-events:none;transition:transform .15s ease}.tune-progress-scrubber:hover .tune-progress-thumb{transform:translate(-50%,-50%) scale(1.15)}.tune-scrubber-times{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:var(--tune-text-muted);margin-top:8px;font-variant-numeric:tabular-nums}.tune-transport-deck{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:34px}.tune-transport-btn{position:relative;background:transparent;border:none;color:var(--tune-text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:50%;transition:color .15s ease}.tune-transport-btn:hover{color:#0284c7}.tune-transport-toggle{color:var(--tune-text-muted)}.tune-transport-btn.is-active{color:#0284c7}.tune-active-indicator-dot{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background-color:#0284c7}.tune-hero-play-btn{width:96px;height:96px;border-radius:50%;background:var(--tune-accent);color:var(--tune-accent-contrast);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 28px #0f172a40;transition:box-shadow .15s ease}.tune-hero-play-btn:hover{box-shadow:0 14px 34px #0f172a59}.tune-subdeck-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:22px;border-top:1px solid var(--tune-border);gap:16px;flex-wrap:wrap}.tune-subdeck-btn,.tune-subdeck-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;border-radius:12px;background:var(--tune-surface);border:1px solid var(--tune-border);color:var(--tune-text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .12s ease}.tune-subdeck-icon-btn{width:40px;padding:0}.tune-subdeck-btn:hover,.tune-subdeck-icon-btn:hover{background:var(--tune-surface-hover);color:var(--tune-text-main);border-color:#94a3b8}.tune-subdeck-btn.active,.tune-subdeck-icon-btn.active{background:var(--tune-accent);color:var(--tune-accent-contrast);border-color:var(--tune-accent)}.tune-subdeck-btn:disabled,.tune-subdeck-icon-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.tune-header-search{position:relative;display:inline-flex;align-items:center;margin-left:6px}.tune-header-search-icon{position:absolute;left:11px;color:var(--tune-text-dim);pointer-events:none}.tune-header-search-input{background:var(--tune-bg);border:1px solid var(--tune-border);color:var(--tune-text-main);font-size:13px;font-weight:600;border-radius:12px;padding:7px 28px 7px 32px;width:240px;height:36px;transition:width .2s cubic-bezier(.16,1,.3,1),border-color .15s ease,box-shadow .15s ease,background .15s ease}.tune-header-search-input:focus{outline:none;width:300px;background:var(--tune-surface);border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.tune-header-search-input::placeholder{color:var(--tune-text-dim)}.tune-header-search-clear{position:absolute;right:8px;background:transparent;border:none;color:var(--tune-text-dim);cursor:pointer;padding:2px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.tune-header-search-clear:hover{color:var(--tune-text-main);background:#e2e8f0}.tune-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:20px;width:100%}.tune-album-card,.tune-artist-card,.tune-playlist-card{display:flex;flex-direction:column;background:var(--tune-surface);border:1px solid var(--tune-border);border-radius:var(--tune-radius);padding:12px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:0 2px 10px #0f172a0a}.tune-album-card:hover,.tune-artist-card:hover,.tune-playlist-card:hover{border-color:#0284c7;box-shadow:0 8px 24px #0f172a17}.tune-album-cover-wrapper,.tune-artist-avatar-wrapper,.tune-playlist-cover-wrapper{position:relative;width:100%;aspect-ratio:1;border-radius:calc(var(--tune-radius) - 4px);overflow:hidden;margin-bottom:12px;background:var(--tune-surface-hover);display:flex;align-items:center;justify-content:center}.tune-artist-avatar-wrapper{border-radius:50%}.tune-card-play-hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;background:var(--tune-accent);color:var(--tune-accent-contrast);border:none;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;box-shadow:0 8px 24px #0006;cursor:pointer;z-index:4}.tune-album-card:hover .tune-card-play-hover,.tune-artist-card:hover .tune-card-play-hover,.tune-playlist-card:hover .tune-card-play-hover,.tune-album-card:focus-within .tune-card-play-hover,.tune-artist-card:focus-within .tune-card-play-hover,.tune-playlist-card:focus-within .tune-card-play-hover{opacity:1;visibility:visible;pointer-events:auto}.tune-album-card-info,.tune-artist-card-info,.tune-playlist-card-info{display:flex;flex-direction:column}.tune-album-card-title,.tune-artist-card-name,.tune-playlist-card-title{font-size:14.5px;font-weight:700;color:var(--tune-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.tune-album-card-artist,.tune-artist-card-meta,.tune-playlist-card-meta{font-size:13px;color:var(--tune-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tune-album-card-count{font-size:11.5px;color:var(--tune-text-dim);margin-top:2px}.tune-fav-cover-bg{background:linear-gradient(135deg,#be123c,#f43f5e)}.tune-create-playlist-cover{border:2px dashed var(--tune-border);background:var(--tune-surface-hover);color:var(--tune-text-muted);transition:all .2s ease}.tune-create-playlist-card:hover .tune-create-playlist-cover{border-color:#0284c7;color:#0284c7;background:#e0f2fe}.tune-album-detail-view,.tune-artist-detail-view,.tune-playlist-detail-view{display:flex;flex-direction:column;gap:24px}.tune-album-hero,.tune-artist-hero,.tune-playlist-hero{display:flex;align-items:flex-end;gap:28px;padding:16px 0;flex-wrap:wrap}.tune-album-hero-cover,.tune-playlist-hero-cover{width:200px;height:200px;border-radius:var(--tune-radius);overflow:hidden;box-shadow:0 12px 32px #0f172a29;background:var(--tune-surface);flex-shrink:0}.tune-artist-avatar-large{width:200px;height:200px;border-radius:50%;overflow:hidden;box-shadow:0 12px 32px #0f172a29;background:var(--tune-surface);flex-shrink:0}.tune-album-hero-info,.tune-artist-hero-info,.tune-playlist-hero-info{display:flex;flex-direction:column;gap:6px}.tune-album-badge,.tune-artist-badge,.tune-playlist-badge{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--tune-text-dim);text-transform:uppercase}.tune-album-hero-title,.tune-artist-hero-name,.tune-playlist-hero-title{font-size:36px;font-weight:800;margin:0;color:var(--tune-text-main);line-height:1.1}.tune-album-hero-artist{font-size:18px;font-weight:600;margin:0;color:var(--tune-text-muted)}.tune-album-hero-meta,.tune-artist-hero-stats,.tune-playlist-hero-meta{font-size:13.5px;color:var(--tune-text-dim);margin:4px 0 12px}.tune-album-hero-actions,.tune-artist-hero-actions,.tune-playlist-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tune-track-list{width:100%;display:flex;flex-direction:column;background:var(--tune-surface);border:1px solid var(--tune-border);border-radius:var(--tune-radius);max-block-size:calc(100dvh - 112px);overflow:hidden;container-type:inline-size}.tune-track-list-header{position:sticky;inset-block-start:0;z-index:10;flex-shrink:0;display:grid;grid-template-columns:48px minmax(200px,3fr) minmax(140px,2fr) minmax(140px,2fr) 70px 88px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--tune-border);background:var(--tune-surface-hover);color:var(--tune-text-dim);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tune-track-list-body{flex:1;min-height:0;overflow-y:auto}.tune-track-row{display:grid;grid-template-columns:48px minmax(200px,3fr) minmax(140px,2fr) minmax(140px,2fr) 70px 88px;align-items:center;padding:10px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s ease;user-select:none}.tune-track-row:last-child{border-bottom:none}.tune-track-row:hover{background:var(--tune-surface-hover)}.tune-track-row.is-current{background:#e0f2fe}.tune-track-row.is-current .tune-row-title{color:#0284c7;font-weight:700}.tune-col-num{position:relative;font-size:13px;color:var(--tune-text-dim);display:flex;align-items:center}.tune-row-hover-play{display:none;background:transparent;border:none;padding:0;cursor:pointer;color:var(--tune-text-main)}.tune-track-row:hover .tune-row-index{display:none}.tune-track-row:hover .tune-row-hover-play{display:inline-flex}.tune-col-title{display:flex;align-items:center;gap:12px;overflow:hidden}.tune-row-thumb{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0}.tune-row-title-stack{display:flex;flex-direction:column;overflow:hidden}.tune-row-title{font-size:14.5px;font-weight:600;color:var(--tune-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tune-row-badge{font-size:10px;color:var(--tune-text-dim);text-transform:uppercase;font-weight:700}.tune-col-artist,.tune-col-album{font-size:13.5px;color:var(--tune-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:12px}.tune-col-duration{font-size:13px;color:var(--tune-text-dim);font-variant-numeric:tabular-nums}.tune-col-actions{display:flex;align-items:center;gap:6px;position:relative}.tune-btn-icon-subtle{background:none;border:none;color:var(--tune-text-muted);cursor:pointer;padding:4px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.tune-btn-icon-subtle:hover{color:var(--tune-text-main);background:#e2e8f0}.tune-btn-icon-subtle.is-favorite{color:#ef4444}.tune-playing-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.tune-bar{width:2.5px;background:#0284c7;border-radius:1px;animation:tuneBarBounce .8s ease-in-out infinite alternate}.tune-bar:nth-child(2){animation-delay:.2s}.tune-bar:nth-child(3){animation-delay:.4s}@keyframes tuneBarBounce{0%{height:3px}to{height:14px}}