:root{--bg:#111;--bg2:#111;--bg3:#181818;--border:#222;--dim:#333;--muted:#999;--text:#c8c8c0;--bright:#e8e8dc;--accent:#7b61ff;--amber:#ffb347;--blue:#7fbfff;--red:#f44;--green:#4c8;--purple:#a08fff;--mono:'Montserrat',sans-serif;--sans:'Cal Sans',sans-serif}body.light{--bg:#f5f5f2;--bg2:#edecea;--bg3:#e4e3e0;--border:#d0cfcc;--dim:#b8b7b4;--muted:#888880;--text:#2a2a24;--bright:#111110;--accent:#5b42e8;--amber:#c47800;--blue:#2566b0;--red:#c22;--green:#1a9960;--purple:#7055cc}body.light::after{display:none}body.light .login-box{box-shadow:0 4px 32px rgba(0,0,0,0.12)}.theme-toggle{background:0;border:0;color:var(--muted);font-family:var(--mono);font-size:25px;padding:1px 3px;cursor:pointer;transition:all .15s;line-height:1;width:25px !important;height:25px;border-radius:50%;text-align:center;min-height:0 !important;margin-top:-5px}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.nav-arrows{display:flex;gap:2px}.nav-arrow{background:0;border:1px solid var(--border);color:var(--muted);font-size:14px;padding:2px 8px;cursor:pointer;transition:all .1s;line-height:1;font-family:var(--mono)}.nav-arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.nav-arrow:disabled{opacity:.22;cursor:default}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--mono);font-size:13px;line-height:1.6;height:100vh;overflow:hidden;display:grid;grid-template-rows:48px 1fr 50px;grid-template-columns:minmax(0,1fr) 0;grid-template-areas:"header header" "tracks detail" "player player"}body.detail-open{grid-template-columns:minmax(0,1fr) 320px}body.player-hidden{grid-template-rows:48px 1fr 0}body.player-hidden .player{display:none}body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0,transparent,transparent 2px,rgba(0,0,0,0.025) 2px,rgba(0,0,0,0.025) 4px);pointer-events:none;z-index:1000}header{grid-area:header;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:20px;background:var(--bg)}.logo{display:flex;align-items:center;cursor:pointer}.logo-img{height:28px;width:auto;display:block}.search-wrap{flex:1;max-width:380px;position:relative}.search-wrap input{width:100%;background:var(--bg2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:12px;padding:6px 12px 6px 30px;outline:0;transition:border-color .15s}.search-wrap input:focus{border-color:var(--accent)}.search-wrap input::placeholder{color:var(--muted)}.search-wrap::before{content:'\f002';position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px;font-family:'Font Awesome 7 Free';font-weight:900;pointer-events:none}.header-actions{display:flex;gap:8px;margin-left:auto;align-items:center}.mobile-header-actions-toggle{display:none;background:var(--bg2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:13px;padding:4px 10px;cursor:pointer;letter-spacing:.1em;line-height:1;min-height:32px}.mobile-header-actions-toggle:hover,.mobile-header-actions-toggle.active{border-color:var(--accent);color:var(--accent)}.usage-meter{display:inline-flex;align-items:center;gap:8px;padding:0 10px;height:32px;border:1px solid var(--border);background:rgba(255,255,255,0.03);color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.usage-meter strong{color:var(--text);font-weight:600}.usage-meter .usage-pill{padding:2px 6px;border:1px solid rgba(123,97,255,0.18);background:rgba(123,97,255,0.06);color:var(--accent);border-radius:999px}.header-menu-wrap{position:relative}.stats-bar{color:var(--muted);font-size:11px;letter-spacing:.05em}.stats-bar span{color:var(--text)}.header-btn{background:var(--bg2);border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:12px;padding:4px 10px;cursor:pointer;letter-spacing:.1em;transition:all .1s;text-transform:capitalize;border-radius:3px}.header-btn:hover{border-color:var(--purple);color:var(--purple)}.header-btn.active{border-color:var(--purple);color:var(--purple);background:rgba(191,127,255,0.06)}.header-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:190px;display:none;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--border);background:var(--bg2);box-shadow:0 10px 24px rgba(0,0,0,0.24);z-index:120}.header-menu.open{display:flex}.header-menu button{width:100%;text-align:left;background:0;border:1px solid transparent;color:var(--text);font-family:var(--mono);font-size:12px;letter-spacing:.08em;padding:8px 9px;cursor:pointer;text-transform:capitalize}.header-menu a{display:block;width:100%;text-align:left;background:0;border:1px solid transparent;color:var(--text);font-family:var(--mono);font-size:10px;letter-spacing:.08em;padding:8px 9px;cursor:pointer;text-decoration:none}.header-menu button:hover,.header-menu a:hover{border-color:var(--border);color:var(--accent);background:rgba(123,97,255,0.05)}.header-menu-sep{height:1px;margin:4px 0;background:var(--border)}.header-menu-meta{padding:8px 9px 4px;color:var(--accent);font-size:10px;letter-spacing:.08em}.header-menu-plan{padding:0 9px 6px;color:var(--muted);font-size:10px;letter-spacing:.05em;text-transform:capitalize}.mobile-only{display:none !important}.track-dots-menu{position:relative;flex-shrink:0}.track-dots-btn{background:0;border:0;color:var(--muted);font-size:16px;line-height:1;padding:2px 5px;cursor:pointer;opacity:0;transition:opacity .12s,color .12s;letter-spacing:0;font-family:sans-serif}.track-row:hover .track-dots-btn,.track-dots-menu.open .track-dots-btn{opacity:1}.track-dots-btn:hover,.track-dots-menu.open .track-dots-btn{color:var(--accent)}.track-dots-dropdown{display:none;position:fixed;min-width:168px;background:0;border:1px solid var(--border);box-shadow:0 8px 24px rgba(0,0,0,0.32);z-index:111111;padding:4px 0;flex-direction:column;backdrop-filter:blur(15px);border-radius:4px}.track-dots-menu.open .track-dots-dropdown{display:flex}.track-dots-item{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-family:var(--mono);color:var(--text);background:0;border:0;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .1s,color .1s;letter-spacing:.02em}.track-dots-item:hover{background:rgba(123,97,255,0.08);color:var(--bright)}.track-dots-item--active{color:#e05c7a !important}.track-dots-item--danger{color:var(--red) !important}.track-dots-item--disabled{opacity:.35;cursor:default;pointer-events:none}.track-dots-icon{width:16px;text-align:center;opacity:.7;flex-shrink:0;font-size:13px}.fav-btn,.flag-btn,.playlist-btn{background:0;border:0;cursor:pointer;color:var(--muted);font-size:16px;padding:2px 4px;opacity:0;transition:opacity .1s,color .1s;line-height:1;flex-shrink:0}.track-row:hover .playlist-btn{opacity:1}.fav-btn.fav-active{opacity:1 !important;color:#e05c7a}.fav-btn:hover{color:#e05c7a}.flag-btn:hover{color:var(--accent)}.for-you-dislike-btn:hover{color:var(--red) !important}.playlist-btn:hover{color:var(--amber)}.playlist-btn.playlist-active{opacity:1;color:var(--red)}.player-heart{background:0;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:13px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none !important;background:none !important;transition:color .1s,border-color .1s,background .1s}.player-heart:hover,.player-heart.fav-active{color:#e05c7a;border-color:rgba(224,92,122,0.4);background:rgba(224,92,122,0.07)}.player-flag{background:0;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:13px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .1s,border-color .1s,background .1s}.player-flag:hover{color:var(--accent);border-color:rgba(123,97,255,0.4);background:rgba(123,97,255,0.07)}.player-flag.flag-active{color:var(--accent);border-color:rgba(123,97,255,0.4);background:rgba(123,97,255,0.07)}.similar-item .fav-btn{opacity:.3;font-size:12px;padding:0 2px}.similar-item:hover .fav-btn{opacity:1}.similar-item .fav-btn.fav-active{opacity:1;color:#e05c7a}.favorites-workspace{position:relative;margin:14px 14px 0;padding:22px 22px 18px;border:1px solid var(--border);background:radial-gradient(circle at top left,rgba(123,97,255,0.14),transparent 36%),linear-gradient(180deg,rgba(123,97,255,0.05),rgba(123,97,255,0.015)),var(--bg2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 3px 6px rgba(0,0,0,0.16);border-radius:7px}.favorites-workspace-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.favorites-workspace-kicker{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.favorites-workspace-title{font-size:26px;font-weight:600;line-height:1.1;color:var(--bright);margin-bottom:7px;max-width:14ch}.favorites-workspace-copy{font-size:11px;line-height:1.6;color:var(--muted);max-width:620px}.favorites-workspace-actions{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:flex-start}.new-crate{float:right}.favorites-workspace-actions button,.new-crate{background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.08);color:var(--text);font-family:var(--mono);font-size:10px;letter-spacing:.08em;padding:7px 12px;cursor:pointer;transition:border-color .1s,color .1s,background .1s,transform .1s;border-radius:999px;text-transform:uppercase}.favorites-workspace-actions button:hover,.new-crate:hover{border-color:rgba(123,97,255,0.4);color:var(--accent);background:rgba(123,97,255,0.08);transform:translateY(-1px)}.favorites-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:14px;margin-bottom:10px}.favorites-vault-card,.favorites-dna-card{border:1px solid var(--border);background:var(--bg2);min-width:0;border-radius:7px}.favorites-vault-card{padding:16px 18px}.favorites-vault-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.favorites-vault-metric{padding:11px 12px;border:1px solid rgba(255,255,255,0.06);background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.015));min-height:76px}.favorites-vault-metric-label{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin-bottom:10px}.favorites-vault-metric-value{font-family:var(--sans);font-size:24px;line-height:1;color:var(--bright);margin-bottom:8px}.favorites-vault-metric-note{font-size:10px;color:var(--muted);line-height:1.4}.favorites-dna-card{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.favorites-dna-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.favorites-dna-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.favorites-dna-copy{font-size:10px;color:var(--muted);line-height:1.5;max-width:30ch;text-align:right}.favorites-dna-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.favorites-dna-cell{padding:11px 12px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.025)}.favorites-dna-cell-label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:8px}.favorites-dna-cell-value{font-size:13px;color:var(--bright);line-height:1.35}.favorites-dna-cell-note{margin-top:5px;font-size:10px;color:var(--muted)}.favorites-insight-groups{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.favorites-insight-group{background:var(--bg2);padding:12px 14px 14px;min-width:0;border-radius:7px;border:1px solid var(--border)}.favorites-insight-group-title{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin-bottom:10px}.favorites-insight-chips{display:flex;flex-wrap:wrap;gap:7px}.favorites-insight-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);color:var(--text);font-family:var(--mono);font-size:10px;line-height:1;letter-spacing:.04em;padding:7px 10px;cursor:pointer;border-radius:999px;transition:border-color .1s,color .1s,background .1s,transform .1s}.favorites-insight-chip:hover{color:var(--accent);border-color:rgba(123,97,255,0.35);background:rgba(123,97,255,0.08);transform:translateY(-1px)}.favorites-insight-chip.active{color:var(--bright);border-color:rgba(123,97,255,0.42);background:rgba(123,97,255,0.14);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}.favorites-insight-chip strong{font-weight:600;color:var(--bright)}.favorites-insight-chip-badge{color:var(--accent);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.favorites-insight-empty{font-size:10px;color:var(--muted);line-height:1.5}.favorites-insight-toolbar{position:sticky;top:10px;z-index:12;display:flex;align-items:center;justify-content:space-between;border-radius:7px;gap:12px;margin-bottom:10px;padding:10px 12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg2) 88%,rgba(123,97,255,0.12));backdrop-filter:blur(8px)}.favorites-insight-toolbar-copy{font-size:10px;color:var(--muted);line-height:1.5}.favorites-insight-toolbar-selections{display:flex;flex-wrap:wrap;gap:7px}.favorites-insight-toolbar-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.favorites-insight-toolbar-actions button{background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.08);color:var(--text);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:7px 11px;cursor:pointer;border-radius:999px;transition:border-color .1s,color .1s,background .1s}.favorites-insight-toolbar-actions button:hover:not(:disabled){border-color:rgba(123,97,255,0.4);color:var(--accent);background:rgba(123,97,255,0.08)}.favorites-insight-toolbar-actions button:disabled{opacity:.4;cursor:default}.favorites-sort-bar{position:relative;align-items:center;gap:4px;margin-bottom:12px;padding:3px}.favorites-sort-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:4px;flex-shrink:0}.favorites-sort-btn{background:0;border:1px solid transparent;color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.06em;padding:3px 8px;cursor:pointer;border-radius:3px;transition:all .1s}.favorites-sort-btn:hover{border-color:var(--border);color:var(--text)}.favorites-sort-btn.active{border-color:var(--purple);color:var(--purple);background:rgba(123,97,255,0.07)}.crate-track-sort-bar{display:flex;align-items:center;gap:4px;padding:5px 14px;border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap}.crate-track-sort-bar .favorites-sort-label{margin-right:2px}.favorites-playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.favorites-playlist-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,0.035),rgba(255,255,255,0.015));border:1px solid var(--dim);color:var(--bright);font-family:var(--mono);font-size:11px;padding:14px 14px 13px;cursor:pointer;display:flex;flex-direction:column;gap:8px;text-align:left;transition:border-color .12s,background .12s,transform .12s,color .12s;border-radius:10px;min-width:0;min-height:108px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 3px 6px rgba(0,0,0,0.16)}.favorites-playlist-card::after{content:'';position:absolute;inset:auto -10% -35% 45%;height:90px;background:radial-gradient(circle,rgba(123,97,255,0.14),transparent 68%);pointer-events:none}.favorites-playlist-card:hover{border-color:rgba(123,97,255,0.32);background:rgba(123,97,255,0.08);color:var(--text);transform:translateY(-2px)}.favorites-playlist-card.active{border-color:rgba(123,97,255,0.42);color:var(--bright);background:rgba(123,97,255,0.12);box-shadow:0 12px 28px rgba(0,0,0,0.18)}.favorites-playlist-card-icon{font-size:14px;color:var(--accent);line-height:1}.favorites-playlist-card.active .favorites-playlist-card-icon{color:var(--accent)}.favorites-playlist-card:not(.active) .favorites-playlist-card-icon{color:var(--muted)}.favorites-playlist-card-name{font-size:12px;font-weight:500;color:inherit;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.favorites-playlist-card-meta{font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.favorites-playlist-empty{color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 0}aside{position:fixed;right:0;top:0;bottom:0;width:min(92vw,272px);z-index:111111;transform:translateX(100%);transition:transform .18s ease;border-left:1px solid var(--border);overflow-y:auto;overflow-x:hidden;background:var(--bg);box-shadow:-6px 0 32px rgba(0,0,0,0.28);scrollbar-width:thin;scrollbar-color:var(--dim) transparent}.mobile-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.55);opacity:0;pointer-events:none;transition:opacity .16s ease;z-index:190}.mobile-drawer-head{display:none;align-items:center;justify-content:space-between;margin-bottom:12px}.mobile-drawer-close{background:0;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:12px;padding:4px 8px;cursor:pointer}.mobile-drawer-actions{display:none;grid-template-columns:1fr 1fr;gap:6px}.mobile-drawer-actions button{background:var(--bg2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:10px;padding:8px 10px;text-align:left;letter-spacing:.06em;cursor:pointer}body.filters-open aside{transform:translateX(0)}body.filters-open .mobile-drawer-backdrop{opacity:1;pointer-events:auto}aside.filter-loading{pointer-events:none;opacity:.55;transition:opacity .15s}@keyframes filterHintPulse{0%{box-shadow:0 0 0 0 rgba(123,97,255,0.55)}60%{box-shadow:0 0 0 6px rgba(123,97,255,0)}100%{box-shadow:0 0 0 0 rgba(123,97,255,0)}}#filterHintStrip{display:flex;align-items:center;gap:10px;margin:0 0 4px;padding:9px 14px;border:1px solid rgba(123,97,255,0.28);background:rgba(123,97,255,0.06);cursor:pointer;transition:border-color .15s,background .15s;font-size:11px;color:var(--muted);letter-spacing:.04em;line-height:1.4;border-radius:5px;position:sticky;top:0;z-index:1;backdrop-filter:blur(20px)}#filterHintStrip:hover{border-color:rgba(123,97,255,0.55);background:rgba(123,97,255,0.1);color:var(--text)}#filterHintStrip .hint-icon{font-size:14px;flex-shrink:0;color:var(--accent);opacity:.8}#filterHintStrip .hint-text{flex:1}#filterHintStrip .hint-text strong{color:var(--text);font-weight:500}#filterHintStrip .hint-cta{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);flex-shrink:0;padding:3px 8px;border:1px solid rgba(123,97,255,0.35);white-space:nowrap}#filterHintStrip .hint-dismiss{background:0;border:0;color:var(--muted);font-size:13px;cursor:pointer;padding:0 0 0 6px;line-height:1;flex-shrink:0;opacity:.6;transition:opacity .1s}#filterHintStrip .hint-dismiss:hover{opacity:1;color:var(--text)}.track-list-loading-overlay{position:sticky;top:0;left:0;right:0;z-index:20;display:none;align-items:center;justify-content:center;height:3px;background:var(--bg)}.track-list-loading-overlay.visible{display:flex}.track-list-loading-bar{height:2px;background:var(--accent);animation:loadingSlide .9s ease-in-out infinite;width:40%;border-radius:1px}@keyframes loadingSlide{0%{transform:translateX(-100%) scaleX(0.3)}50%{transform:translateX(150%) scaleX(1.2)}100%{transform:translateX(350%) scaleX(0.3)}}.tracks-area.home-view .tracks-header,.tracks-area.home-view #activePromptSummary,.tracks-area.home-view #activeFilters,.tracks-area.home-view #trackList,.tracks-area.home-view #digDeeperBtn,.tracks-area.home-view #trackListLoadingOverlay{display:none !important}.home-landing{display:none;padding:4px 18px 28px;margin:0 auto}.tracks-area.home-view .home-landing{display:block}body.guest-landing-centered{grid-template-columns:1fr;grid-template-areas:"header" "tracks" "player"}body.guest-landing-centered aside,body.guest-landing-centered .detail-panel{display:none}body.guest-landing-centered .home-landing{width:100%;padding:0;height:100vh;overflow-y:scroll}body.guest-manual-filters{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "tracks" "player"}body.guest-manual-filters .detail-panel{display:none}body.guest-manual-filters .tracks-area{overflow-y:auto}.home-hero{padding:22px 18px;border-radius:10px;margin-bottom:18px}body.guest-landing-centered .home-hero{border:0;background:transparent;margin-bottom:0;padding:0}.home-hero-kicker{font-size:9px;color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin-bottom:10px}.home-hero-title{font-size:55px;line-height:1.15;color:var(--bright);text-align:center;font-family:var(--sans)}.home-hero-sub{margin-top:8px;font-size:14px;color:var(--muted);line-height:1.6;text-align:center}.home-sections{display:flex;gap:16px}.home-landing-shell{opacity:0;transform:translateY(14px);transition:opacity .42s ease,transform .42s ease}.home-landing-shell.ready{opacity:1;transform:translateY(0)}.home-loader-shell{min-height:420px;display:flex;align-items:center;justify-content:center;padding:48px 20px}.home-loader-card{width:100vw;padding:28px 24px;border:1px solid rgba(255,255,255,0.08);border-radius:22px;text-align:center;height:calc(100vh - 200px);align-content:center}.home-loader-spinner{width:48px;height:48px;margin:0 auto 18px;border-radius:50%;border:2px solid rgba(123,97,255,0.18);border-top-color:var(--accent);animation:homeSpin .9s linear infinite}.home-loader-title{color:var(--bright);font-size:40px;line-height:1.2;margin-bottom:8px;font-family:var(--sans)}.home-loader-copy{color:var(--muted);font-size:12px;line-height:1.7;letter-spacing:.04em}.home-loader-shimmer{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px}.home-loader-block{aspect-ratio:1 / 1;border-radius:14px;background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.12),rgba(255,255,255,0.04));background-size:220% 100%;animation:homeShimmer 1.4s ease-in-out infinite}body.light .home-loader-block{background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(116,113,113,0.12),rgba(255,255,255,0.04))}@keyframes skeletonShimmer{0%{background-position:200% center}100%{background-position:-200% center}}.skeleton-block{border-radius:3px;background:linear-gradient(90deg,var(--bg3) 25%,rgba(255,255,255,0.07) 50%,var(--bg3) 75%);background-size:400% 100%;animation:skeletonShimmer 1.6s ease-in-out infinite}body.light .skeleton-block{background:linear-gradient(90deg,var(--bg3) 25%,rgba(255,255,255,0.78) 50%,var(--bg3) 75%);background-size:400% 100%}body.light .detail-thumb,body.light .detail-thumb-skeleton{background:linear-gradient(90deg,rgba(214,212,208,0.95) 22%,rgba(255,255,255,0.98) 50%,rgba(214,212,208,0.95) 78%);background-size:360% 100%}body.light .detail-thumb.loaded{background:var(--bg2)}@keyframes playerHeaderTicker{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--player-header-shift, 0px)))}}.track-row-skeleton{display:grid;grid-template-columns:36px 1fr 64px 88px 100px 36px;padding:25px 14px;border-bottom:1px solid rgba(34,34,34,0.5);align-items:center;gap:0}.track-row-skeleton .sk-num{width:18px;height:10px}.track-row-skeleton .sk-title{height:10px;width:55%;margin-bottom:5px}.track-row-skeleton .sk-artist{height:8px;width:35%;opacity:.6}.track-row-skeleton .sk-bpm{height:9px;width:38px}.track-row-skeleton .sk-date{height:9px;width:56px}.track-row-skeleton .sk-bar{height:18px;width:80px;opacity:.5}.track-row-skeleton .sk-icon{width:20px;height:20px;border-radius:50%;margin-left:auto}.detail-thumb-skeleton{width:100%;aspect-ratio:1/1;margin-bottom:14px;border-radius:10px;border:1px solid var(--border)}.home-section{border:1px solid var(--border);background:var(--bg2);padding:14px;border-radius:10px;width:100%}.home-stagger-item{opacity:0;transform:translateY(16px) scale(0.985);animation:homeThumbReveal .42s cubic-bezier(0.22,1,0.36,1) forwards;animation-delay:var(--home-delay,0ms);will-change:transform,opacity}.home-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.home-section-title{font-size:10px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.home-section-copy{font-size:14px;color:var(--muted);line-height:1.55;margin-bottom:12px;text-align:center;margin-top:12px}.home-action{background:0;border:1px solid var(--border);color:var(--text);font-family:var(--mono);letter-spacing:.1em;padding:7px 10px;cursor:pointer;text-transform:uppercase;margin:25px auto 10px;text-align:center;display:block}.home-action:hover{border-color:var(--accent);color:var(--accent)}#homeForYouSection{box-shadow:0 3px 30px #222}body.light #homeForYouSection{box-shadow:0 3px 30px #ccc}body.guest-landing-centered .home-prompt-shell{padding:18px}.home-prompt-form{display:grid;gap:10px;position:relative}.home-prompt-input{width:100%;resize:vertical;background:var(--bg2);border:1px solid var(--border);color:var(--bright);font-family:var(--mono);font-size:14px;padding:12px 13px;outline:0;border-radius:50px}.home-prompt-input:focus{border-color:var(--accent)}.home-prompt-input::placeholder{color:var(--muted)}.home-prompt-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.home-prompt-note{font-size:10px;color:var(--muted);letter-spacing:.05em}.home-prompt-submit{background:var(--accent);border:1px solid var(--accent);color:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;cursor:pointer;position:absolute;top:0;right:0;height:43px;border-top-right-radius:25px;border-bottom-right-radius:25px;width:75px}.home-prompt-submit:hover{opacity:.9}.home-prompt-examples{margin-bottom:20px;text-align:center}.home-prompt-guide{margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,0.07);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01))}.home-prompt-guide-title{color:var(--bright);font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-align:left}.home-prompt-guide-copy{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.6;text-align:left}.home-prompt-clouds{display:grid;gap:12px;margin-top:14px}.home-prompt-cloud-head{margin-bottom:7px;color:var(--muted);font-size:14px;letter-spacing:.12em;text-transform:uppercase;text-align:left}.home-prompt-cloud-tags{display:flex;flex-wrap:wrap;gap:7px}.home-prompt-fragment{background:rgba(123,97,255,0.08);border:1px solid rgba(123,97,255,0.22);color:var(--text);font-family:var(--mono);font-size:14px;line-height:1.4;padding:7px 10px;border-radius:999px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.home-prompt-fragment:hover{border-color:var(--accent);color:var(--bright);background:rgba(123,97,255,0.14)}.home-prompt-guide-note{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.6;text-align:left}.home-prompt-guide-note strong{color:var(--bright)}.home-prompt-example{background:0;border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:10px;line-height:1.4;padding:7px 9px;cursor:pointer;text-align:left;margin:3px 0;border-radius:50px}.home-prompt-example:hover{border-color:var(--accent);color:var(--accent)}.home-prompt-message{margin-top:10px;font-size:11px;color:var(--amber);text-align:center;line-height:1.6}.home-brief-tags{margin-top:12px;text-align:center}.home-brief-tag{background:rgba(123,97,255,0.08);border:1px solid rgba(123,97,255,0.28);color:var(--accent);font-size:14px;padding:3px 7px;letter-spacing:.05em;margin:1px}.home-brief-tag.meta{background:rgba(127,191,255,0.07);border-color:rgba(127,191,255,0.24);color:var(--blue)}.home-brief-empty{margin-top:12px;font-size:10px;color:var(--muted);line-height:1.5}.home-prompt-preview-slot{min-height:34px;margin-top:12px}.guest-results-banner{position:sticky;top:0;z-index:25;padding:14px 16px;border-bottom:1px solid rgba(255,179,71,0.22);background:linear-gradient(180deg,rgba(255,179,71,0.26),rgba(255,179,71,0.12));backdrop-filter:blur(10px)}.guest-results-banner strong{display:block;color:var(--bright);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.guest-results-banner span{color:var(--text);font-size:11px;line-height:1.6}.guest-lockout{position:relative;margin:0 14px 20px;min-height:220px;border:1px solid var(--border);overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01))}.guest-lockout-rows{filter:blur(5px);opacity:.42;padding:8px 0}.guest-lockout-row{display:grid;grid-template-columns:36px 1fr 64px 88px 100px 36px;padding:9px 14px;border-bottom:1px solid rgba(34,34,34,0.5);align-items:center;color:var(--muted);font-size:11px}.guest-lockout-cta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:18px;background:var(--bg2)}.guest-lockout-cta button{background:0;border:1px solid var(--accent);color:var(--accent);font-family:var(--mono);font-size:11px;padding:10px 18px;cursor:pointer;letter-spacing:.12em;text-transform:uppercase}.guest-lockout-cta button:hover{background:rgba(123,97,255,0.1)}.home-preset-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:15px}.home-filter-launcher{display:grid;gap:14px;margin-top:14px}.home-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-filter-card{padding:14px;border:1px solid rgba(255,255,255,0.08);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));min-height:138px}.home-filter-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.home-filter-card-title{color:var(--bright);font-size:15px;letter-spacing:.12em;text-transform:uppercase}.home-filter-card-link{background:0;border:0;color:var(--muted);font-family:var(--mono);font-size:10px;cursor:pointer;letter-spacing:.08em;text-transform:uppercase}.home-filter-card-copy{color:var(--muted);font-size:11px;line-height:1.5;margin-bottom:10px}.home-filter-chip-grid{display:flex;flex-wrap:wrap;gap:7px}.home-filter-chip{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:14px;line-height:1.35;padding:7px 10px;border-radius:999px;cursor:pointer;text-transform:capitalize;transition:border-color .15s ease,color .15s ease,transform .15s ease}.home-filter-chip:hover{border-color:var(--accent);color:var(--bright);transform:translateY(-1px)}.home-filter-chip.active{border-color:var(--accent);color:var(--accent);background:rgba(123,97,255,0.1)}.home-filter-actions{display:flex;margin-top:4px;flex-wrap:wrap}.filter-search-now,.home-filter-open-all{background:rgba(123,97,255,0.08);border:1px solid rgba(123,97,255,0.26);color:var(--accent);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:10px 14px;cursor:pointer;width:50%}.filter-search-now{background:var(--accent);color:var(--bg);border-color:transparent}.filter-search-now:hover{border-color:var(--accent);color:ar(--bg);opacity:.92}.filter-search-now:disabled{opacity:.45;cursor:not-allowed}.home-filter-open-all:hover{background:rgba(123,97,255,0.14)}.home-genre-grid{display:flex;flex-wrap:wrap;gap:8px}.home-genre-chip{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:11px;padding:7px 10px;cursor:pointer;transition:all .1s}.home-genre-chip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.home-genre-chip span{color:var(--muted);font-size:9px;margin-left:6px}.home-for-you-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.home-for-you-item{background:0;border:1px solid var(--border);padding:0;cursor:pointer;overflow:hidden;position:relative;text-align:left;border-radius:10px;box-shadow:2px 3px 5px var(--dim);transition:transform .12s ease,border-color .12s ease}.home-for-you-item:hover{border-color:var(--accent);transform:translateY(-2px)}.home-for-you-item.is-active,.home-genre-thumb.is-active{border-color:rgba(123,97,255,0.8);box-shadow:0 0 0 1px rgba(123,97,255,0.28),0 18px 32px rgba(18,10,28,0.22);transform:translateY(-2px)}.home-for-you-item::after,.home-genre-thumb::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,0.1),rgba(0,0,0,0.42));opacity:0;transition:opacity .14s ease;pointer-events:none}.home-for-you-item:hover::after,.home-for-you-item.is-active::after,.home-for-you-item:focus-visible::after,.home-genre-thumb:hover::after,.home-genre-thumb.is-active::after,.home-genre-thumb:focus-visible::after{opacity:1}.home-for-you-item img,.home-for-you-placeholder{width:100%;aspect-ratio:1 / 1;display:block;object-fit:cover;background:var(--bg2)}.home-for-you-item img:not([src]),.home-for-you-item img[src=""],.home-genre-thumb img:not([src]),.home-genre-thumb img[src=""]{background:linear-gradient(90deg,var(--bg3) 25%,rgba(255,255,255,0.07) 50%,var(--bg3) 75%);background-size:400% 100%;animation:skeletonShimmer 1.6s ease-in-out infinite}.home-for-you-item img:-moz-loading,.home-genre-thumb img:-moz-loading,.tm-card img:-moz-loading{opacity:0}.thumb-loading{position:relative;background:linear-gradient(90deg,var(--bg3) 25%,rgba(255,255,255,0.07) 50%,var(--bg3) 75%);background-size:400% 100%;animation:skeletonShimmer 1.6s ease-in-out infinite}.thumb-loading img{opacity:0;transition:opacity .25s ease}.thumb-loading.thumb-loaded img{opacity:1}.thumb-loading.thumb-loaded{background:0;animation:none}.home-for-you-placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:24px}.home-for-you-label{position:absolute;left:0;right:0;bottom:0;padding:10px 8px 8px;background:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.84))}.home-for-you-title{font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-for-you-meta{font-size:10px;color:rgba(255,255,255,0.72);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-for-you-genres{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.home-for-you-score{position:absolute;top:8px;right:8px;font-size:10px;color:var(--accent);letter-spacing:.08em;background:backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.08);padding:4px 6px;border-radius:999px}.home-thumb-play{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:999px;border:1px solid rgba(255,255,255,0.22);background:rgba(7,10,12,0.78);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 28px rgba(0,0,0,0.22);opacity:0;transform:translateY(6px) scale(0.94);transition:opacity .14s ease,transform .14s ease,border-color .14s ease,background .14s ease;pointer-events:none;z-index:2}.home-thumb-play::before{content:"";width:0;height:0;margin-left:3px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff}.home-thumb-play[data-state="playing"]::before{width:14px;height:16px;margin-left:0;border:0;background:linear-gradient(90deg,#fff 0 4px,transparent 4px 10px,#fff 10px 14px)}.home-for-you-item:hover .home-thumb-play,.home-for-you-item.is-active .home-thumb-play,.home-for-you-item:focus-visible .home-thumb-play,.home-genre-thumb:hover .home-thumb-play,.home-genre-thumb.is-active .home-thumb-play,.home-genre-thumb:focus-visible .home-thumb-play{opacity:1;transform:translateY(0) scale(1)}.home-for-you-item:hover .home-thumb-play,.home-for-you-item.is-active .home-thumb-play,.home-genre-thumb:hover .home-thumb-play{border-color:rgba(255,255,255,0.38);background:rgba(10,16,20,0.86)}.home-for-you-item.is-active .home-for-you-label,.home-genre-thumb.is-active .home-genre-thumb-label{background:linear-gradient(180deg,rgba(0,0,0,0.04),rgba(12,8,18,0.92))}.home-for-you-dislike{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,0.18);background:rgba(10,14,18,0.72);backdrop-filter:blur(8px);color:rgba(255,255,255,0.7);font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(0.8);transition:opacity .14s ease,transform .14s ease,background .14s ease,color .14s ease;z-index:10}.home-for-you-item:hover .home-for-you-dislike,.home-for-you-item:focus-within .home-for-you-dislike{opacity:1;transform:scale(1)}.home-for-you-dislike:hover{background:rgba(180,40,40,0.82) !important;color:#fff !important;border-color:rgba(255,80,80,0.4) !important}.for-you-not-ready{text-align:center;padding:18px 12px 10px}.for-you-not-ready-label{font-size:11px;color:var(--muted);margin-bottom:10px;letter-spacing:.04em}.for-you-not-ready-label strong{color:var(--text)}.for-you-progress-track{height:4px;background:var(--border);border-radius:999px;overflow:hidden;margin:0 auto 8px;max-width:200px}.for-you-progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s ease}.for-you-progress-hint{font-size:10px;color:var(--muted);letter-spacing:.05em}.home-genre-showcase{display:grid;gap:14px}.home-filter-preset-head-left{display:flex;flex-direction:column;gap:6px;min-width:0}.home-filter-preset-tags{display:flex;flex-wrap:wrap;gap:4px}.home-filter-preset-tag{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:2px 7px;border-radius:999px;white-space:nowrap}.home-filter-preset-band .home-genre-band-meta{text-decoration:none;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid var(--border);padding-bottom:1px;transition:color .1s,border-color .1s;align-self:flex-start;margin-top:6px}.home-your-presets-section{padding:0 0 8px 0;margin-bottom:4px}.home-your-presets-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.home-your-presets-chips{display:flex;flex-wrap:wrap;gap:6px}.home-your-presets-empty{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px dashed var(--dim);background:rgba(255,255,255,0.015)}.home-your-presets-empty-text{flex:1;font-size:11px;color:var(--muted);letter-spacing:.04em}.home-your-presets-empty-text strong{display:block;color:var(--text);font-size:12px;margin-bottom:2px}.home-your-presets-create-btn{background:0;border:1px solid var(--accent);color:var(--accent);font-family:var(--mono);font-size:11px;padding:5px 12px;cursor:pointer;letter-spacing:.08em;white-space:nowrap;transition:background .12s,color .12s}.home-your-presets-create-btn:hover{background:rgba(123,97,255,0.1)}.home-filter-preset-band .home-genre-band-meta:hover{color:var(--accent);border-color:var(--accent)}.home-genre-band{padding:14px;background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));border-radius:10px}.home-genre-band-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.home-genre-band-title{background:0;border:0;padding:0;color:var(--bright);font-family:var(--sans);font-size:40px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:left}.home-genre-band-title-by{font-size:.42em;color:var(--muted);font-weight:400;letter-spacing:.05em;text-decoration:underline}.home-genre-band-title:hover{color:var(--accent)}.home-genre-band-title:has(.home-genre-band-title-by:hover){color:var(--bright)}.home-genre-band-title:hover .home-genre-band-title-by{color:var(--muted)}.home-genre-band-meta{color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-decoration:underline;cursor:pointer}.home-genre-thumb-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.home-genre-thumb{background:0;border:1px solid var(--border);padding:0;cursor:pointer;overflow:hidden;position:relative;text-align:left;border-radius:10px;box-shadow:2px 3px 5px var(--dim);transition:transform .12s ease,border-color .12s ease}.home-genre-thumb:hover{transform:translateY(-2px);border-color:var(--accent)}.home-genre-thumb img,.home-genre-thumb-placeholder{width:100%;aspect-ratio:1 / 1;display:block;object-fit:cover;background:var(--bg2)}.home-genre-thumb-placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:24px}.home-genre-thumb-label{position:absolute;left:0;right:0;bottom:0;padding:8px;background:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.78))}.home-genre-thumb-title{color:#fff;font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-genre-thumb-artist{color:rgba(255,255,255,0.72);font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes homeSpin{to{transform:rotate(360deg)}}@keyframes homeShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes homeThumbReveal{to{opacity:1;transform:translateY(0) scale(1)}}.preset-save-float{position:sticky;bottom:0;left:0;right:0;padding:10px 14px 14px;background:linear-gradient(transparent,var(--bg) 36%);display:grid;gap:6px}.preset-save-float button{width:100%;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);color:var(--muted);font-family:var(--mono);font-size:10px;padding:8px;cursor:pointer;letter-spacing:.10em;text-transform:uppercase;transition:all .15s;border-radius:8px}.preset-save-float button:hover{border-color:rgba(123,97,255,0.4);color:var(--accent);background:rgba(123,97,255,0.07)}.preset-save-float .filter-search-now{background:var(--accent);color:#fff;border-color:transparent;font-weight:600;border-radius:8px}.preset-save-float .filter-search-now:hover{background:var(--accent);color:#fff;opacity:.92}.floating-filter-btn{background:0;border:1px solid var(--muted);color:var(--fg-muted);font-size:14px;cursor:pointer;letter-spacing:.05em;margin-left:4px;padding:inherit;width:auto}.floating-filter-btn.active{border-color:var(--accent);background:linear-gradient(180deg,rgba(123,97,255,0.4),rgba(123,97,255,0.2))}.floating-filter-btn svg{width:20px;height:20px;display:inline-block;vertical-align:middle}body.player-hidden>.floating-filter-btn{bottom:20px}.detail-section-loading{display:flex;align-items:center;gap:8px;padding:10px 0;color:var(--muted);font-size:10px;letter-spacing:.12em}.detail-section-loading::before{content:'';display:block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-section{padding:14px 14px 16px;border-bottom:1px solid rgba(255,255,255,0.04)}.sidebar-section:last-child{border-bottom:0}.sidebar-label{font-size:9px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase;margin-bottom:11px;display:flex !important;align-items:center;gap:7px}.sidebar-label::before{content:'';display:block;width:2px;height:10px;background:var(--accent);border-radius:1px;opacity:.6;flex-shrink:0}.sidebar-label.filter-focus{color:var(--accent)}.sidebar-label.filter-focus::before{opacity:1}.sidebar-section.filter-focus-section{background:rgba(123,97,255,0.04)}.filter-group{margin-bottom:10px}.filter-group label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:4px;letter-spacing:.06em;text-transform:uppercase}.filter-group input[type=range]{width:100%;accent-color:var(--accent);background:transparent}.filter-val{color:var(--accent);font-size:10px;font-weight:600}.mood-cloud{display:flex;flex-wrap:wrap;gap:5px}.mood-tag{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);color:var(--muted);font-family:var(--mono);font-size:10px;padding:3px 9px;cursor:pointer;letter-spacing:.04em;transition:all .12s;border-radius:999px;text-transform:capitalize;line-height:1.5}.mood-tag:hover{border-color:rgba(123,97,255,0.4);color:var(--text);background:rgba(123,97,255,0.07)}.mood-tag.active{border-color:rgba(123,97,255,0.55);color:var(--accent);background:rgba(123,97,255,0.12)}.genre-list{display:flex;flex-wrap:wrap;gap:5px}.genre-chip{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);color:var(--muted);font-family:var(--mono);font-size:10px;padding:3px 9px;cursor:pointer;transition:all .12s;letter-spacing:.03em;border-radius:999px;text-transform:capitalize;line-height:1.5}.genre-chip:hover{border-color:rgba(160,143,255,0.45);color:var(--purple);background:rgba(160,143,255,0.07)}.genre-chip.active{border-color:rgba(160,143,255,0.6);color:var(--purple);background:rgba(160,143,255,0.12)}.genre-count{font-size:9px;color:var(--dim);margin-left:3px}.key-list{display:flex;flex-wrap:wrap;gap:4px}.key-chip{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);color:var(--muted);font-family:var(--mono);font-size:10px;padding:3px 7px;cursor:pointer;transition:all .12s;border-radius:999px;line-height:1.5}.key-chip:hover{border-color:rgba(255,179,71,0.4);color:var(--amber);background:rgba(255,179,71,0.07)}.key-chip.active{border-color:rgba(255,179,71,0.55);color:var(--amber);background:rgba(255,179,71,0.12)}.instr-grid{display:flex;flex-direction:column;gap:4px}.instr-chip{display:flex;align-items:center;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);font-family:var(--mono);font-size:10px;cursor:default;transition:border-color .12s,background .12s;border-radius:999px;overflow:hidden;text-transform:capitalize;color:var(--muted);padding:0}.instr-chip:hover{border-color:rgba(123,97,255,0.4);background:rgba(123,97,255,0.04)}.instr-chip.active{border-color:rgba(127,191,255,0.4);background:rgba(127,191,255,0.06)}.instr-chip-name{padding:3px 6px 3px 11px;color:var(--muted);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instr-chip.active .instr-chip-name{color:var(--blue)}.instr-chip-op{padding:3px 7px;border-left:1px solid rgba(255,255,255,0.07);border-right:1px solid rgba(255,255,255,0.07);color:var(--blue);background:rgba(127,191,255,0.05);font-size:12px;font-weight:bold;line-height:1;cursor:pointer;transition:background .1s;user-select:none;flex-shrink:0}.instr-chip-op:hover{background:rgba(127,191,255,0.18)}.instr-chip-threshold{width:40px;padding:3px 2px 3px 4px;background:transparent;border:0;outline:0;color:var(--blue);font-family:var(--mono);font-size:10px;text-align:right;cursor:text;flex-shrink:0}.instr-chip-threshold::-webkit-inner-spin-button,.instr-chip-threshold::-webkit-outer-spin-button{-webkit-appearance:none}.instr-chip-pct{padding:3px 4px 3px 0;color:var(--muted);font-size:10px;flex-shrink:0}.instr-chip-remove{padding:3px 9px 3px 4px;color:var(--muted);font-size:12px;cursor:pointer;flex-shrink:0;line-height:1;transition:color .1s}.instr-chip-remove:hover{color:var(--red)}[data-dd-item].dd-focused{background:var(--bg3) !important;color:var(--accent)}.vocal-chip,.source-chip{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);color:var(--muted);font-family:var(--mono);font-size:10px;padding:3px 9px;cursor:pointer;transition:all .12s;border-radius:999px;text-transform:capitalize;line-height:1.5}.vocal-chip:hover,.vocal-chip.active{border-color:rgba(123,97,255,0.5);color:var(--accent);background:rgba(123,97,255,0.10)}.source-chip:hover{border-color:rgba(123,97,255,0.4);color:var(--accent);background:rgba(123,97,255,0.07)}.source-chip.active{border-color:rgba(123,97,255,0.55);color:var(--accent);background:rgba(123,97,255,0.10)}.btn-clear{background:0;border:1px solid rgba(255,255,255,0.07);color:var(--muted);font-family:var(--mono);font-size:10px;padding:7px;cursor:pointer;width:100%;letter-spacing:.12em;transition:all .12s;text-transform:uppercase;border-radius:999px}.btn-clear:hover{border-color:rgba(255,68,68,0.4);color:var(--red);background:rgba(255,68,68,0.06)}.tracks-area{grid-area:tracks;overflow-y:auto;background:var(--bg);position:relative}.artist-page-panel{border-bottom:1px solid var(--border);padding:20px 18px 18px}.artist-page-panel:empty{display:none}.artist-page-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:18px;align-items:start}.artist-page-kicker{color:var(--blue);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.artist-page-title{color:var(--bright);font-size:30px;line-height:1.05;margin-bottom:10px}.artist-page-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.artist-page-chip{border:1px solid var(--border);background:rgba(255,255,255,0.03);color:var(--muted);font-family:var(--mono);font-size:10px;padding:6px 8px}.artist-page-section-title{color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}.artist-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.artist-page-card{border:1px solid var(--border);background:rgba(255,255,255,0.025);padding:11px;min-width:0}.artist-page-list{display:flex;flex-direction:column;gap:6px}.artist-page-item{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.16);padding:7px}.artist-page-item-main{flex:1;min-width:0}.artist-page-item-title{color:var(--text);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-page-item-sub{color:var(--muted);font-family:var(--mono);font-size:10px;margin-top:2px}.artist-load-more{width:calc(100% - 28px);margin:12px 14px 18px;border:1px solid var(--border);background:var(--bg2);color:var(--text);font-family:var(--mono);font-size:11px;letter-spacing:.08em;padding:10px 12px;cursor:pointer;text-transform:uppercase}.artist-load-more:hover{border-color:var(--blue);color:var(--blue)}.artist-page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 18px;gap:14px}.artist-page-loader-spinner{width:28px;height:28px;border-radius:50%;border:2px solid rgba(123,97,255,0.18);border-top-color:var(--accent);animation:homeSpin .9s linear infinite}.artist-page-loader-text{color:var(--muted);font-size:11px;letter-spacing:.08em}@media(max-width:980px){.artist-page-top,.artist-page-grid{grid-template-columns:1fr}.artist-page-title{font-size:24px}}.tracks-header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--border);display:grid;grid-template-columns:36px 1fr 64px 88px 100px 36px;padding:8px 14px;font-size:10px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;z-index:10}.tracks-header>div[data-sort]{cursor:pointer;user-select:none;transition:color .12s ease}.tracks-header>div[data-sort]:hover,.tracks-header>div[data-sort].active{color:var(--text)}.track-row{display:grid;grid-template-columns:36px 1fr 64px 88px 100px 36px;padding:9px 14px;border-bottom:1px solid rgba(34,34,34,0.5);cursor:pointer;transition:background .1s;align-items:center;animation:fadeIn .15s ease both;background:var(--bg)}.track-row:hover{background:var(--bg2)}.track-row.active{background:rgba(123,97,255,0.05);border-left:2px solid var(--accent);padding-left:12px;position:sticky !important;top:48px;z-index:111;box-shadow:3px 5px 10px var(--bg);backdrop-filter:blur(10px)}.track-num{color:var(--muted);font-size:11px;position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.track-num-label{transition:opacity .12s}.track-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:0;border:1px solid transparent;border-radius:50%;color:var(--accent);cursor:pointer;opacity:0;transition:opacity .12s,border-color .12s,background .12s;padding:0}.track-row:hover .track-num-label{opacity:0}.track-row:hover .track-play-btn{opacity:1;border-color:var(--accent)}.track-row.active .track-play-btn{opacity:1;border-color:var(--accent);background:rgba(123,97,255,0.12)}.track-row.active .track-num-label{opacity:0}.track-play-btn:hover{background:rgba(123,97,255,0.18) !important}.track-info{min-width:0}.track-title{color:var(--bright);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-new-badge{display:inline-flex;align-items:center;font-size:14px;color:var(--green);border:1px solid rgba(68,204,136,0.35);background:rgba(68,204,136,0.08);padding:0 5px;margin-left:6px;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;flex-shrink:0;margin:4px;border-radius:30px;font-size:10px}.track-artist{color:var(--muted);font-size:10px;white-space:nowrap;text-overflow:ellipsis}.track-bpm{color:var(--amber);font-size:11px}.track-release{color:var(--text);font-size:10px}.spectral-mini{display:flex;align-items:flex-end;gap:1px;height:16px}.spectral-mini-bar{width:18px;background:var(--bg2);position:relative;overflow:hidden;min-height:2px;height:32px !important}.spectral-mini-fill{position:absolute;bottom:0;left:0;right:0;transition:height .3s}.source-tag,a.source-tag{font-size:16px;padding:1px 4px;color:var(--muted);letter-spacing:.04em;align-content:center;display:grid;letter-spacing:.04em}a.source-tag{cursor:pointer;text-decoration:none;transition:opacity .15s}a.source-tag:hover{opacity:.75;color:#a08fff}.source-tag.youtube{border-color:rgba(255,68,68,0.5);color:#f66}.source-tag.soundcloud{border-color:rgba(255,119,0,0.5);color:#f94}.source-tag.bandcamp{border-color:rgba(127,191,255,0.5);color:#7fbfff}.source-tag.beatport{border-color:rgba(123,97,255,0.6);color:#7b61ff}.detail-panel{grid-area:detail;border-left:1px solid var(--border);overflow-y:auto;background:var(--bg);display:none;position:relative}body.detail-open .detail-panel{display:block}.detail-panel-close{position:absolute;top:8px;right:8px;background:0;border:0;color:var(--muted);font-size:11px;line-height:1;padding:3px 5px;cursor:pointer;z-index:10;opacity:.6;transition:opacity .15s,color .15s}.detail-panel-close:hover{opacity:1;color:var(--bright)}.detail-mobile-toggle{display:none;margin:0 0 10px;padding:9px 12px;border:1px solid var(--border);background:var(--bg2);color:var(--text);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;position:fixed;bottom:58px;z-index:1;left:0}.detail-mobile-toggle:hover{border-color:var(--accent);color:var(--accent)}.detail-mobile-toggle:disabled{opacity:.45;cursor:default}.detail-mobile-close{display:none;width:100%;margin-bottom:6px;padding:8px 10px;border:1px solid var(--border);background:var(--bg2);color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;position:fixed;bottom:58px;z-index:1;left:0}.detail-mobile-close:hover{border-color:var(--accent);color:var(--accent)}.detail-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:11px;letter-spacing:.1em;flex-direction:column;gap:8px}.detail-empty::before{content:'◈';font-size:32px;color:var(--border)}.detail-content{padding:18px}.detail-thumb{width:100%;aspect-ratio:1/1;object-fit:cover;margin-bottom:14px;filter:grayscale(20%) contrast(1.1);border:1px solid var(--border);border-radius:10px;background:linear-gradient(90deg,var(--bg3) 25%,rgba(255,255,255,0.07) 50%,var(--bg3) 75%);background-size:400% 100%;animation:skeletonShimmer 1.6s ease-in-out infinite}.detail-thumb.loaded{background:var(--bg2);animation:none}.detail-thumb--pending{min-height:0}.detail-thumb-placeholder{width:100%;aspect-ratio:16/9;background:var(--bg2);border:1px solid var(--border);margin-bottom:14px;display:flex;align-items:center;justify-content:center;color:var(--border);font-size:32px}.detail-title{font-size:18px;color:var(--bright);margin-bottom:2px;line-height:1.3}.detail-artist{font-size:14px;color:var(--muted);margin-bottom:4px}.detail-artist.clickable{cursor:pointer}.detail-artist.clickable:hover{color:var(--accent)}.detail-genre-badge{display:inline-block;font-size:9px;padding:1px 7px;border:1px solid var(--purple);color:var(--purple);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}.metric{background:var(--bg2);border:1px solid var(--border);padding:7px 10px}.metric-label{font-size:10px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;margin-bottom:2px}.metric-value{font-size:15px;color:var(--accent)}.metric-value.amber{color:var(--amber)}.metric-value.text{color:var(--text);font-size:12px}.bar-metric{margin-bottom:9px}.bar-metric.bar-metric-active{background:rgba(127,191,255,0.07);border:1px solid rgba(127,191,255,0.35);border-radius:2px;padding:4px 6px;margin:-4px -6px 9px}.bar-metric-label{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-bottom:3px;letter-spacing:.08em;text-transform:uppercase}.bar-metric-val{color:var(--text)}.bar-track{height:4px;background:var(--border);position:relative}.bar-fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent);transition:width .4s ease}.bar-fill.amber{background:var(--amber)}.bar-fill.blue{background:var(--blue)}.bar-fill.purple{background:var(--purple)}.bar-fill.muted{background:var(--muted)}.spectral-viz{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:4px;margin-bottom:14px}.spectral-band{background:var(--bg2);border:1px solid var(--border);padding:6px 8px;display:flex;flex-direction:column;align-items:center;gap:4px}.spectral-band.spectral-active{background:rgba(127,191,255,0.07);border-color:rgba(127,191,255,0.35)}.spectral-band-label{font-size:9px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.spectral-band-bar{width:100%;height:80px;background:var(--border);position:relative;overflow:hidden}.spectral-band-fill{position:absolute;bottom:0;left:0;right:0;transition:height .4s ease}.spectral-band-val{font-size:10px;color:var(--text)}.detail-section-label{font-size:16px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin:14px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.detail-access-note{margin:0 18px 14px;padding:10px 12px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(135deg,rgba(214,122,75,0.08),rgba(255,255,255,0.02));color:var(--muted);font-size:11px;line-height:1.6}.detail-locked{position:relative;margin-bottom:14px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));overflow:hidden}.detail-locked-blur{filter:blur(6px);opacity:.45;user-select:none;pointer-events:none;padding:12px 14px}.detail-locked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;text-align:center}.detail-locked-card{max-width:280px;padding:14px 12px;box-shadow:0 10px 40px rgba(0,0,0,0.25)}.detail-locked-title{font-size:12px;color:var(--text);margin-bottom:6px;line-height:1.5}.detail-locked-copy{font-size:10px;line-height:1.7;color:var(--muted)}.detail-locked-actions{margin-top:10px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.detail-locked-actions button{background:var(--accent);color:var(--bg);border:0;padding:7px 10px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.detail-section-header{display:flex;align-items:center;justify-content:space-between;margin:14px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.detail-section-header-label{font-size:10px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.detail-section-load-btn{background:0;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.08em;padding:2px 8px;cursor:pointer;text-transform:uppercase;transition:all .1s}.detail-section-load-btn:hover{border-color:var(--accent);color:var(--accent)}.detail-section-load-btn.loaded{display:none}.mixed-with-panel{margin:-4px 0 16px;border-bottom:1px solid var(--border);padding-bottom:8px}.mixed-with-panel .detail-section-header{margin-top:0}.mixed-with-controls{display:flex;align-items:center;gap:6px}.mixed-with-panel.collapsed{padding-bottom:0}.mixed-with-panel.collapsed #mixedWithList{display:none}.action-btns{display:block;gap:5px;margin-bottom:14px;flex-wrap:wrap}.action-btn{flex:1;min-width:60px;background:var(--bg2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:14px;padding:6px 4px;width:100%;margin:2px 0;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;transition:all .15s;text-align:center;position:relative;overflow:hidden}.action-btn::after{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);opacity:0;transition:opacity .15s}.action-btn:hover::after{opacity:1}.action-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(123,97,255,0.05)}.action-btn.dj:hover{border-color:var(--amber);color:var(--amber)}.action-btn.dj:hover::after{background:var(--amber);opacity:1}.action-btn.set:hover{border-color:var(--purple);color:var(--purple)}.action-btn.set:hover::after{background:var(--purple);opacity:1}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn:disabled::after{display:none}.similar-list{display:flex;flex-direction:column;gap:3px}.similar-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg2);border:1px solid var(--border);cursor:pointer;transition:border-color .1s}.similar-item:hover{border-color:var(--accent)}.similar-score{font-size:10px;color:var(--accent);min-width:34px;text-align:right}.similar-info{flex:1;min-width:0}.similar-title{font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.similar-artist{font-size:10px;color:var(--muted)}.similar-item{position:relative}.sim-mode-tabs{display:flex;gap:4px;margin-bottom:8px}.sim-mode-tab{font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--border);background:0;color:var(--muted);cursor:pointer;transition:all .1s}.sim-mode-tab:hover{border-color:var(--accent);color:var(--accent)}.sim-mode-tab.active{border-color:var(--accent);color:var(--accent);background:var(--bg2)}.sim-mode-tab.dj.active{border-color:var(--amber);color:var(--amber);background:var(--bg2)}.sim-mode-tab.set.active{border-color:var(--purple);color:var(--purple);background:var(--bg2)}.score-badge{font-size:9px;color:var(--accent);opacity:.6;margin-left:5px;flex-shrink:0;letter-spacing:.03em;white-space:nowrap}.set-panel{position:fixed;top:48px;right:0;bottom:120px;width:360px;background:var(--bg);border-left:1px solid var(--purple);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .2s ease;z-index:100}.set-panel.open{transform:translateX(0)}.set-panel-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.set-panel-title{font-size:12px;color:var(--purple);letter-spacing:.15em;text-transform:uppercase}.set-panel-close{background:0;border:0;color:var(--muted);cursor:pointer;font-size:16px;font-family:var(--mono)}.set-panel-close:hover{color:var(--red)}.set-controls{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.set-controls label{font-size:10px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.set-controls select,.set-controls input[type=number]{background:var(--bg2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:11px;padding:4px 8px;width:100%;outline:0}.set-controls select:focus,.set-controls input[type=number]:focus{border-color:var(--purple)}.set-row{display:flex;gap:8px}.set-row>div{flex:1;display:flex;flex-direction:column;gap:4px}.set-check-row{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.set-check-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.set-check-copy{display:flex;flex-direction:column;gap:2px}.set-check-copy strong{color:var(--text);font-size:10px;letter-spacing:.1em;font-weight:700}.set-check-copy span{color:var(--muted);font-size:9px;letter-spacing:.04em;text-transform:none}.btn-generate{background:rgba(191,127,255,0.08);border:1px solid var(--purple);color:var(--purple);font-family:var(--mono);font-size:11px;padding:7px;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;transition:all .1s;width:100%}.btn-generate:hover{background:rgba(191,127,255,0.15)}.btn-generate:disabled{opacity:.4;cursor:not-allowed}.set-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.set-seed-summary{margin-bottom:8px;padding:9px 10px;border:1px solid var(--border);background:rgba(255,255,255,0.02)}.set-seed-kicker{font-size:9px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.set-seed-title{font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-seed-meta{margin-top:3px;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-item{display:grid;grid-template-columns:20px 1fr 56px 60px;gap:6px;padding:7px 8px;background:var(--bg2);border:1px solid var(--border);align-items:center;cursor:pointer;transition:border-color .1s}.set-item:hover{border-color:var(--purple)}.set-item.playing{border-color:var(--accent)}.set-item.loading{cursor:default;border-style:dashed;opacity:.85}.set-item.loading:hover{border-color:var(--border)}.set-num{font-size:10px;color:var(--muted);text-align:center}.set-info{min-width:0}.set-title{font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-artist{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-bpm{font-size:10px;color:var(--amber);text-align:right}.set-key{font-size:10px;color:var(--muted);text-align:right}.set-item-loader{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.set-item-loader-dot{width:6px;height:6px;border-radius:999px;background:var(--accent);animation:setLoaderPulse .9s ease-in-out infinite alternate}@keyframes setLoaderPulse{from{opacity:.35;transform:scale(0.9)}to{opacity:1;transform:scale(1.1)}}.set-footer{padding:10px 16px;border-top:1px solid var(--border);display:flex;gap:6px}.btn-export{flex:1;background:0;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:10px;padding:6px;cursor:pointer;letter-spacing:.08em;transition:all .1s}.btn-export:hover{border-color:var(--amber);color:var(--amber)}.energy-arc{padding:0 16px 10px}.energy-arc-label{font-size:10px;color:var(--muted);letter-spacing:.1em;margin-bottom:4px}.energy-arc-canvas{width:100%;height:32px;display:block}.player{grid-area:player;border-top:1px solid var(--border);background:var(--bg2);display:grid;grid-template-columns:110px 1fr 190px;align-items:center;padding:0 20px;gap:20px;position:relative}.player-header{position:absolute;left:0;top:0;display:flex;align-items:center;overflow:hidden;width:100%;height:20px;margin-top:-20px;background:var(--bg2);justify-content:flex-start;padding:0 12px;border-bottom:1px solid var(--bg3);box-shadow:0 -3px 2px var(--bg3);z-index:111;justify-content:center}.player-header-track{display:inline-flex;align-items:center;min-width:max-content;white-space:nowrap;will-change:transform}.player-header-copy{display:inline-flex;align-items:baseline;flex-shrink:0;white-space:nowrap}.player-header-copy-clone{display:none;padding-left:32px}.player-header.is-overflowing .player-header-copy-clone{display:inline-flex}.player-header.is-overflowing .player-header-track{animation:playerHeaderTicker var(--player-header-duration,16s) linear infinite}.player-header-sep{color:var(--muted);padding:0 6px;flex-shrink:0}.player-info{display:none;flex-direction:column;gap:2px;overflow:hidden}.player-title{font-size:12px;color:var(--bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist.clickable{cursor:pointer}.player-artist.clickable:hover{color:var(--accent)}.player-center{display:flex;flex-direction:column;gap:8px;align-items:center}.player-controls{display:flex;align-items:center;gap:16px}.ctrl-btn{background:0;border:0;color:var(--muted);cursor:pointer;font-size:16px;padding:4px;transition:color .1s;font-family:var(--mono)}.ctrl-btn:hover{color:var(--text)}.play-btn{background:var(--accent);color:var(--bg);border:0;width:38px;height:38px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .1s;font-family:var(--mono);flex-shrink:0}.play-btn:hover{opacity:.8}.waveform-wrap{width:100%;display:flex;align-items:center;gap:8px}.waveform-container{flex:1;height:40px;position:relative;cursor:pointer}.waveform-container ::part(cursor){display:none}#fullWaveCanvas{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;display:block !important}.progress-time{font-size:10px;color:var(--muted);min-width:32px}.progress-time.right{text-align:right}.player-right{display:flex;align-items:center;gap:8px;justify-content:flex-end}.player-action-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.04);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s,color .15s;flex-shrink:0}.player-action-btn:hover{border-color:var(--accent);background:rgba(123,97,255,0.12);color:var(--accent)}.player-action-btn.fav-active{border-color:var(--accent);color:var(--accent);background:rgba(123,97,255,0.08)}.player-action-btn.flag-active{border-color:rgba(255,68,68,0.45);color:var(--red);background:rgba(255,68,68,0.08)}.player-action-btn.disabled{opacity:.28;pointer-events:none}.tm-nav [data-tooltip],.player-right [data-tooltip],.mix-filters [data-tooltip]{position:relative}.tm-nav [data-tooltip]::after,.player-right [data-tooltip]::after,.mix-filters [data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);padding:5px 8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:10px;line-height:1.2;letter-spacing:.04em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:11111}.tm-nav [data-tooltip]:hover::after,.tm-nav [data-tooltip]:focus-visible::after,.player-right [data-tooltip]:hover::after,.player-right [data-tooltip]:focus-visible::after,.mix-filters [data-tooltip]:hover::after,.mix-filters [data-tooltip]:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}.volume-wrap{display:flex;align-items:center;gap:6px}.volume-icon{color:var(--muted);font-size:12px}.volume-bar{width:70px;height:3px;background:var(--dim);cursor:pointer;position:relative}.volume-fill{position:absolute;left:0;top:0;bottom:0;background:var(--muted)}.player-bpm{font-size:11px;color:var(--amber);letter-spacing:.05em}.player-key{font-size:11px;color:var(--muted)}@media(max-width:1200px){.home-for-you-list,.home-genre-thumb-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.home-for-you-list,.home-genre-thumb-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){body.detail-open{grid-template-columns:minmax(0,1fr) 280px}header{padding:0 12px;gap:10px;flex-wrap:nowrap;align-items:center}.logo-img{height:24px}.search-wrap{flex:1 1 auto;max-width:none}.search-wrap input{font-size:12px;padding:7px 12px 7px 30px}.header-actions{gap:6px;flex-wrap:nowrap;justify-content:flex-end}.header-btn,.theme-toggle,.nav-arrow{min-height:32px}.player{grid-template-columns:minmax(160px,220px) minmax(0,1fr) minmax(180px,240px);padding:0 12px;gap:12px}.player-controls{gap:12px}.waveform-container{height:34px}.volume-bar{width:56px}.tracks-header{grid-template-columns:34px minmax(0,1fr) 58px 72px 82px 58px;padding:8px 12px}.track-row{grid-template-columns:34px minmax(0,1fr) 58px 72px 82px 58px;padding:9px 12px}}@media(max-width:760px){body{height:100dvh;overflow:hidden;grid-template-rows:auto 1fr 64px;grid-template-columns:1fr;grid-template-areas:"header" "tracks" "player"}body.player-hidden{grid-template-rows:auto 1fr 0}header{padding:max(8px,env(safe-area-inset-top)) 10px 8px;gap:8px;flex-wrap:wrap;align-items:stretch}.home-for-you-list{grid-template-columns:repeat(2,minmax(0,1fr))}.search-wrap{order:3;flex:1 1 100%;max-width:none}.search-wrap input{font-size:13px;padding:9px 12px 9px 30px}.header-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.header-menu{position:fixed;top:48px;right:0;width:min(82vw,280px);min-width:0;border-left:1px solid var(--border);border-top:0;border-right:0;box-shadow:-8px 0 24px rgba(0,0,0,0.35);padding:12px 10px;gap:6px}button.mobile-only{display:inline-flex !important}.sidebar-section.mobile-only{display:block !important}aside{display:block;position:fixed;top:0;left:0;bottom:0;width:min(92vw,380px);max-width:380px;z-index:200;transform:translateX(-100%);transition:transform .18s ease;padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom));border-right:1px solid var(--border);box-shadow:8px 0 24px rgba(0,0,0,0.35)}.mobile-drawer-head{display:flex}.mobile-drawer-actions{display:grid}body.detail-open{grid-template-columns:1fr}#tracksArea{width:100%;max-width:100%;min-width:0}.detail-mobile-toggle{display:block;width:100%;margin:6px 0}.detail-mobile-toggle[hidden]{display:none !important}.detail-panel{display:none;position:fixed;inset:auto 0 calc(64px + env(safe-area-inset-bottom)) 0;top:0;z-index:180;border-left:0;border-top:1px solid var(--border);box-shadow:0 -18px 40px rgba(0,0,0,0.4)}body.detail-open .detail-panel{display:block}.detail-mobile-close{display:block}.set-panel{width:100% !important;left:0 !important;right:0 !important}.detail-thumb{max-width:400px;margin:0 auto 30px auto;align-content:center;display:block}#artistsPanel .artists-modal-box{width:min(94vw,560px) !important;max-height:min(78vh,720px) !important}.tracks-area{padding-bottom:calc(8px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.player{grid-template-columns:minmax(0,1fr);padding:6px 10px calc(6px + env(safe-area-inset-bottom));gap:4px;min-height:64px;height:auto}.player-info{border:0;padding:0;min-width:0;gap:1px}.player-title,.player-artist{font-size:10px;line-height:1.2}.player-center{padding:0;flex-direction:row;align-items:center;gap:8px;min-width:0}.player-right{display:none}.waveform-wrap{min-width:0;gap:6px}.waveform-container{height:18px}.progress-time{min-width:26px;font-size:9px}.cue-row{display:none}.player-controls{margin:0;gap:4px}.ctrl-btn{padding:4px}.play-btn{width:30px;height:30px}.tracks-header{grid-template-columns:32px minmax(0,1fr) 92px;padding:8px 10px}.track-row{grid-template-columns:32px minmax(0,1fr) 92px;padding:10px 10px}.fav-btn,.flag-btn,.playlist-btn{opacity:.92}.track-row>*:last-child{display:flex;align-items:center;justify-content:flex-end;gap:2px;min-width:0;overflow:visible}.track-row.active{padding-left:8px}.track-title{font-size:15px}.track-artist{font-size:11px}.track-num,.track-play-btn{width:30px;height:30px}.track-play-btn{opacity:1;border-color:rgba(123,97,255,0.22);backdrop-filter:blur(10px)}.urlfinder-seed{grid-template-columns:1fr auto;padding:14px 10px 12px;gap:8px}.urlfinder-seed-title{font-size:14px}.urlfinder-seed-meta{font-size:16px}.urlfinder-seed-actions{gap:6px}.urlfinder-seed-play{padding:5px 8px;font-size:9px}#activeFilters{padding:8px 10px;gap:5px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}#activeFilters>span,#clearAllFilters,.active-filter-tag{flex-shrink:0}#activeFilterTags{display:flex;gap:5px;flex-wrap:nowrap;flex-wrap:inherit;width:100%}.filter-cta-buttons{width:100%;gap:4px}.filter-cta-buttons button{min-height:26px;padding:4px 8px;font-size:10px;letter-spacing:.08em}.similar-item{padding:9px 10px}.set-panel,#artistsPanel{padding-bottom:env(safe-area-inset-bottom)}.tracks-header>*:nth-child(3),.tracks-header>*:nth-child(4),.tracks-header>*:nth-child(5),.track-row>*:nth-child(3),.track-row>*:nth-child(4),.track-row>*:nth-child(5){display:none}.header-actions .stats-bar{display:none}.home-filter-grid{grid-template-columns:1fr}.home-genre-band{padding:12px 10px}.home-genre-band-head{flex-direction:column;align-items:flex-start;gap:4px}.home-genre-band-title{font-size:36px}.home-genre-thumb-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.floating-filter-btn svg{width:20px;height:20px}}@media(max-width:560px){body{grid-template-rows:auto 1fr 68px}header{position:relative}.search-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-for-you-list,.home-genre-thumb-row{grid-template-columns:1fr}.mobile-header-actions-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0}.header-actions{display:none;position:absolute;top:calc(100% + 6px);right:8px;z-index:170;min-width:min(88vw,240px);padding:10px;border:1px solid var(--border);background:var(--bg2);box-shadow:0 10px 24px rgba(0,0,0,0.24);flex-direction:column;align-items:stretch;gap:8px;margin-left:0}body.mobile-header-actions-open .header-actions{display:flex}.header-actions>*{width:100%}.header-actions .header-btn,.header-actions .theme-toggle{width:100%;justify-content:flex-start;text-align:left}.header-actions .usage-meter{width:100%;min-height:32px;justify-content:flex-start;padding:6px 0}.header-actions .header-menu-wrap,.header-actions #authCtas{width:100%}.header-actions #authCtas{flex-direction:column;gap:8px}header{padding-left:8px;padding-right:8px}.tracks-header{grid-template-columns:30px minmax(0,1fr) 48px 34px;padding:8px 8px;font-size:9px;letter-spacing:.12em}.track-row{grid-template-columns:30px minmax(0,1fr) 48px 34px;padding:10px 8px}.track-bpm,.track-release{font-size:10px}.player{padding-left:8px;padding-right:8px}.player-title,.player-artist{font-size:10px}.waveform-wrap .progress-time{display:none}.search-wrap input{font-size:16px}.home-hero-title{font-size:18px}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--dim)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.dj-score-ring{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;background:var(--bg2);border:1px solid var(--border)}.dj-ring-svg{flex-shrink:0}.dj-ring-info{flex:1;min-width:0}.dj-ring-label{font-size:10px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase}.dj-ring-score{font-size:20px;font-weight:500;line-height:1}.dj-ring-sublabel{font-size:10px;margin-top:2px;letter-spacing:.08em}.dj-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px}.dj-cell{background:var(--bg2);border:1px solid var(--border);padding:7px 9px;display:flex;flex-direction:column;gap:3px}.dj-cell-label{font-size:9px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.dj-cell-value{font-size:13px;color:var(--text)}.dj-cell-bar{height:3px;background:var(--border);position:relative}.dj-cell-fill{position:absolute;left:0;top:0;bottom:0;transition:width .35s ease}.groove-bars{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.groove-row{display:flex;align-items:center;gap:8px}.groove-row-label{font-size:9px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;width:72px;flex-shrink:0}.groove-track{flex:1;height:4px;background:var(--border);position:relative}.groove-fill{position:absolute;left:0;top:0;bottom:0;transition:width .35s ease}.groove-val{font-size:10px;color:var(--text);min-width:28px;text-align:right}.structure-timeline{display:flex;align-items:stretch;height:28px;background:var(--bg2);border:1px solid var(--border);margin-bottom:6px;overflow:hidden;position:relative;font-size:8px;letter-spacing:.06em}.st-intro{background:rgba(127,191,255,0.25);border-right:1px solid var(--blue);display:flex;align-items:center;justify-content:center;color:var(--blue)}.st-body{flex:1;background:rgba(123,97,255,0.12);display:flex;align-items:center;justify-content:center;color:var(--muted)}.st-outro{background:rgba(127,191,255,0.15);border-left:1px solid var(--blue);display:flex;align-items:center;justify-content:center;color:var(--blue)}.st-drop-marker{position:absolute;top:0;bottom:0;width:2px;background:var(--amber);opacity:.8}.drop-pills{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}.drop-pill{font-size:12px;padding:2px 7px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);background:var(--bg2);color:var(--muted);width:100%}.drop-pill.c-amber{border-color:var(--amber);color:var(--amber);background:rgba(255,179,71,0.06)}.drop-pill.c-green{border-color:var(--green);color:var(--green);background:rgba(68,204,136,0.06)}.drop-pill.c-accent{border-color:var(--accent);color:var(--accent);background:rgba(123,97,255,0.06)}.drop-pill.c-blue{border-color:var(--blue);color:var(--blue);background:rgba(127,191,255,0.06)}.mix-window-row{display:flex;gap:6px;margin-bottom:10px}.mix-window-box{flex:1;background:var(--bg2);border:1px solid var(--border);padding:7px 9px;text-align:center}.mix-window-val{font-size:16px;color:var(--accent)}.mix-window-label{font-size:9px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-top:2px}.phrase-grid{display:flex;gap:3px;align-items:center;flex-wrap:wrap;margin-top:6px}.phrase-beat{width:9px;height:9px;border-radius:2px}.phrase-beat.b1{background:var(--accent)}.phrase-beat.b4{background:rgba(123,97,255,0.45)}.phrase-beat.bx{background:var(--dim)}.harmonic-row{display:flex;gap:5px;margin-bottom:10px}.harmonic-box{flex:1;background:var(--bg2);border:1px solid var(--border);padding:7px 9px}.harmonic-box-label{font-size:9px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:4px}.harmonic-box-val{font-size:14px}.harmonic-box-bar{height:3px;background:var(--border);position:relative;margin-top:5px}.harmonic-box-fill{position:absolute;left:0;top:0;bottom:0;transition:width .35s}.loading{display:flex;align-items:center;justify-content:center;height:80vh;color:var(--muted);font-size:11px;letter-spacing:.2em;flex-direction:column;gap:12px}.loading::before{content:'▋▋▋';letter-spacing:4px;color:var(--accent);animation:blink 1s infinite;font-size:16px}@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}@keyframes fadeIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.empty-state{display:flex;align-items:center;justify-content:center;height:200px;color:var(--muted);font-size:11px;letter-spacing:.1em;flex-direction:column;gap:8px}.track-row{animation:fadeIn .15s ease both}.login-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.92);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(6px)}.login-box{display:flex;flex-direction:column;gap:12px;width:320px;padding:40px 36px;background:var(--bg-card);border:1px solid var(--border)}.login-logo{width:120px;margin:0 auto 8px;display:block}.login-box input{background:var(--bg);border:1px solid var(--border);color:var(--fg);padding:10px 12px;font-family:inherit;font-size:12px;letter-spacing:.05em;outline:0}.login-box input:focus{border-color:var(--accent)}.login-box button{background:var(--accent);color:#000;border:0;padding:11px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.12em;cursor:pointer;margin-top:4px}.login-box button:hover{opacity:.85}.login-error{color:#f66;font-size:10px;min-height:14px;text-align:center}.user-menu{position:relative}.user-btn{position:relative}.favorite-modal-box{width:340px;max-width:calc(100vw - 32px)}.favorite-modal-track{margin-bottom:12px}.favorite-modal-kicker{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#e05c7a;margin-bottom:8px}.favorite-modal-title{font-size:16px;line-height:1.25;margin-bottom:5px}.favorite-modal-meta{font-size:11px;color:var(--muted);line-height:1.5}.favorite-modal-body label{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.favorite-modal-select{width:100%;background:var(--bg2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:11px;padding:8px 9px;margin-bottom:12px;outline:0}.favorite-modal-select:focus{border-color:var(--amber)}.favorite-modal-actions{display:flex;gap:8px;flex-wrap:wrap}.favorite-modal-actions button{background:0;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.08em;padding:7px 10px;cursor:pointer}.favorite-modal-actions button:hover{border-color:var(--amber);color:var(--amber)}.favorite-modal-actions .danger:hover{border-color:var(--red);color:var(--red)}.favorite-modal-create{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.favorite-modal-create-row{display:flex;gap:8px;align-items:center}.favorite-modal-input{flex:1;min-width:0;background:var(--bg2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:11px;padding:8px 9px;outline:0}.favorite-modal-input:focus{border-color:var(--amber)}.favorite-modal-create-row button{background:0;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.08em;padding:8px 10px;cursor:pointer}.favorite-modal-create-row button:hover{border-color:var(--amber);color:var(--amber)}.favorite-modal-error{color:var(--red);font-size:10px;margin-top:8px;min-height:14px}@media(max-width:900px){.favorites-workspace{margin:10px 10px 0;padding:14px}.favorites-workspace-head{flex-direction:column}.favorites-workspace-title{font-size:22px;max-width:none}.favorites-hero-grid,.favorites-insight-groups{grid-template-columns:1fr}.favorites-vault-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.favorites-dna-grid{grid-template-columns:1fr 1fr}.favorites-dna-head{flex-direction:column;align-items:flex-start}.favorites-dna-copy{text-align:left;max-width:none}.favorites-insight-toolbar{flex-direction:column;align-items:flex-start}.favorites-insight-toolbar-actions{justify-content:flex-start}.favorites-workspace-actions{justify-content:flex-start}.favorites-playlist-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}}@media(max-width:620px){.favorites-vault-metrics,.favorites-dna-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(20px)}.modal-box{background:var(--bg);border:1px solid var(--border);width:480px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.artists-modal-box{width:min(560px,94vw);max-height:min(78vh,720px);box-shadow:0 24px 80px rgba(0,0,0,0.4);border-radius:13px}@keyframes mixPanelIn{from{opacity:0;transform:translateY(18px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mixGlow{0%,100%{opacity:.5}50%{opacity:1}}.mix-modal-box{width:100vw;height:100vh;max-height:100vh;background:#0e0e10;border:0;box-shadow:none;border-radius:0;display:flex;flex-direction:column;overflow:hidden;animation:mixPanelIn .22s cubic-bezier(0.16,1,0.3,1) both}#mixPanel .modal-overlay{align-items:stretch;justify-content:stretch}#mixPanelColumns{display:grid;grid-template-columns:340px 1fr;flex:1;min-height:0;overflow:hidden;border-top:1px solid rgba(255,255,255,0.055)}#mixLeftCol{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.18);overflow:hidden}#mixLeftColBody{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:rgba(123,97,255,0.2) transparent}#mixRightCol{display:flex;flex-direction:column;overflow:hidden}#mixBody{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(123,97,255,0.2) transparent}.mix-filter-search-wrap{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.mix-filter-search-input-row{display:flex;gap:6px;align-items:center}.mix-filter-search-input-row .mix-match-search{flex:1}.mix-filter-search-go{background:rgba(123,97,255,0.12);border:1px solid rgba(123,97,255,0.35);color:var(--accent);font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;cursor:pointer;border-radius:6px;white-space:nowrap;transition:background .12s,border-color .12s;flex-shrink:0}.mix-filter-search-go:hover{background:rgba(123,97,255,0.22);border-color:rgba(123,97,255,0.6)}#mixSearchResults{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(123,97,255,0.18) transparent}.mix-search-filter-chips{display:flex;flex-wrap:wrap;gap:4px;padding:2px 0 4px}.mix-search-filter-chip{font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--border);color:var(--muted);background:0;cursor:pointer;border-radius:2px;font-family:var(--mono);transition:border-color .12s,color .12s,background .12s;white-space:nowrap}.mix-search-filter-chip:hover,.mix-search-filter-chip.active{border-color:var(--accent);color:var(--accent);background:rgba(123,97,255,0.08)}.mix-search-filter-chip.active.chip-harmonic{border-color:var(--green);color:var(--green);background:rgba(68,204,136,0.08)}.mix-result-count{font-size:9px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:4px 0 2px}.mix-modal-box .set-panel-header{padding:16px 18px 14px;border-bottom:1px solid rgba(255,255,255,0.055);background:linear-gradient(180deg,rgba(123,97,255,0.07) 0,transparent 100%);display:flex;align-items:center;justify-content:space-between}.mix-modal-box .set-panel-title{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:8px}.mix-modal-box .set-panel-close{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:6px;color:var(--muted);cursor:pointer;font-size:13px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:var(--mono)}.mix-modal-box .set-panel-close:hover{background:rgba(255,68,68,0.12);border-color:rgba(255,68,68,0.3);color:var(--red)}#mixBody{padding:16px 18px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(123,97,255,0.2) transparent}.mix-label{font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(123,97,255,0.7);margin-bottom:7px;display:flex;align-items:center;gap:7px}.mix-label::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(123,97,255,0.18),transparent)}.mix-section-label{font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(123,97,255,0.7);padding:6px 0 7px;margin-bottom:6px;display:flex;align-items:center;gap:7px}.mix-section-label::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(123,97,255,0.18),transparent)}.mix-track-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:8px;position:relative;overflow:hidden;transition:border-color .15s}.mix-track-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent),var(--purple));border-radius:2px 0 0 2px}.mix-track-thumb{width:48px;height:48px;object-fit:cover;flex-shrink:0;border-radius:6px;background:var(--bg3);box-shadow:0 4px 16px rgba(0,0,0,0.4)}.mix-track-info{flex:1;min-width:0}.mix-track-title{font-size:12px;color:var(--bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em;font-weight:500}.mix-track-sub{font-size:10px;color:var(--muted);margin-top:3px;font-family:var(--mono);letter-spacing:.04em}.mix-match-search{width:100%;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:6px;color:var(--text);font-family:var(--mono);font-size:11px;padding:8px 12px;outline:0;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.mix-match-search:focus{border-color:rgba(123,97,255,0.45);box-shadow:0 0 0 3px rgba(123,97,255,0.08)}.mix-match-result{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border:1px solid transparent;border-radius:7px;max-width:86%;transition:background .12s,border-color .12s}.mix-match-result:hover{background:rgba(123,97,255,0.06);border-color:rgba(123,97,255,0.2)}.mix-match-result.selected{background:rgba(123,97,255,0.09);border-color:rgba(123,97,255,0.35)}.mix-match-result.selected .mix-track-title{color:var(--accent)}.mix-candidate-nav{display:flex;align-items:center;gap:8px}.mix-nav-btn{background:0;border:1px solid var(--border);color:var(--muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:5px;flex-shrink:0;transition:border-color .12s,color .12s;font-size:13px}.mix-nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.mix-nav-btn:disabled{opacity:.22;cursor:default}.mix-filters{display:flex;gap:5px;padding:0 0 8px 0;flex-wrap:wrap;align-items:center}.mix-filter-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:2px;line-height:1;align-self:center}.mix-filter-btn{background:var(--bg);border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;cursor:pointer;transition:border-color .12s,color .12s,background .12s;border-radius:2px;line-height:1.6}.mix-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.mix-filter-btn.active{border-color:var(--accent);background:rgba(123,97,255,0.10);color:var(--accent)}.mix-filter-btn.active.harmonic-btn{border-color:var(--green);background:rgba(68,204,136,0.08);color:var(--green)}.mix-use-as-seed-btn{background:0;border:1px solid transparent;color:var(--muted);font-size:12px;padding:4px 6px;cursor:pointer;flex-shrink:0;border-radius:3px;transition:border-color .12s,color .12s,background .12s;position:relative}.mix-use-as-seed-btn:hover{border-color:var(--green);color:var(--green);background:rgba(68,204,136,0.08)}.mix-use-as-seed-btn[data-tooltip]::after{content:attr(data-tooltip);position:absolute;right:0;left:auto;transform:translateY(4px);bottom:calc(100% + 8px);padding:5px 8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--mono);font-size:10px;line-height:1.2;letter-spacing:.04em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:11111}.mix-use-as-seed-btn:hover::after{opacity:1;transform:translateY(0)}#mixWaveSection{padding:0 18px 14px !important;display:flex;flex-direction:column;gap:8px;background:rgba(0,0,0,0.2);border-top:1px solid rgba(255,255,255,0.05)}#mixWaveSection>:first-child{padding-top:14px}.mix-wave-row{display:flex;align-items:center;gap:8px}.mix-wave-label{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:rgba(123,97,255,0.6);width:34px;flex-shrink:0;text-align:right}.mix-wave-wrap{flex:1;height:44px;position:relative;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.07);border-radius:4px;overflow:hidden;min-width:0}.mix-wave-canvas{display:block;width:100%;height:100%;cursor:ew-resize;touch-action:none}.mix-wave-tools{display:flex;align-items:center;gap:3px;flex-shrink:0}.mix-wave-step{min-width:28px;height:22px;padding:0 5px;border:1px solid rgba(255,255,255,0.08);border-radius:4px;background:rgba(255,255,255,0.03);color:var(--muted);font-family:var(--mono);font-size:9px;cursor:pointer;transition:all .12s;letter-spacing:.03em}.mix-wave-step:hover{border-color:rgba(123,97,255,0.4);color:var(--accent);background:rgba(123,97,255,0.08)}.mix-solo-btn{min-width:22px;font-weight:700;letter-spacing:0;border-radius:4px}.mix-solo-btn.active{border-color:rgba(255,179,71,0.5);color:var(--amber);background:rgba(255,179,71,0.1)}.mix-wave-time{min-width:42px;text-align:center;font-size:9.5px;color:rgba(123,97,255,0.8);font-family:var(--mono);letter-spacing:.04em}.mix-eq-row{display:flex;align-items:center;gap:10px;padding:8px 0 5px}.mix-eq-label{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:rgba(123,97,255,0.6);width:34px;flex-shrink:0;text-align:right}.mix-eq-controls{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.mix-eq-knob{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0}.mix-eq-knob-label{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:var(--mono);white-space:nowrap}.mix-knob-face{--mix-knob-rot:0;width:34px;height:34px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 38% 30%,rgba(255,255,255,0.22),transparent 28%),linear-gradient(145deg,rgba(255,255,255,0.1),rgba(0,0,0,0.18)),var(--bg2);border:1px solid rgba(123,97,255,0.34);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04),0 5px 12px rgba(0,0,0,0.24)}.mix-knob-face::before{content:"";position:absolute;left:50%;top:50%;width:2px;height:11px;border-radius:2px;background:var(--accent);transform:translate(-50%,-100%) rotate(var(--mix-knob-rot));transform-origin:50% 100%;box-shadow:0 0 8px rgba(123,97,255,0.65)}.mix-knob-face::after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,0.05);pointer-events:none}.mix-knob-face.mix-vol-face{border-color:rgba(68,204,136,0.35)}.mix-knob-face.mix-vol-face::before{background:var(--green);box-shadow:0 0 8px rgba(68,204,136,0.6)}.mix-knob-face input[type=range]{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);-webkit-appearance:none;appearance:none;background:transparent;outline:0;cursor:ew-resize;opacity:0}.mix-knob-scale{width:42px;height:7px;position:relative;opacity:.65}.mix-knob-scale::before,.mix-knob-scale::after{content:"";position:absolute;top:0;width:1px;height:5px;background:rgba(123,97,255,0.5)}.mix-knob-scale::before{left:7px;transform:rotate(-24deg)}.mix-knob-scale::after{right:7px;transform:rotate(24deg)}.mix-knob-center{width:1px;height:7px;background:rgba(255,255,255,0.2);position:absolute;left:50%;top:-1px}.mix-eq-knob input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:transparent;cursor:ew-resize;border:0}.mix-eq-knob input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:transparent;border:0;cursor:ew-resize}.mix-vol-fader{width:72px;height:34px;display:flex;align-items:center}.mix-vol-fader input[type=range]{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,rgba(68,204,136,0.22),rgba(68,204,136,0.75));border-radius:999px;outline:0;cursor:ew-resize}.mix-vol-fader input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:18px;border-radius:3px;background:var(--green);border:1px solid rgba(255,255,255,0.28);box-shadow:0 0 8px rgba(68,204,136,0.45)}.mix-vol-fader input[type=range]::-moz-range-thumb{width:12px;height:18px;border-radius:3px;background:var(--green);border:1px solid rgba(255,255,255,0.28);box-shadow:0 0 8px rgba(68,204,136,0.45)}.mix-eq-knob-val{font-size:8px;color:rgba(123,97,255,0.7);font-family:var(--mono);letter-spacing:.04em;min-width:28px;text-align:center}.mix-eq-knob-val.mix-vol-val{color:rgba(68,204,136,0.8)}.mix-eq-sep{width:1px;height:40px;background:rgba(255,255,255,0.07);flex-shrink:0}.mix-level-meter{width:8px;height:44px;border-radius:999px;overflow:hidden;position:relative;flex-shrink:0;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.06)}.mix-level-fill{position:absolute;left:0;right:0;bottom:0;height:0;border-radius:999px;background:linear-gradient(to top,var(--green),#f4d35e 72%,#ff5b5b);transition:height 42ms linear}body.light .mix-knob-face{background:linear-gradient(145deg,#fff,#e9e7f4);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5),0 5px 10px rgba(27,22,50,0.1)}body.light .mix-eq-knob-val{color:rgba(91,66,232,0.65)}body.light .mix-eq-knob-val.mix-vol-val{color:rgba(26,153,96,0.75)}body.light .mix-eq-sep{background:rgba(0,0,0,0.1)}body.light .mix-eq-label{color:rgba(91,66,232,0.55)}body.light .mix-level-meter{background:rgba(0,0,0,0.08);border-color:rgba(0,0,0,0.08)}.mix-footer{padding:14px 18px 18px;border-top:1px solid rgba(255,255,255,0.055);background:rgba(0,0,0,0.25);display:flex;flex-direction:column;gap:10px}.mix-bpm-row{display:flex;align-items:center;gap:10px}.mix-bpm-row>span:first-child{font-size:8px !important;letter-spacing:.16em;color:rgba(123,97,255,0.6) !important;text-transform:uppercase}#mixBpmInfo{font-size:10px;color:var(--muted);font-family:var(--mono)}#mixFooter .action-btn{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.09);border-radius:8px;color:var(--muted);font-size:10px;letter-spacing:.12em;padding:10px 8px;transition:all .15s;position:relative;overflow:hidden}#mixFooter .action-btn::after{display:none}#mixFooter .action-btn:hover{background:rgba(123,97,255,0.1);border-color:rgba(123,97,255,0.4);color:var(--accent);box-shadow:0 0 20px rgba(123,97,255,0.12)}#mixFooter #mixPlayBtn{background:rgba(123,97,255,0.12);border-color:rgba(123,97,255,0.35);color:var(--accent)}#mixFooter #mixPlayBtn:hover{background:rgba(123,97,255,0.22);border-color:rgba(123,97,255,0.6);box-shadow:0 0 28px rgba(123,97,255,0.2)}#mixFooter #mixSaveBtn:hover{background:rgba(160,143,255,0.1);border-color:rgba(160,143,255,0.4);color:var(--purple)}#mixFooter #mixShareBtn:hover{background:rgba(127,191,255,0.08);border-color:rgba(127,191,255,0.3);color:var(--blue)}#mixSavedNote{font-size:10px;color:var(--green);text-align:center;letter-spacing:.08em}@keyframes mixPulse{0%,100%{opacity:1}50%{opacity:.45}}.search-result-section{display:grid;gap:8px}.search-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0 2px}.search-result-title{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.search-result-count{font-size:10px;color:var(--muted)}.search-track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.search-track-card{display:flex;flex-direction:column;gap:6px}.search-track-thumb{background:0;border:1px solid var(--border);padding:0;cursor:pointer;overflow:hidden;position:relative;text-align:left;border-radius:10px;transition:transform .12s ease,border-color .12s ease}.search-track-thumb:hover{transform:translateY(-2px);border-color:var(--accent)}.search-track-card.selected .search-track-thumb{border-color:var(--accent);box-shadow:0 0 0 1px rgba(123,97,255,0.18)}.search-track-thumb img,.search-track-placeholder{width:100%;aspect-ratio:1 / 1;display:block;object-fit:cover;background:var(--bg2)}.search-track-placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:24px}.search-track-label{position:absolute;left:0;right:0;bottom:0;padding:8px;background:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.82))}.search-track-title{color:#fff;font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-track-artist{color:rgba(255,255,255,0.72);font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-track-detail-btn{width:100%;background:var(--bg2);border:1px solid var(--accent);color:var(--accent);border-radius:8px;padding:7px 8px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.search-track-detail-btn:hover{background:rgba(123,97,255,0.08)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header span{font-size:11px;letter-spacing:.1em;color:var(--accent)}.modal-close{background:0;border:0;color:var(--fg-muted);font-size:16px;cursor:pointer}.modal-body{padding:18px;overflow-y:auto;flex:1}.modal-body input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--fg);padding:9px 12px;font-family:inherit;font-size:12px;outline:0;margin-bottom:10px;box-sizing:border-box}.modal-body input:focus{border-color:var(--accent)}.modal-btn{background:var(--accent);color:#000;border:0;padding:9px 18px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.1em;cursor:pointer}.modal-btn:hover{opacity:.85}.modal-btn.danger{background:#f44;color:#fff}.modal-btn.secondary{background:transparent;color:var(--fg-muted);border:1px solid var(--border)}.user-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:11px}.user-row-name{flex:1;color:var(--fg)}.user-row-role{color:var(--fg-muted);font-size:10px;min-width:40px}.user-row button{background:0;border:1px solid var(--border);color:var(--fg-muted);padding:3px 8px;font-family:inherit;font-size:10px;cursor:pointer}.user-row button:hover{color:var(--fg)}.modal-error{color:#f66;font-size:10px;margin-bottom:8px;min-height:14px}.modal-section-label{font-size:10px;color:var(--fg-muted);letter-spacing:.1em;margin:14px 0 8px;text-transform:uppercase}.account-limit-modal-box{width:520px;max-width:min(94vw,520px);border-radius:24px;border:1px solid rgba(255,255,255,0.08);background:radial-gradient(circle at top left,rgba(255,255,255,0.08),transparent 34%),linear-gradient(180deg,rgba(255,255,255,0.03),rgba(0,0,0,0.08)),var(--bg);box-shadow:0 28px 90px rgba(0,0,0,0.48)}.account-limit-modal-box .modal-header{padding:18px 22px 0;border-bottom:0}.account-limit-modal-box .modal-body{padding:14px 22px 22px}.account-limit-header-label{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--bright)}.account-limit-close{width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);color:var(--bright);transition:transform .14s ease,border-color .14s ease,background .14s ease}.account-limit-close:hover{transform:translateY(-1px);border-color:rgba(255,255,255,0.16);background:rgba(255,255,255,0.08)}.account-limit-hero{position:relative;overflow:hidden;border-radius:20px;padding:22px 20px 18px;margin-bottom:16px;background:radial-gradient(circle at 0 0,rgba(255,255,255,0.18),transparent 26%),linear-gradient(135deg,rgba(123,97,255,0.24),rgba(54,208,255,0.18));border:1px solid rgba(255,255,255,0.08)}.account-limit-hero::after{content:"";position:absolute;right:-24px;top:-24px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,0.09);filter:blur(2px)}.account-limit-modal-box.variant-guest .account-limit-hero{background:linear-gradient(135deg,var(--accent),var(--muted))}.account-limit-kicker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:6px 10px;border-radius:999px;background:rgba(11,15,22,0.34);border:1px solid rgba(255,255,255,0.1);font-size:10px;color:rgba(255,255,255,0.92);letter-spacing:.14em;text-transform:uppercase}.account-limit-title{position:relative;z-index:1;max-width:360px;font-size:31px;line-height:1.04;letter-spacing:-.04em;margin-bottom:12px;color:#fff}.account-limit-copy{position:relative;z-index:1;max-width:380px;color:rgba(255,255,255,0.78);font-size:14px;line-height:1.75;margin-bottom:18px}.account-limit-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px}.account-limit-meta-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,0.1);background:rgba(11,15,22,0.28);color:rgba(255,255,255,0.92);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.account-limit-benefits{display:grid;gap:10px;margin-bottom:18px}.account-limit-benefit{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.03)}.account-limit-benefit-icon{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--bg);background:linear-gradient(135deg,var(--accent),var(--accent));box-shadow:0 10px 20px rgba(0,0,0,0.2)}.account-limit-modal-box.variant-pro .account-limit-benefit-icon{background:linear-gradient(135deg,var(--accent),var(--accent))}.account-limit-modal-box.variant-unlimited .account-limit-benefit-icon{background:linear-gradient(135deg,var(--accent),var(--accent))}.account-limit-benefit-text{font-size:13px;line-height:1.6;color:var(--bright)}.account-limit-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.account-limit-modal-box .account-limit-actions .modal-btn{min-height:46px;padding:0 18px;border-radius:999px;font-size:11px;letter-spacing:.14em;width:100%;transition:transform .14s ease,opacity .14s ease,box-shadow .14s ease}.account-limit-modal-box .account-limit-actions .modal-btn:hover{opacity:1;transform:translateY(-1px)}.account-limit-modal-box.variant-guest .account-limit-actions .modal-btn:not(.secondary){background:var(--accent);color:white}.account-limit-modal-box.variant-pro .account-limit-actions .modal-btn:not(.secondary){background:var(--accent);color:white;box-shadow:0 18px 40px rgba(255,179,71,0.22)}.account-limit-modal-box.variant-unlimited .account-limit-actions .modal-btn:not(.secondary){background:linear-gradient(135deg,#ff6b98,#ffc14d);box-shadow:0 18px 40px rgba(255,107,152,0.22)}.account-limit-modal-box .account-limit-actions .modal-btn.secondary{background:rgba(255,255,255,0.02);color:rgba(255,255,255,0.72);border-color:rgba(255,255,255,0.09)}.account-limit-footnote{margin-top:14px;color:var(--bright);font-size:11px;line-height:1.6}@media(max-width:640px){.account-limit-modal-box{width:calc(100vw - 22px);max-width:calc(100vw - 22px);border-radius:22px}.account-limit-title{font-size:27px;max-width:none}.account-limit-copy{max-width:none}.account-limit-actions{flex-direction:column;align-items:stretch}.account-limit-modal-box .account-limit-actions .modal-btn{width:100%;justify-content:center}}.chip{cursor:pointer;display:inline-block;padding:1px 5px;border-radius:2px;font-size:13px;letter-spacing:.05em;border:1px solid transparent;transition:all .12s;white-space:nowrap;color:var(--text);text-transform:capitalize}.chip:hover{opacity:.75}.chip-artist{color:var(--fg-muted);border-color:transparent;background:var(--bg)}.chip-artist:hover{color:var(--fg);border-color:var(--accent)}.chip-genre{color:var(--accent);border-color:rgba(123,97,255,0.3)}.chip-genre:hover{border-color:var(--accent)}.chip-bpm{color:var(--text);border-color:transparent}.chip-bpm:hover{border-color:var(--accent)}.chip-key{color:var(--fg-muted);border-color:transparent}.chip-key:hover{border-color:var(--accent)}.track-release:hover{border-color:var(--accent)}#activePromptSummary{display:none;padding:10px 14px 6px;background:rgba(123,97,255,0.06);border-bottom:1px solid rgba(255,255,255,0.04)}#activePromptSummary.visible{display:block}.active-prompt-label{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.active-prompt-text{color:var(--bright);font-size:12px;line-height:1.5}#activeFilters{display:none;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 14px;background:rgba(123,97,255,0.06);border-bottom:1px solid var(--border);font-size:10px}#activeFilters.visible{display:flex;z-index:1;backdrop-filter:blur(10px)}.activeFilterTagsWrapper{display:flex;flex-direction:column;align-items:stretch;gap:6px}#activeFilterTags{display:flex;text-align:center;flex-wrap:inherit;width:100%}.filter-cta-buttons{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:4px;margin-top:auto}.filter-cta-buttons button{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 9px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:var(--mono);font-size:10px;font-weight:500;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;transition:border-color .14s ease,color .14s ease,background .14s ease;white-space:nowrap;flex:3}.filter-cta-buttons button:hover{border-color:var(--dim);color:var(--text);background:rgba(255,255,255,0.02)}.filter-cta-buttons button:focus-visible{outline:0;border-color:var(--accent);color:var(--text)}.filter-cta-buttons .floating-filter-btn{min-width:auto;order:0;border-color:var(--border);background:transparent;color:var(--muted)}.filter-cta-buttons .floating-filter-btn:hover,.filter-cta-buttons .floating-filter-btn:focus-visible,.filter-cta-buttons .floating-filter-btn.active{border-color:var(--accent);background:rgba(123,97,255,0.05);color:var(--accent)}.filter-cta-buttons .floating-filter-btn svg{width:13px;height:13px}.active-filter-tag,.filter-hero-badge{display:flex;align-items:center;gap:5px;background:rgba(123,97,255,0.12);border:1px solid rgba(123,97,255,0.3);padding:2px 28px;font-size:13px;letter-spacing:.05em;color:var(--fg);position:relative;text-transform:capitalize;cursor:pointer;margin:1px}.filter-hero-badge button{background:0;border:0;position:absolute;top:2px;right:4px;cursor:pointer;font-size:10px}.active-filter-tag button{background:0;border:0;color:var(--fg-muted);cursor:pointer;font-size:11px;padding:0;line-height:1}.active-filter-tag button:hover{color:var(--fg)}#clearAllFilters{color:var(--red);border-color:var(--border);background:var(--bg)}#clearAllFilters:hover,#clearAllFilters:focus-visible{color:var(--red);border-color:rgba(255,68,68,0.38);background:rgba(255,68,68,0.04)}#saveAllFilters{color:var(--accent);border-color:var(--border);background:var(--bg)}#saveAllFilters:hover,#saveAllFilters:focus-visible{color:var(--accent);border-color:rgba(123,97,255,0.42);background:rgba(123,97,255,0.05)}.urlfinder-bar{position:fixed;top:0;left:0;right:0;z-index:300;background:var(--bg);border-bottom:1px solid var(--accent);padding:10px 20px;display:flex;align-items:center;gap:10px;transform:translateY(-100%);transition:transform .18s ease;box-shadow:0 4px 24px rgba(0,0,0,0.5)}.urlfinder-bar.open{transform:translateY(0)}.urlfinder-label{font-size:10px;letter-spacing:.15em;color:var(--accent);text-transform:uppercase;white-space:nowrap;flex-shrink:0}#urlfinderInput{flex:1;background:var(--bg2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:12px;padding:7px 12px;outline:0;min-width:0}#urlfinderInput:focus{border-color:var(--accent)}#urlfinderInput::placeholder{color:var(--muted)}.urlfinder-mode-tabs{display:flex;gap:3px;flex-shrink:0}.urlfinder-mode-tab{font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border:1px solid var(--border);background:0;color:var(--muted);cursor:pointer;font-family:var(--mono);transition:all .1s}.urlfinder-mode-tab.active{border-color:var(--accent);color:var(--accent);background:var(--bg2)}.urlfinder-mode-tab.dj.active{border-color:var(--amber);color:var(--amber)}.urlfinder-mode-tab.set.active{border-color:var(--purple);color:var(--purple)}#urlfinderGo{background:var(--accent);color:#000;border:0;padding:7px 16px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;cursor:pointer;flex-shrink:0;transition:opacity .1s}#urlfinderGo:hover{opacity:.85}#urlfinderGo:disabled{opacity:.4;cursor:not-allowed}#urlfinderClose{background:0;border:0;color:var(--muted);font-size:16px;cursor:pointer;font-family:var(--mono);flex-shrink:0;padding:0 4px}#urlfinderClose:hover{color:var(--red)}.urlfinder-status{font-size:10px;color:var(--muted);letter-spacing:.08em;flex-shrink:0;min-width:110px;text-align:right}.urlfinder-status.running{color:var(--amber)}.urlfinder-status.ok{color:var(--green)}.urlfinder-status.err{color:var(--red)}.urlfinder-stagebar{display:none;position:absolute;left:12px;right:12px;top:calc(100% + 6px);background:var(--bg2);border:1px solid var(--border);padding:9px 10px;z-index:155;gap:7px;flex-wrap:wrap}.urlfinder-stagebar.visible{display:flex}.urlfinder-stage{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;background:rgba(255,255,255,0.02)}.urlfinder-stage.pending{opacity:.8}.urlfinder-stage.active{color:var(--amber);border-color:var(--amber);background:rgba(255,179,71,0.06)}.urlfinder-stage.done{color:var(--green);border-color:var(--green);background:rgba(68,204,136,0.06)}.urlfinder-stage.err{color:var(--red);border-color:var(--red);background:rgba(255,68,68,0.06)}.urlfinder-stage-spinner{width:9px;height:9px;border-radius:50%;border:1.5px solid currentColor;border-right-color:transparent;display:inline-block;animation:urlfinderSpin .7s linear infinite}.urlfinder-stage.done .urlfinder-stage-spinner,.urlfinder-stage.err .urlfinder-stage-spinner{animation:none;border-right-color:currentColor}.urlfinder-stage.done .urlfinder-stage-spinner{border:0;width:auto;height:auto}.urlfinder-stage.err .urlfinder-stage-spinner{border:0;width:auto;height:auto}.urlfinder-stage-label{display:inline-flex;align-items:center;gap:4px}@keyframes urlfinderSpin{to{transform:rotate(360deg)}}.urlfinder-candidates{position:absolute;top:calc(100% + 6px);left:12px;right:12px;background:var(--bg2);border:1px solid var(--border);box-shadow:0 10px 24px rgba(0,0,0,0.24);z-index:160;max-height:280px;overflow-y:auto;display:none}.urlfinder-candidate{width:100%;display:flex;align-items:center;gap:10px;background:0;border:0;border-bottom:1px solid var(--border);color:var(--text);text-align:left;padding:10px 12px;cursor:pointer;font-family:var(--mono)}.urlfinder-candidate-hint{padding:9px 12px;border-bottom:1px solid var(--border);font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,0.02)}.urlfinder-candidate:last-child{border-bottom:0}.urlfinder-candidate:hover{background:rgba(255,255,255,0.03)}.urlfinder-candidate-thumb,.urlfinder-candidate-thumb-placeholder{width:80px;height:80px;flex-shrink:0;border-radius:6px;border:1px solid var(--border);overflow:hidden}.urlfinder-candidate-thumb{object-fit:cover;display:block;background:var(--bg)}.urlfinder-candidate-thumb-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--border);font-size:16px}.urlfinder-candidate-copy{min-width:0;flex:1 1 auto}.urlfinder-candidate-title{font-size:11px;line-height:1.4}.urlfinder-candidate-meta{font-size:10px;color:var(--muted);line-height:1.4}.urlfinder-candidate-src{margin-left:auto;flex-shrink:0;font-size:9px;letter-spacing:.08em;color:var(--muted)}.urlfinder-candidate-listen{font-size:9px;letter-spacing:.08em;color:var(--accent);text-decoration:none;border:1px solid rgba(123,97,255,0.3);padding:2px 6px;white-space:nowrap;transition:border-color .15s,color .15s}.urlfinder-candidate-listen:hover{border-color:var(--accent);color:var(--bright)}.urlfinder-seed{margin:0;padding:24px 20px 18px;background:radial-gradient(circle at top right,rgba(123,97,255,0.18),transparent 36%),radial-gradient(circle at 15% 10%,rgba(127,191,255,0.09),transparent 28%),linear-gradient(135deg,rgba(255,255,255,0.05),rgba(255,255,255,0.015) 42%,rgba(0,0,0,0.04) 100%);border-bottom:1px solid rgba(123,97,255,0.22);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;position:relative;overflow:hidden}.urlfinder-seed::before{content:'';position:absolute;inset:0;border-top:1px solid rgba(255,255,255,0.03);pointer-events:none}.urlfinder-seed-main{min-width:0;display:flex;flex-direction:column;gap:14px}.urlfinder-seed-clickable{min-width:0;display:flex;flex-direction:column;gap:12px;border-radius:16px;margin:-6px;padding:8px}.urlfinder-seed-clickable.is-playable{cursor:pointer;transition:transform .14s ease,background .14s ease}.urlfinder-seed-clickable.is-playable:hover{transform:translateY(-1px);background:rgba(255,255,255,0.02)}.urlfinder-seed-platform{width:fit-content;font-size:9px;letter-spacing:.2em;text-transform:uppercase;padding:4px 8px;border:1px solid var(--accent);color:var(--accent);flex-shrink:0;background:rgba(0,0,0,0.14)}.urlfinder-seed-info{min-width:0}.urlfinder-seed-title{font-size:40px;font-family:var(--sans);line-height:1.1;color:var(--bright);white-space:normal;overflow:hidden;text-overflow:ellipsis;max-width:760px;letter-spacing:-.02em}.urlfinder-seed-meta{font-size:16px;color:var(--muted);margin-top:6px;line-height:1.6;max-width:760px}.urlfinder-seed-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.urlfinder-seed-play{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);color:var(--bright);cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;transition:all .1s}.urlfinder-seed-play:hover{border-color:var(--accent);color:var(--accent)}.urlfinder-seed-hint{font-size:10px;color:var(--muted);letter-spacing:.06em}.urlfinder-seed-edit{background:0;border:1px solid var(--border);color:var(--muted);cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.08em;padding:6px 9px;width:fit-content}.urlfinder-seed-edit:hover{border-color:var(--accent);color:var(--accent)}.urlfinder-seed-close{background:0;border:1px solid var(--border);color:var(--muted);cursor:pointer;font-family:var(--mono);font-size:12px;padding:4px 7px;flex-shrink:0;height:fit-content;transition:all .1s}.urlfinder-seed-close:hover{color:var(--text)}.dig-history-header{padding:28px 18px 12px;border-bottom:1px solid var(--border)}.dig-history-title{font-size:28px;font-weight:600;color:var(--bright);line-height:1.1;margin-bottom:6px}.dig-history-meta{font-size:10px;color:var(--muted);letter-spacing:.08em}.dig-history-list{display:flex;flex-direction:column}.dig-entry{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border);transition:background .1s}.dig-entry--linked{cursor:pointer}.dig-entry--linked:hover{background:rgba(123,97,255,0.04)}.dig-entry-icon{font-size:16px;color:var(--accent);text-align:center}.dig-entry-body{min-width:0}.dig-entry-label{font-size:11px;color:var(--text);letter-spacing:.06em;margin-bottom:3px}.dig-entry-detail{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dig-entry--linked .dig-entry-detail{color:var(--accent)}.dig-entry-time{font-size:10px;color:var(--dim);white-space:nowrap;flex-shrink:0}.background-discovery-tray{position:fixed;right:18px;bottom:78px;z-index:9998;display:flex;flex-direction:column;gap:8px;width:min(340px,calc(100vw - 36px));pointer-events:none}.background-discovery-job{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(18,18,20,0.96);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:10px;line-height:1.35;box-shadow:0 16px 36px rgba(0,0,0,0.38)}.background-discovery-job.running{border-color:rgba(255,179,71,0.42);cursor:pointer}.background-discovery-job.ready{border-color:rgba(70,211,139,0.55);cursor:pointer}.background-discovery-job.error{border-color:rgba(255,90,90,0.55);cursor:pointer}.background-discovery-spinner{width:13px;height:13px;border:1px solid var(--border);border-top-color:var(--amber);border-radius:50%;animation:urlfinderSpin .7s linear infinite;flex:0 0 auto}.background-discovery-job.ready .background-discovery-spinner,.background-discovery-job.error .background-discovery-spinner{animation:none;border-color:currentColor}.background-discovery-copy{min-width:0;flex:1}.background-discovery-title{color:var(--bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.background-discovery-step{flex:0 0 auto;color:var(--amber);border:1px solid rgba(255,179,71,0.32);padding:2px 5px;font-size:9px;line-height:1}.background-discovery-meta{margin-top:2px;color:var(--muted)}.background-discovery-action{flex:0 0 auto;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.background-discovery-progress{height:2px;background:rgba(255,255,255,0.07);margin-top:7px;overflow:hidden}.background-discovery-progress-fill{height:100%;width:0;background:var(--amber);transition:width 1.1s cubic-bezier(0.25,0.46,0.45,0.94)}.background-discovery-job.ready .background-discovery-progress-fill{width:100% !important;background:var(--green);transition:width .3s ease}.background-discovery-job.error .background-discovery-progress-fill{background:rgba(255,90,90,0.7);transition:width .3s ease}.background-discovery-modal-card{width:min(480px,92vw);background:var(--bg2);border:1px solid var(--border);padding:18px;box-shadow:0 24px 80px rgba(0,0,0,0.55);font-family:var(--mono)}.background-discovery-modal-title{color:var(--bright);font-size:14px;margin-bottom:8px}.background-discovery-modal-meta{color:var(--muted);font-size:11px;line-height:1.5;margin-bottom:14px}.background-discovery-modal-actions{display:flex;justify-content:flex-end;gap:8px}.background-discovery-modal-actions button{border:1px solid var(--border);background:var(--bg);color:var(--text);padding:8px 10px;font:inherit;font-size:10px;cursor:pointer}.filter-hero-badge-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.prompt-modal-box{width:560px;max-width:94vw}.prompt-modal-textarea{width:100%;min-height:110px;resize:vertical;background:var(--bg2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:12px;line-height:1.6;padding:10px 12px;outline:0}.prompt-modal-textarea:focus{border-color:var(--accent)}#presetList{margin-bottom:-12px}.preset-chip{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);color:var(--muted);font-family:var(--mono);font-size:11px;padding:7px 11px;cursor:pointer;transition:all .12s;letter-spacing:.03em;display:flex;align-items:center;justify-content:space-between;text-transform:capitalize;margin-bottom:4px;width:100%;border-radius:8px;text-align:left}.preset-chip:hover{border-color:rgba(123,97,255,0.4);color:var(--text);background:rgba(123,97,255,0.07)}.preset-chip.active{border-color:rgba(123,97,255,0.55);color:var(--accent);background:rgba(123,97,255,0.12)}.preset-chip .preset-del{opacity:0;font-size:12px;line-height:1;color:var(--muted);background:0;border:0;cursor:pointer;padding:0 0 0 6px;font-family:var(--mono);flex-shrink:0}.preset-chip:hover .preset-del{opacity:1}.preset-chip .preset-del:hover{color:var(--red)}.preset-save-row{display:flex;gap:6px;margin-top:8px}.preset-save-row input{flex:1;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:var(--text);font-family:var(--mono);font-size:11px;padding:5px 9px;outline:0;min-width:0;border-radius:6px}.preset-save-row input:focus{border-color:rgba(255,179,71,0.5);background:rgba(255,179,71,0.04)}.preset-save-row button{background:0;border:1px solid rgba(255,255,255,0.08);color:var(--muted);font-family:var(--mono);font-size:10px;padding:5px 10px;cursor:pointer;white-space:nowrap;transition:all .1s;border-radius:6px;letter-spacing:.06em}.preset-save-row button:hover{border-color:rgba(255,179,71,0.5);color:var(--amber);background:rgba(255,179,71,0.06)}@media(max-width:500px){.home-for-you-list{grid-template-columns:repeat(1,minmax(0,1fr))}.home-genre-thumb-row{grid-template-columns:repeat(1,minmax(0,1fr))}}.view-toggle-btn{background:0;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;cursor:pointer;transition:all .12s;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.view-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.view-toggle-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(123,97,255,0.08)}#timeMachineView{--tm-bg-image:none;display:none;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(20,10,40,0.98) 0,#0a0a0e 60%,#050508 100%);overflow:hidden;z-index:1111;perspective:1200px}#timeMachineView.active{display:flex}#timeMachineView::after{content:'';position:absolute;inset:-36px;background-image:linear-gradient(180deg,rgba(6,6,10,0.42),rgba(6,6,10,0.72)),var(--tm-bg-image);background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(34px) saturate(0.92);transform:scale(1.08);opacity:.72;pointer-events:none;z-index:0;height:90vh}#timeMachineView::before{content:'';position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,0.35) 0,transparent 100%),radial-gradient(1px 1px at 25% 55%,rgba(255,255,255,0.25) 0,transparent 100%),radial-gradient(1.5px 1.5px at 60% 15%,rgba(255,255,255,0.3) 0,transparent 100%),radial-gradient(1px 1px at 80% 70%,rgba(255,255,255,0.2) 0,transparent 100%),radial-gradient(1px 1px at 45% 80%,rgba(255,255,255,0.25) 0,transparent 100%),radial-gradient(1px 1px at 90% 40%,rgba(255,255,255,0.2) 0,transparent 100%),radial-gradient(1px 1px at 5% 90%,rgba(255,255,255,0.15) 0,transparent 100%),radial-gradient(1.5px 1.5px at 70% 85%,rgba(255,255,255,0.2) 0,transparent 100%),radial-gradient(1px 1px at 35% 10%,rgba(255,255,255,0.3) 0,transparent 100%),radial-gradient(1px 1px at 50% 45%,rgba(255,255,255,0.15) 0,transparent 100%);pointer-events:none;z-index:1}.tm-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;padding:20px 20px 20px 20px;overflow:hidden;overscroll-behavior:none}.tm-cover-wrap{position:relative;display:flex;align-items:center;justify-content:center;gap:22px;margin-top:150px}.tm-carousel{position:relative;width:340px;height:340px;margin-bottom:28px;transform-style:preserve-3d;perspective:1300px;overflow:visible}.tm-card{position:absolute;top:0;left:50%;width:340px;height:340px;border-radius:0;overflow:hidden;transition:all .5s cubic-bezier(0.25,0.46,0.45,0.94);will-change:transform,opacity;cursor:pointer;border:1px solid rgba(255,255,255,0.08);box-shadow:0 4px 20px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.04)}.tm-card img{width:100%;height:100%;object-fit:cover;display:block}.tm-card-fake{width:100%;height:100%;padding:8px 44px 8px 14px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(123,97,255,0.16),rgba(255,255,255,0.04)),linear-gradient(135deg,rgba(34,34,38,0.96),rgba(12,12,16,0.96));color:var(--text);border-bottom:1px solid rgba(255,255,255,0.08)}.tm-card-fake-title{font-size:10px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.tm-card-fake-title strong{color:var(--text);font-weight:500}.tm-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg3),var(--bg2));display:flex;align-items:center;justify-content:center;font-size:64px;color:var(--dim)}.tm-card[data-slot="0"]{transform:translate3d(-50%,0,0) rotateX(0) scale(1);opacity:1;z-index:10;box-shadow:0 20px 60px rgba(0,0,0,0.7),0 0 0 1px rgba(123,97,255,0.2),0 0 60px rgba(123,97,255,0.12)}.tm-card[data-slot="1"]{width:318px;height:54px;transform:translate3d(-50%,-24px,-70px) rotateX(13deg);opacity:.92;z-index:9}.tm-card[data-slot="2"]{width:294px;height:50px;transform:translate3d(-50%,-43px,-150px) rotateX(18deg);opacity:.78;z-index:8}.tm-card[data-slot="3"]{width:270px;height:46px;transform:translate3d(-50%,-58px,-230px) rotateX(23deg);opacity:.62;z-index:7}.tm-card[data-slot="4"]{width:246px;height:42px;transform:translate3d(-50%,-70px,-310px) rotateX(28deg);opacity:.46;z-index:6}.tm-card[data-slot="far"]{opacity:0;pointer-events:none;transform:translate3d(-50%,-82px,-390px) rotateX(32deg)}.tm-card[data-slot="0"]::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,0.72) 100%);pointer-events:none;z-index:1}.tm-track-info{text-align:center;max-width:380px;margin-bottom:20px;animation:tmInfoFade .3s ease;position:absolute;top:-200px}@keyframes tmInfoFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tm-track-title{font-family:var(--sans);font-size:26px;color:var(--bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin-bottom:4px;margin-top:20px}.tm-track-artist{font-size:13px;color:var(--muted);letter-spacing:.08em;transition:color .15s}.tm-track-artist[title]:hover{color:var(--accent)}.tm-track-meta{font-size:11px;color:var(--text);letter-spacing:.06em;margin-top:4px}.tm-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px}.tm-nav-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.05);color:var(--text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;backdrop-filter:blur(10px);flex-shrink:0}.tm-nav-btn:hover:not(:disabled){border-color:var(--accent);background:rgba(123,97,255,0.15);color:var(--accent)}.tm-nav-btn:disabled{opacity:.2;cursor:default}.tm-side-nav{margin-bottom:28px;z-index:20}.tm-counter{font-size:10px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;min-width:60px;text-align:center}.tm-action-btn{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,0.16);background:rgba(255,255,255,0.055);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s,color .15s,opacity .15s;backdrop-filter:blur(10px)}.tm-action-btn:hover:not(.disabled){border-color:var(--accent);background:rgba(123,97,255,0.14);color:var(--accent)}.tm-action-btn.active{border-color:rgba(255,179,71,0.55);color:var(--amber);background:rgba(255,179,71,0.10)}.tm-action-btn.disabled{opacity:.35;pointer-events:none}.tm-detail-btn{display:none;background:0;border:1px solid rgba(123,97,255,0.45);color:var(--accent);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:8px 18px;cursor:pointer;transition:all .15s;backdrop-filter:blur(10px)}.tm-detail-btn:hover{background:rgba(123,97,255,0.14);border-color:var(--accent)}.tm-play-btn{position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;border:0;background:var(--accent);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .12s;flex-shrink:0;transform:translate(-50%,-50%);pointer-events:auto;box-shadow:0 8px 24px rgba(0,0,0,0.4);z-index:3}.tm-card:not([data-slot="0"]) .tm-play-btn{left:auto;right:12px;width:28px;height:28px;transform:translateY(-50%)}.tm-card:not([data-slot="0"]) .tm-play-btn svg{width:12px;height:12px}.tm-play-btn:hover{opacity:.85}.tm-track-info .tm-detail-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:14px}.tm-timeline{min-width:200px;width:20vw;flex-shrink:0;display:flex;flex-direction:column;position:relative;padding:24px 0;overflow-y:auto;z-index:2;scrollbar-width:none;background:var(--bg);mask-image:linear-gradient(180deg,transparent 0,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,black 8%,black 92%,transparent 100%)}.tm-timeline::-webkit-scrollbar{display:none}.tm-timeline-line{position:absolute;left:28px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0,var(--border) 10%,var(--border) 90%,transparent 100%);pointer-events:none}.tm-timeline-item{position:relative;display:flex;align-items:center;gap:10px;padding:6px 10px 6px 42px;cursor:pointer;transition:background .1s;min-height:36px}.tm-timeline-item:hover{background:rgba(255,255,255,0.03)}.tm-timeline-item.active{background:rgba(123,97,255,0.08)}.tm-timeline-item::before{content:'';position:absolute;left:24px;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;border:1.5px solid var(--border);background:var(--bg);transition:border-color .15s,background .15s,width .15s,height .15s}.tm-timeline-item.active::before{border-color:var(--accent);background:var(--accent);width:11px;height:11px;left:23px}.tm-tl-year{font-size:10px;color:var(--muted);letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.2}.tm-tl-title{font-size:9px;color:var(--dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.2;margin-top:2px}.tm-timeline-item.active .tm-tl-year{color:var(--accent)}.tm-timeline-item.active .tm-tl-title{color:var(--muted)}.tm-tl-group{padding:8px 10px 4px 14px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,0.18);pointer-events:none}.tm-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:9px;color:rgba(255,255,255,0.18);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;white-space:nowrap}@keyframes tmSlideInRight{from{opacity:0;transform:translateZ(0) translateX(80px) scale(1)}to{opacity:1;transform:translateZ(0) translateX(0) scale(1)}}@keyframes tmSlideInLeft{from{opacity:0;transform:translateZ(0) translateX(-80px) scale(1)}to{opacity:1;transform:translateZ(0) translateX(0) scale(1)}}#trackList{padding-bottom:20px}#timeMachineToggle{display:none !important;position:sticky;bottom:36px;float:right;margin-right:16px;clear:both;background:var(--bg2);border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;cursor:pointer;border-radius:4px;transition:border-color .1s,color .1s,background .1s;box-shadow:0 2px 8px rgba(0,0,0,0.32);z-index:50}#timeMachineToggle:hover{border-color:var(--accent);color:var(--accent);background:rgba(123,97,255,0.08)}#timeMachineToggle.active{background:rgba(123,97,255,0.08);position:absolute;z-index:11111;right:21vw;bottom:48px}body.tm-view-open{grid-template-columns:minmax(0,1fr) 0 !important}body.tm-view-open.detail-open{grid-template-columns:minmax(0,1fr) min(340px,38vw) !important}body.tm-view-open.detail-open #timeMachineView{right:min(340px,0vw)}body.single-track-view #tmTimeline{display:none !important}body.single-track-view #timeMachineView .tm-stage{width:100%}body.tm-view-open #tracksHeader,body.tm-view-open #trackList{display:none !important}body.tm-view-open.detail-open .detail-panel{display:flex;position:static;width:100%;height:100%;border-left:1px solid rgba(123,97,255,0.35);background:color-mix(in srgb,var(--bg) 94%,transparent);overflow-y:auto;flex-direction:column}body.tm-view-open.detail-open .detail-panel .detail-thumb,body.tm-view-open.detail-open .detail-panel .detail-thumb-placeholder{display:none}body.light #timeMachineView{background:radial-gradient(ellipse at 50% 24%,rgba(255,255,255,0.96) 0,rgba(255,255,255,0.98) 42%,#e3e0ec 100%)}body.light #timeMachineView::after{background-image:linear-gradient(180deg,rgba(255,255,255,0.28),rgba(245,245,242,0.64)),var(--tm-bg-image);opacity:.6}body.light #timeMachineView::before{background-image:radial-gradient(1px 1px at 10% 20%,rgba(91,66,232,0.16) 0,transparent 100%),radial-gradient(1px 1px at 25% 55%,rgba(123,97,255,0.12) 0,transparent 100%),radial-gradient(1.5px 1.5px at 60% 15%,rgba(91,66,232,0.14) 0,transparent 100%),radial-gradient(1px 1px at 80% 70%,rgba(123,97,255,0.10) 0,transparent 100%),radial-gradient(1px 1px at 45% 80%,rgba(91,66,232,0.12) 0,transparent 100%),radial-gradient(1px 1px at 90% 40%,rgba(123,97,255,0.10) 0,transparent 100%),radial-gradient(1px 1px at 5% 90%,rgba(91,66,232,0.08) 0,transparent 100%),radial-gradient(1.5px 1.5px at 70% 85%,rgba(123,97,255,0.10) 0,transparent 100%),radial-gradient(1px 1px at 35% 10%,rgba(91,66,232,0.12) 0,transparent 100%),radial-gradient(1px 1px at 50% 45%,rgba(123,97,255,0.08) 0,transparent 100%)}body.light .tm-card{border-color:rgba(42,42,36,0.08);box-shadow:0 8px 24px rgba(28,24,46,0.10),0 0 0 1px rgba(255,255,255,0.45)}body.light .tm-card[data-slot="0"]{box-shadow:0 20px 44px rgba(28,24,46,0.16),0 0 0 1px rgba(91,66,232,0.12),0 0 36px rgba(91,66,232,0.10)}body.light .tm-card[data-slot="0"]::after{background:linear-gradient(180deg,transparent 48%,rgba(255,255,255,0.14) 100%)}body.light .tm-nav-btn,body.light .tm-action-btn{border-color:rgba(42,42,36,0.12);background:rgba(255,255,255,0.55)}body.light .tm-play-btn{box-shadow:0 10px 24px rgba(28,24,46,0.18)}body.light .tm-detail-btn{border-color:rgba(91,66,232,0.28);background:rgba(255,255,255,0.45)}body.light .tm-detail-btn:hover{background:rgba(91,66,232,0.10)}body.light.tm-view-open.detail-open .detail-panel{background:rgba(245,245,242,0.96)}body.light .tm-timeline-item:hover{background:rgba(17,17,17,0.03)}body.light .tm-timeline-item.active{background:rgba(91,66,232,0.10)}body.light .tm-tl-group,body.light .tm-hint{color:rgba(42,42,36,0.32)}body.light .mix-modal-box{background:#f8f8f5;border-color:rgba(91,66,232,0.18);box-shadow:none}body.light #mixLeftCol{background:rgba(0,0,0,0.025);border-right-color:rgba(0,0,0,0.07)}body.light .mix-search-filter-chip{border-color:var(--border);color:var(--muted)}body.light .mix-search-filter-chip.active{border-color:var(--accent);color:var(--accent);background:rgba(91,66,232,0.07)}body.light .mix-filter-search-go{background:rgba(91,66,232,0.08);border-color:rgba(91,66,232,0.3)}@media(max-width:720px){#mixPanelColumns{grid-template-columns:1fr;grid-template-rows:auto 1fr}#mixLeftCol{border-right:0;border-bottom:1px solid rgba(255,255,255,0.06);max-height:45vh}}body.light .mix-modal-box .set-panel-header{background:linear-gradient(180deg,rgba(91,66,232,0.05) 0,transparent 100%);border-bottom-color:rgba(0,0,0,0.07)}body.light .mix-modal-box .set-panel-close{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.09)}body.light .mix-modal-box .set-panel-close:hover{background:rgba(204,34,34,0.07);border-color:rgba(204,34,34,0.22)}body.light #mixBody{scrollbar-color:rgba(91,66,232,0.18) transparent}body.light .mix-label::after,body.light .mix-section-label::after{background:linear-gradient(90deg,rgba(91,66,232,0.14),transparent)}body.light .mix-track-card{background:rgba(0,0,0,0.025);border-color:rgba(0,0,0,0.08)}body.light .mix-track-card::before{background:linear-gradient(180deg,var(--accent),var(--purple))}body.light .mix-track-thumb{box-shadow:0 3px 10px rgba(0,0,0,0.12)}body.light .mix-match-search{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.1);color:var(--text)}body.light .mix-match-search:focus{border-color:rgba(91,66,232,0.38);box-shadow:0 0 0 3px rgba(91,66,232,0.07)}body.light .mix-match-result:hover{background:rgba(91,66,232,0.05);border-color:rgba(91,66,232,0.2)}body.light .mix-match-result.selected{background:rgba(91,66,232,0.07);border-color:rgba(91,66,232,0.28)}body.light #mixWaveSection{background:rgba(0,0,0,0.03);border-top-color:rgba(0,0,0,0.07)}body.light .mix-wave-wrap{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.1)}body.light .mix-wave-step{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.1);color:var(--muted)}body.light .mix-wave-step:hover{border-color:rgba(91,66,232,0.38);color:var(--accent);background:rgba(91,66,232,0.06)}body.light .mix-solo-btn.active{border-color:rgba(196,120,0,0.4);color:var(--amber);background:rgba(196,120,0,0.07)}body.light .mix-wave-time{color:rgba(91,66,232,0.75)}body.light .mix-wave-label{color:rgba(91,66,232,0.55)}body.light .mix-footer{background:rgba(0,0,0,0.03);border-top-color:rgba(0,0,0,0.07)}body.light .mix-bpm-row>span:first-child{color:rgba(91,66,232,0.55) !important}body.light #mixFooter .action-btn{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.1);color:var(--muted)}body.light #mixFooter .action-btn:hover{background:rgba(91,66,232,0.07);border-color:rgba(91,66,232,0.32);color:var(--accent);box-shadow:0 0 16px rgba(91,66,232,0.08)}body.light #mixFooter #mixPlayBtn{background:rgba(91,66,232,0.08);border-color:rgba(91,66,232,0.28);color:var(--accent)}body.light #mixFooter #mixPlayBtn:hover{background:rgba(91,66,232,0.14);border-color:rgba(91,66,232,0.45);box-shadow:0 0 20px rgba(91,66,232,0.12)}body.light #mixFooter #mixSaveBtn:hover{background:rgba(112,85,204,0.07);border-color:rgba(112,85,204,0.3);color:var(--purple)}body.light #mixFooter #mixShareBtn:hover{background:rgba(37,102,176,0.07);border-color:rgba(37,102,176,0.28);color:var(--blue)}