*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.flex{display:flex}.grid{display:grid}.grow{flex-grow:1}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg:#07060d;--bg-2:#0a0712;--panel:#0d0917;--panel-2:#130d20;--line:#a78bfa24;--line-strong:#a78bfa4d;--text:#f6f2ff;--muted:#a493c4;--muted-2:#7c6d99;--violet:#8b5cf6;--violet-2:#a78bfa;--pink:#e879f9;--gold:#f5c451;--gold-2:#fbbf24;--green:#4ade80;--red:#fb7185}#root,body,html{height:100%}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07060d;background:var(--bg);color:#f6f2ff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,system-ui,sans-serif;margin:0;overflow:hidden}button{color:inherit;cursor:pointer}button,input,select,textarea{font-family:inherit}img{-webkit-user-select:none;user-select:none}::selection{background:#8b5cf673;color:#fff}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#8b5cf647;background-clip:content-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#a78bfa80;background-clip:content-box;border:2px solid #0000}.app-shell{background:radial-gradient(1100px 700px at 88% -12%,#8b5cf633,#0000 62%),radial-gradient(900px 620px at -8% 108%,#e879f917,#0000 60%),#07060d;background:radial-gradient(1100px 700px at 88% -12%,#8b5cf633,#0000 62%),radial-gradient(900px 620px at -8% 108%,#e879f917,#0000 60%),var(--bg);display:flex;height:100vh;overflow:hidden}.app-shell.is-desktop{padding-top:38px}.titlebar-drag{-webkit-app-region:drag;height:38px;left:0;position:fixed;right:0;top:0;z-index:70}.main-col{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.content{flex:1 1;min-height:0;overflow-y:auto;padding:24px 32px 140px;scroll-behavior:smooth}.page-stack{animation:pageIn .35s ease both;display:flex;flex-direction:column;gap:26px}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-loading{align-items:center;color:#a493c4;color:var(--muted);font-size:12.5px;gap:12px;height:55vh;justify-content:center}.page-loading,.sidebar{display:flex;flex-direction:column}.sidebar{background:linear-gradient(180deg,#130d20f0,#08060ff5);border-right:1px solid #a78bfa24;border-right:1px solid var(--line);flex-shrink:0;gap:16px;overflow-y:auto;padding:18px 14px 100px;width:258px}.brand{align-items:center;display:flex;justify-content:center;padding:0 4px 2px}.brand-lockup{border-radius:14px;display:block;height:auto;max-width:162px;width:100%}.sidebar-nav{display:flex;flex-direction:column;gap:3px}.nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:11px;color:#b6a7d0;display:flex;font-size:13.5px;font-weight:600;gap:12px;padding:10px 12px;position:relative;text-align:left;transition:background .16s ease,color .16s ease,border-color .16s ease;width:100%}.nav-item:hover{background:#8b5cf614;color:#fff}.nav-item.is-active{background:linear-gradient(90deg,#8b5cf63d,#8b5cf60a);border-color:#a78bfa33;box-shadow:inset 0 0 24px #8b5cf614;color:#fff}.nav-item svg{opacity:.92}.nav-dot{background:#f5c451;background:var(--gold);border-radius:50%;box-shadow:0 0 8px #f5c451cc;height:5px;margin-left:auto;width:5px}.sidebar-bottom{display:flex;flex-direction:column;gap:10px;margin-top:auto}.dj-card{background:#0d0917;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:16px;display:block;height:140px;overflow:hidden;padding:0;position:relative;text-align:left;transition:border-color .18s ease,transform .18s ease;width:100%}.dj-card:hover{border-color:#a78bfa4d;border-color:var(--line-strong);transform:translateY(-1px)}.dj-card img{height:100%;inset:0;object-fit:cover;object-position:top center;position:absolute;width:100%}.dj-card:after{background:linear-gradient(0deg,#07060df0,#07060d1f 64%);content:"";inset:0;pointer-events:none;position:absolute}.dj-card-text{bottom:12px;display:flex;flex-direction:column;gap:1px;left:14px;min-width:0;position:absolute;right:14px;z-index:1}.dj-card-title{font-size:13px;font-weight:800}.dj-card-sub{color:#a493c4;color:var(--muted);font-size:10.5px}.dj-card-spark{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000006b;border-radius:999px;color:#f5c451;color:var(--gold);height:28px;padding:6px;position:absolute;right:12px;top:12px;width:28px;z-index:1}.cta{align-items:center;background:linear-gradient(135deg,#7c3aed,#c026d3);border:none;border-radius:12px;box-shadow:0 10px 26px #8b5cf652;color:#fff;display:flex;font-size:13px;font-weight:800;gap:8px;justify-content:center;letter-spacing:.01em;padding:12px 14px;transition:filter .16s ease,transform .16s ease;width:100%}.cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.cta:disabled{cursor:default;opacity:.65}.sidebar-meta{color:#7c6d99;color:var(--muted-2);font-size:10.5px;margin:0;text-align:center}.topbar{align-items:flex-end;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07060d8c;border-bottom:1px solid #a78bfa24;border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;padding:20px 32px 16px;z-index:5}.topbar-eyebrow{color:#a78bfa;color:var(--violet-2);font-size:10px;font-weight:800;letter-spacing:.2em;margin:0 0 4px;text-transform:uppercase}.topbar-title{font-size:27px;font-weight:900;letter-spacing:-.025em;line-height:1.05;margin:0}.topbar-sub{color:#a493c4;color:var(--muted);font-size:12.5px;margin:4px 0 0}.topbar-actions{gap:10px}.search,.topbar-actions{align-items:center;display:flex}.search{background:#120c1e;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:999px;color:#a493c4;color:var(--muted);gap:8px;padding:9px 14px;transition:border-color .16s ease,box-shadow .16s ease;width:260px}.search:focus-within{border-color:#a78bfa4d;border-color:var(--line-strong);box-shadow:0 0 0 3px #8b5cf61f}.search input{background:#0000;border:none;color:#f6f2ff;color:var(--text);flex:1 1;font-size:12.5px;min-width:0;outline:none}.search input::placeholder{color:#7c6d99;color:var(--muted-2)}.search-clear{background:none;border:none;color:#a493c4;color:var(--muted);font-size:17px;line-height:1;padding:0}.search-clear:hover{color:#fff}.mobile-nav{display:none}.btn{align-items:center;border:1px solid #0000;border-radius:10px;display:inline-flex;font-size:12.5px;font-weight:700;gap:7px;justify-content:center;padding:10px 16px;transition:filter .16s ease,background .16s ease,border-color .16s ease,transform .16s ease;white-space:nowrap}.btn:disabled{cursor:default;opacity:.45}.btn-primary{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 8px 22px #7c3aed4d;color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-gold{background:linear-gradient(135deg,#ffd76a,#f5a623);box-shadow:0 8px 22px #f5a6234d;color:#1c1305}.btn-gold:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn-ghost{background:hsla(0,0%,100%,.045);border-color:#a78bfa24;border-color:var(--line);color:#f6f2ff;color:var(--text)}.btn-ghost:hover:not(:disabled){background:#ffffff14;border-color:#a78bfa4d;border-color:var(--line-strong)}.btn.small{border-radius:9px;font-size:11.5px;padding:7px 12px}.text-btn{align-items:center;background:none;border:none;color:#a493c4;color:var(--muted);display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:2px}.text-btn:hover{color:#fff}.back-btn{align-self:flex-start;font-size:12.5px}.icon-btn{align-items:center;background:#0000;border:none;border-radius:9px;color:#c3b5dd;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;position:relative;transition:background .14s ease,color .14s ease;width:32px}.icon-btn:hover{background:#ffffff12;color:#fff}.icon-btn.tiny{border-radius:7px;color:#a493c4;color:var(--muted);height:27px;width:27px}.icon-btn.tiny.optional{opacity:.7}.icon-btn.is-active,.icon-btn.is-gold{color:#f5c451;color:var(--gold)}.icon-btn.is-active{background:#f5c4511a}.icon-btn.large{background:#ffffff08;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:13px;height:46px;width:46px}.chip{background:#8b5cf61f;border:1px solid #a78bfa2e;border-radius:999px;color:#cbb6f5;display:inline-block;font-size:10.5px;font-weight:600;padding:3px 8px;white-space:nowrap}.chip-muted{opacity:.5}.select{background:#120c1e;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:9px;color:#f6f2ff;color:var(--text);font-size:11.5px;outline:none;padding:7px 10px}.select:focus{border-color:#a78bfa4d;border-color:var(--line-strong)}.text-input{background:#120c1e;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:10px;color:#f6f2ff;color:var(--text);font-size:12.5px;min-width:0;outline:none;padding:10px 12px}.text-input:focus{border-color:#a78bfa4d;border-color:var(--line-strong);box-shadow:0 0 0 3px #8b5cf61f}.grow{flex:1 1}.segmented{background:#120c1e;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:9px;display:flex;gap:2px;padding:3px}.segmented button{background:none;border:none;border-radius:6px;color:#a493c4;color:var(--muted);font-size:11px;font-weight:600;padding:5px 10px}.segmented button.is-active{background:#8b5cf642;color:#fff}.eyebrow{color:#a78bfa;color:var(--violet-2);font-size:9.5px;font-weight:800;letter-spacing:.2em;margin:0 0 4px;text-transform:uppercase}.section-header{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.section-title{font-size:19px;font-weight:900;letter-spacing:-.02em;margin:0}.section-subtitle{color:#a493c4;color:var(--muted);font-size:12px;margin:3px 0 0}.library-tools,.section-action{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.hero{align-items:center;background:#0d0917;background:var(--panel);border:1px solid #a78bfa2e;border-radius:22px;display:flex;isolation:isolate;min-height:286px;overflow:hidden;position:relative}.hero-bg{filter:saturate(1.08);height:100%;object-fit:cover;object-position:center 30%;opacity:.55;width:100%}.hero-bg,.hero-shade{inset:0;position:absolute}.hero-shade{background:linear-gradient(90deg,#07060df7,#07060dc7 42%,#07060d29),linear-gradient(0deg,#07060dd9,#0000 55%)}.hero-orb{background:radial-gradient(circle,#e879f959,#0000 62%);border-radius:50%;filter:blur(24px);height:460px;position:absolute;right:-6%;top:-32%;width:460px}.hero-content{align-items:flex-start;display:flex;flex-direction:column;gap:13px;max-width:560px;padding:36px 40px;position:relative}.hero-eyebrow{align-items:center;background:#f5c45114;border:1px solid #f5c45159;border-radius:999px;color:#f5c451;color:var(--gold);display:inline-flex;font-size:9.5px;font-weight:800;gap:6px;letter-spacing:.18em;padding:5px 10px}.hero-title{background:linear-gradient(180deg,#fff 20%,#cdb6ff);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(34px,4vw,54px);font-weight:900;letter-spacing:-.035em;line-height:.98;margin:0}.hero-sub{color:#cbbce4;font-size:13.5px;line-height:1.55;margin:0;max-width:460px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.hero-stats{color:#a493c4;color:var(--muted);display:flex;font-size:11.5px;gap:20px;margin-top:6px}.hero-stats strong{color:#f6f2ff;color:var(--text);font-weight:800;margin-right:3px}.demo-note{align-items:center;background:#f5c4510f;border:1px dashed #f5c45152;border-radius:12px;color:#d9c9a0;display:flex;font-size:12px;gap:10px;padding:8px 14px}.demo-note button{align-items:center;background:#f5c4511a;border:1px solid #f5c45159;border-radius:8px;color:#f5c451;color:var(--gold);display:inline-flex;font-size:11px;font-weight:700;gap:5px;margin-left:auto;padding:6px 10px;white-space:nowrap}.genre-strip{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.genre-tile{aspect-ratio:1.42;background-position:50%;background-size:cover;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:2px;isolation:isolate;justify-content:flex-end;overflow:hidden;padding:14px;position:relative;text-align:left;transition:transform .22s ease,border-color .22s ease}.genre-tile:before{background:linear-gradient(0deg,#07060df2,#07060d4d 55%,#07060d2e);content:"";inset:0;position:absolute;z-index:0}.genre-tile:hover{border-color:#a78bfa4d;border-color:var(--line-strong);transform:translateY(-3px)}.genre-tile-count,.genre-tile-name,.genre-tile-number,.genre-tile-play{position:relative;z-index:1}.genre-tile-number{color:#ffffffa6;font-size:10px;font-weight:700;left:14px;position:absolute;top:12px}.genre-tile-name{font-size:15px;font-weight:900;letter-spacing:-.01em}.genre-tile-count{color:#a493c4;color:var(--muted);font-size:10.5px}.genre-tile-play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:50%;bottom:12px;display:grid;height:28px;opacity:0;place-items:center;position:absolute;right:12px;transition:opacity .2s ease;width:28px}.genre-tile:hover .genre-tile-play{opacity:1}.genre-tile-empty{align-items:center;background:#ffffff05;border-style:dashed;color:#a493c4;color:var(--muted);font-size:12px;font-weight:700;gap:6px;justify-content:center}.genre-tile-empty:before{display:none}.genre-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.genre-card{aspect-ratio:1.45;background-position:50%;background-size:cover;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:2px;isolation:isolate;justify-content:flex-end;overflow:hidden;padding:16px;position:relative;text-align:left;transition:transform .2s ease,border-color .2s ease}.genre-card:hover{border-color:#a78bfa4d;border-color:var(--line-strong);transform:translateY(-2px)}.genre-card.is-selected{box-shadow:0 0 0 2px #f5c451a6}.genre-card-scrim{background:linear-gradient(0deg,#07060df0,#07060d2e);inset:0;position:absolute;z-index:0}.genre-card-count,.genre-card-name,.genre-card-play{position:relative;z-index:1}.genre-card-name{font-size:17px;font-weight:900}.genre-card-count{color:#a493c4;color:var(--muted);font-size:11px}.genre-card-play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:50%;bottom:12px;display:grid;height:30px;opacity:0;place-items:center;position:absolute;right:12px;transition:opacity .2s ease;width:30px}.genre-card:hover .genre-card-play{opacity:1}.track-table{border-top:1px solid #a78bfa14;display:flex;flex-direction:column}.track-head,.track-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:40px minmax(200px,1.65fr) minmax(110px,1fr) 104px 66px 112px}.track-head{color:#7c6d99;color:var(--muted-2);font-size:9.5px;font-weight:800;letter-spacing:.14em;padding:9px 12px;text-transform:uppercase}.track-row{border-radius:11px;cursor:default;padding:7px 12px;transition:background .14s ease}.track-row:hover{background:#8b5cf612}.track-row.is-current{background:#8b5cf621;box-shadow:inset 0 0 0 1px #a78bfa1f}.track-index{align-items:center;display:flex;height:28px;justify-content:center;position:relative;width:28px}.row-number{font-feature-settings:"tnum";color:#7c6d99;color:var(--muted-2);font-size:11.5px;font-variant-numeric:tabular-nums}.row-play{background:#8b5cf638;border:none;border-radius:50%;color:#fff;display:grid;inset:0;opacity:0;place-items:center;position:absolute;transition:opacity .14s ease,background .14s ease}.track-row:hover .row-play{opacity:1}.row-play:hover{background:#8b5cf673}.track-row:hover .row-number{opacity:0}.row-eq{align-items:flex-end;display:flex;gap:2px;height:14px}.row-eq i{animation:eqPulse .9s ease-in-out infinite alternate;background:#f5c451;background:var(--gold);border-radius:2px;width:3px}.row-eq i:first-child{animation-delay:0s;height:7px}.row-eq i:nth-child(2){animation-delay:.25s;height:13px}.row-eq i:nth-child(3){animation-delay:.5s;height:9px}.track-main{align-items:center;display:flex;gap:10px;min-width:0}.track-thumb{border-radius:8px;box-shadow:0 4px 12px #00000059;flex-shrink:0;height:40px;width:40px}.track-text{display:flex;flex-direction:column;gap:2px;min-width:0}.track-title{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row.is-current .track-title{color:#e3d4ff}.track-artist{font-size:11px}.track-album,.track-artist{color:#a493c4;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-album,.track-time{font-size:11.5px}.track-time{font-feature-settings:"tnum";color:#7c6d99;color:var(--muted-2);font-variant-numeric:tabular-nums}.track-actions{align-items:center;display:flex;gap:1px;justify-content:flex-end;opacity:0;transition:opacity .14s ease}.track-row.is-current .track-actions,.track-row:hover .track-actions{opacity:1}@media (hover:none){.track-actions{opacity:1}}.cover{background-position:50%;background-size:cover;border-radius:10px;display:grid;flex-shrink:0;overflow:hidden;place-items:center;position:relative}.cover img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.cover-initials{color:#ffffffd1;font-size:14px;font-weight:900;letter-spacing:.04em}.track-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.track-card{background:none;border:none;display:flex;flex-direction:column;gap:3px;padding:0;text-align:left}.track-card-art{border-radius:14px;box-shadow:0 10px 26px #00000059;margin-bottom:6px;overflow:hidden;position:relative}.track-card-cover{aspect-ratio:1;border-radius:14px;width:100%}.track-card-play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:50%;bottom:10px;color:#fff;display:grid;height:36px;opacity:0;place-items:center;position:absolute;right:10px;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;width:36px}.track-card.is-current .track-card-play,.track-card:hover .track-card-play{opacity:1;transform:translateY(0)}.track-card-title{font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-card.is-current .track-card-title{color:#f5c451;color:var(--gold)}.track-card-artist{color:#a493c4;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picks-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pick-card{background:none;border:none;display:flex;flex-direction:column;gap:5px;padding:0;text-align:left}.pick-cover{aspect-ratio:1;border-radius:13px;box-shadow:0 10px 24px #00000052;margin-bottom:3px;transition:transform .2s ease;width:100%}.pick-card:hover .pick-cover{transform:translateY(-2px)}.pick-title{font-size:12.5px;font-weight:700}.pick-artist,.pick-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-artist{color:#a493c4;color:var(--muted);font-size:11px}.stats-list{display:flex;flex-direction:column;gap:5px}.stat-row{grid-gap:12px;align-items:center;border-radius:12px;display:grid;gap:12px;grid-template-columns:34px 44px minmax(160px,1fr) minmax(110px,1.15fr) 84px 40px;padding:9px 14px;transition:background .14s ease}.stat-row:hover{background:#8b5cf612}.stat-row.is-current{background:#8b5cf61f}.stat-rank{font-feature-settings:"tnum";color:#7c6d99;color:var(--muted-2);font-size:12px;font-variant-numeric:tabular-nums;font-weight:800}.stat-cover{border-radius:10px;height:44px;width:44px}.stat-text{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-title{font-size:13px;font-weight:650}.stat-artist,.stat-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-artist{color:#a493c4;color:var(--muted);font-size:11px}.stat-bar{background:#ffffff0f;border-radius:99px;height:6px;overflow:hidden}.stat-bar span{background:linear-gradient(90deg,#8b5cf6,#e879f9);border-radius:99px;display:block;height:100%}.stat-count{font-feature-settings:"tnum";color:#7c6d99;color:var(--muted-2);font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.mini-list{display:flex;flex-direction:column;gap:4px}.mini-row{align-items:center;background:#0000;border:none;border-radius:11px;display:flex;gap:11px;padding:8px 12px;text-align:left;transition:background .14s ease}.mini-row:hover{background:#8b5cf614}.mini-row.is-current{background:#8b5cf61f}.mini-index{color:#7c6d99;color:var(--muted-2);flex-shrink:0;font-size:11px;text-align:center;width:18px}.mini-cover{border-radius:8px;flex-shrink:0;height:36px;width:36px}.mini-text{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.mini-title{font-size:12.5px;font-weight:650}.mini-artist,.mini-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-artist{color:#a493c4;color:var(--muted);font-size:10.5px}.mini-time{font-feature-settings:"tnum";color:#7c6d99;color:var(--muted-2);font-size:10.5px;font-variant-numeric:tabular-nums}.playlist-hero{align-items:flex-end;background:linear-gradient(135deg,#8b5cf61f,#07060d59);border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:20px;display:flex;gap:24px;padding:22px}.playlist-art{background:radial-gradient(circle at 24% 16%,#8b5cf659,#0000 58%),linear-gradient(150deg,#1b1030,#0b0715);border-radius:16px;box-shadow:0 18px 40px #00000073;color:#ffffffeb;display:grid;flex-shrink:0;height:172px;overflow:hidden;place-items:center;position:relative;width:172px}.playlist-art:after,.playlist-card-art:after{background:radial-gradient(circle at 28% 18%,#fff3,#0000 55%),linear-gradient(160deg,#07060d1f,#07060d9e);content:"";inset:0;pointer-events:none;position:absolute}.playlist-art svg,.playlist-card-art svg{position:relative;z-index:1}.playlist-art-cover{border-radius:16px;height:100%;width:100%}.playlist-info h1{font-size:32px;font-weight:900;letter-spacing:-.03em;margin:4px 0 2px}.playlist-meta{color:#a493c4;color:var(--muted);font-size:12px;margin:0 0 4px}.playlist-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}.playlist-card{background:#ffffff05;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:6px;padding:10px;position:relative;transition:border-color .18s ease,transform .18s ease}.playlist-card:hover{border-color:#a78bfa4d;border-color:var(--line-strong);transform:translateY(-2px)}.playlist-card-main{background:none;border:none;display:flex;flex-direction:column;gap:5px;padding:0;text-align:left}.playlist-card-art{aspect-ratio:1;background:radial-gradient(circle at 24% 16%,#8b5cf659,#0000 58%),linear-gradient(150deg,#1b1030,#0b0715);border-radius:12px;color:#ffffffeb;display:grid;margin-bottom:3px;overflow:hidden;place-items:center;position:relative}.playlist-card-cover{border-radius:12px;height:100%;inset:0;position:absolute;width:100%}.playlist-card-play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:50%;bottom:10px;color:#fff;display:grid;height:34px;opacity:0;place-items:center;position:absolute;right:10px;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease;width:34px}.playlist-card:hover .playlist-card-play{opacity:1;transform:translateY(0)}.playlist-card-name{font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-card-meta{color:#a493c4;color:var(--muted);font-size:10.5px}.playlist-card-actions{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07060dad;border-radius:8px;display:flex;gap:2px;opacity:0;padding:2px;position:absolute;right:16px;top:16px;transition:opacity .16s ease}.playlist-card:hover .playlist-card-actions{opacity:1}.playlist-card-new{align-items:center;background:#0000;border-style:dashed;color:#a493c4;color:var(--muted);font-size:12px;font-weight:700;justify-content:center;min-height:190px}.playlist-card-new:hover{color:#f6f2ff;color:var(--text)}.turntable-stage{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:minmax(280px,420px) 1fr;padding:18px 10px 6px}.tt-left{aspect-ratio:1;display:grid;justify-self:center;max-width:420px;place-items:center;position:relative;width:100%}.platter-shadow{background:radial-gradient(ellipse at center,#000000b3,#0000 70%);bottom:1%;filter:blur(12px);height:7%;left:50%;transform:translateX(-50%);width:68%;z-index:0}.platter-shadow,.platter-sheen{border-radius:50%;position:absolute}.platter-sheen{background:linear-gradient(135deg,#ffffff29,#0000 34%,#0000 62%,#ffffff0f);inset:0;mix-blend-mode:screen;pointer-events:none;z-index:3}.platter{animation:spinDisc 7s linear infinite;animation-play-state:paused;aspect-ratio:1;background:radial-gradient(circle at 50% 50%,#17131f 0,#050409 72%);border-radius:50%;box-shadow:0 34px 70px #000000a6,inset 0 0 0 10px #ffffff05;position:relative;width:84%;z-index:1}.platter.is-spinning{animation-play-state:running}.vinyl{background:repeating-radial-gradient(circle at 50% 50%,#0b0a10 0 2px,#14111c 2px 4px);box-shadow:inset 0 0 60px #000c;inset:2.5%}.vinyl,.vinyl-rings{border-radius:50%;position:absolute}.vinyl-rings{background:conic-gradient(from 0deg,#0000 0deg,#ffffff0f 20deg,#0000 60deg,#ffffff0a 150deg,#0000 220deg);inset:0;mix-blend-mode:screen}.vinyl-label{box-shadow:inset 0 0 0 5px #00000059,0 0 20px #00000080;inset:30%}.vinyl-hole,.vinyl-label{border-radius:50%;position:absolute}.vinyl-hole{background:#050409;border:1px solid #ffffff29;box-shadow:0 0 0 3px #8b5cf629;height:13px;left:50%;top:50%;transform:translate(-50%,-50%);width:13px}.tonearm{height:58%;pointer-events:none;position:absolute;right:2%;top:4%;transform:rotate(-24deg);transform-origin:88% 8%;transition:transform .65s cubic-bezier(.22,1,.36,1);width:40%}.tonearm.is-playing{transform:rotate(-6deg)}.tonearm-pivot{background:radial-gradient(circle at 35% 30%,#453d55,#0d0b12 72%);border:1px solid #ffffff24;border-radius:50%;box-shadow:0 8px 18px #00000080;height:34px;position:absolute;right:0;top:0;width:34px}.tonearm-arm{background:linear-gradient(180deg,#c7bdd6,#5f566e);border-radius:3px;height:66%;position:absolute;right:17px;top:24px;transform:rotate(16deg);transform-origin:top center;width:4px}.tonearm-head{background:linear-gradient(180deg,#d6cce2,#5a5166);border-radius:4px;bottom:14%;box-shadow:0 4px 10px #0006;height:16px;left:40%;position:absolute;transform:rotate(16deg);width:26px}@keyframes spinDisc{to{transform:rotate(1turn)}}.tt-info{display:flex;flex-direction:column;gap:7px;min-width:0}.tt-title{font-size:clamp(26px,3vw,38px);font-weight:900;letter-spacing:-.03em;line-height:1.05;margin:0}.tt-artist{color:#a493c4;color:var(--muted);font-size:14px;margin:0}.tt-album{color:#7c6d99;color:var(--muted-2);font-size:12px;margin:0}.eq-bars{align-items:flex-end;display:flex;gap:3px;height:48px;margin:12px 0 4px}.eq-bars span{animation:eqPulse .9s ease-in-out infinite alternate;animation-play-state:paused;background:linear-gradient(180deg,#e879f9,#8b5cf6);border-radius:3px;opacity:.3;transform-origin:bottom;width:3px}.eq-bars.is-live span{animation-play-state:running;opacity:.85}@keyframes eqPulse{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.tt-controls{align-items:center;display:flex;gap:16px;margin-top:8px}.play-btn{background:linear-gradient(135deg,#ffd76a,#f5a623);border:none;border-radius:50%;box-shadow:0 10px 24px #f5a62357;color:#1c1305;display:grid;height:46px;place-items:center;transition:transform .16s ease,filter .16s ease;width:46px}.play-btn:hover{filter:brightness(1.05);transform:scale(1.05)}.play-btn.large{height:64px;width:64px}.play-offset{transform:translateX(2px)}.tt-progress{font-feature-settings:"tnum";align-items:center;color:#7c6d99;color:var(--muted-2);display:flex;font-size:11px;font-variant-numeric:tabular-nums;gap:10px;margin-top:12px;max-width:470px;width:100%}.tt-progress .slider{flex:1 1}.radio-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.radio-card{align-items:center;background:#ffffff05;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:16px;display:flex;gap:12px;padding:12px;position:relative;transition:border-color .16s ease}.radio-card:hover{border-color:#a78bfa4d;border-color:var(--line-strong)}.radio-card.is-current{background:#f5c4510d;border-color:#f5c45166}.radio-art{border-radius:12px;color:#fff;display:grid;flex-shrink:0;height:66px;overflow:hidden;place-items:center;position:relative;width:66px}.live-pill{background:#0000008c;border-radius:4px;bottom:5px;color:#ffd9a0;font-size:7.5px;font-weight:800;left:5px;letter-spacing:.1em;padding:2px 4px;position:absolute}.radio-text{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.radio-title{font-size:12.5px;font-weight:700}.radio-artist{color:#a493c4;color:var(--muted);font-size:10.5px}.radio-text p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#7c6d99;color:var(--muted-2);display:-webkit-box;font-size:10.5px;line-height:1.35;margin:2px 0 0;overflow:hidden}.radio-play{background:linear-gradient(135deg,#8b5cf6,#c026d3);border:none;border-radius:50%;box-shadow:0 6px 16px #8b5cf659;color:#fff;display:grid;flex-shrink:0;height:38px;place-items:center;width:38px}.radio-remove{opacity:.55;position:absolute;right:6px;top:6px}.stream-form{display:flex;flex-wrap:wrap;gap:10px}.vinyl-label:after{border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff1a;content:"";inset:0;pointer-events:none;position:absolute}.player-bar{grid-gap:16px;align-items:center;-webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4);background:#0b0812e6;border-top:1px solid #a78bfa24;bottom:0;box-shadow:0 -22px 60px #00000080;display:grid;gap:16px;grid-template-columns:minmax(220px,1fr) minmax(360px,1.65fr) minmax(210px,1fr);height:96px;left:0;padding:0 22px;position:fixed;right:0;z-index:40}.player-track{align-items:center;display:flex;gap:12px;min-width:0}.player-cover{border-radius:10px;box-shadow:0 8px 20px #0006;height:52px;width:52px}.player-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.player-title{font-size:12.5px;font-weight:700}.player-artist,.player-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-artist{color:#a493c4;color:var(--muted);font-size:11px}.player-center{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;min-width:0;padding:10px 0}.player-controls{align-items:center;display:flex;gap:14px}.repeat-one{bottom:1px;color:#f5c451;color:var(--gold);font-size:8px;font-weight:900;line-height:1;position:absolute;right:2px}.progress-row{align-items:center;display:flex;gap:10px;width:100%}.time{font-feature-settings:"tnum";color:#7c6d99;color:var(--muted-2);flex-shrink:0;font-size:10.5px;font-variant-numeric:tabular-nums;text-align:center;width:38px}.slider{align-items:center;display:flex;height:16px;position:relative;width:100%}.slider.progress{flex:1 1;min-width:0}.slider-buffer,.slider-fill,.slider-rail{border-radius:99px;height:4px;left:0;pointer-events:none;position:absolute}.slider-rail{background:#ffffff14;right:0}.slider-buffer{background:#ffffff24}.slider-fill{background:linear-gradient(90deg,#8b5cf6,#e879f9)}.slider input[type=range]{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%}.slider.is-disabled{opacity:.45}.volume-slider{flex-shrink:0;width:92px}.player-right{align-items:center;display:flex;gap:8px;justify-content:flex-end}.chat-fab{background:linear-gradient(135deg,#8b5cf6,#e879f9);border:2px solid #f5c451b3;border-radius:50%;bottom:116px;box-shadow:0 14px 34px #8b5cf680;display:grid;height:56px;overflow:hidden;place-items:center;position:fixed;right:26px;transition:transform .18s ease,background .18s ease;width:56px;z-index:50}.chat-fab:hover{transform:scale(1.06)}.chat-fab img{height:100%;object-fit:cover;object-position:top;width:100%}.chat-fab.is-open{background:#ffffff14;border-color:#a78bfa4d;border-color:var(--line-strong);color:#fff}.chat-badge{background:#f5c451;background:var(--gold);border-radius:50%;color:#1a1206;display:grid;height:19px;place-items:center;position:absolute;right:1px;top:1px;width:19px}.chat-panel{animation:chatIn .22s ease both;background:linear-gradient(180deg,#171024,#0b0712);border:1px solid #a78bfa4d;border:1px solid var(--line-strong);border-radius:20px;bottom:184px;box-shadow:0 34px 90px #000000a6,0 0 46px #8b5cf629;display:flex;flex-direction:column;max-height:min(560px,calc(100vh - 230px));overflow:hidden;position:fixed;right:26px;width:366px;z-index:49}@keyframes chatIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-head{align-items:center;background:#ffffff05;border-bottom:1px solid #a78bfa24;border-bottom:1px solid var(--line);display:flex;gap:10px;padding:13px 14px}.chat-head img{border:2px solid #f5c45180;border-radius:50%;height:40px;object-fit:cover;object-position:top;width:40px}.chat-head-text{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-head-text strong{font-size:12.5px;font-weight:800}.chat-head-text span{align-items:center;color:#a493c4;color:var(--muted);display:flex;font-size:10.5px;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{background:#4ade80;background:var(--green);border-radius:50%;box-shadow:0 0 8px #4ade80cc;flex-shrink:0;height:6px;width:6px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:9px;min-height:150px;overflow-y:auto;padding:14px}.chat-bubble{animation:bubbleIn .2s ease both;border-radius:14px;font-size:12.2px;line-height:1.45;max-width:84%;padding:9px 12px}@keyframes bubbleIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.is-ai{align-self:flex-start;background:#8b5cf61f;border:1px solid #a78bfa29;border-bottom-left-radius:4px;color:#e6dcf7}.chat-bubble.is-user{align-self:flex-end;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-bottom-right-radius:4px;color:#fff}.chat-bubble.is-typing{align-items:center;display:flex;gap:3px;width:52px}.chat-bubble.is-typing i{animation:bounceDot 1s ease-in-out infinite;background:#cbb6f5;border-radius:50%;height:5px;width:5px}.chat-bubble.is-typing i:nth-child(2){animation-delay:.15s}.chat-bubble.is-typing i:nth-child(3){animation-delay:.3s}@keyframes bounceDot{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.chat-quick{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px}.chat-quick button{background:#ffffff08;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:999px;color:#a493c4;color:var(--muted);font-size:10.5px;padding:6px 10px;transition:color .15s ease,border-color .15s ease}.chat-quick button:hover{border-color:#a78bfa4d;border-color:var(--line-strong);color:#fff}.chat-input{background:#00000059;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:12px;display:flex;gap:6px;margin:10px 14px 14px;padding:6px}.chat-input input{background:#0000;border:none;color:#f6f2ff;color:var(--text);flex:1 1;font-size:12.5px;min-width:0;outline:none;padding:6px 8px}.chat-input input::placeholder{color:#7c6d99;color:var(--muted-2)}.chat-send{background:linear-gradient(135deg,#f5c451,#f5a623);border:none;border-radius:9px;color:#1a1206;display:grid;flex-shrink:0;height:34px;place-items:center;width:34px}.chat-send:disabled{opacity:.4}.toast-stack{flex-direction:column;left:50%;pointer-events:none;position:fixed;top:18px;transform:translateX(-50%);z-index:100}.toast,.toast-stack{align-items:center;display:flex;gap:8px}.toast{animation:toastIn .22s ease both;background:#171024;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px #0000008c;color:#f6f2ff;color:var(--text);font-size:12px;padding:9px 12px;pointer-events:auto}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.toast-success{border-color:#4ade8059}.toast-success svg{color:#4ade80;color:var(--green)}.toast-error{border-color:#fb718566}.toast-error svg{color:#fb7185;color:var(--red)}.toast-info svg{color:#a78bfa;color:var(--violet-2)}.toast-close{background:none;border:none;color:#a493c4;color:var(--muted);display:grid;margin-left:4px;padding:2px;place-items:center}.empty-state{align-items:center;border:1px dashed #a78bfa24;border:1px dashed var(--line);border-radius:16px;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:48px 24px;text-align:center}.empty-icon{background:#8b5cf61f;border-radius:50%;color:#a78bfa;color:var(--violet-2);display:grid;height:54px;margin-bottom:4px;place-items:center;width:54px}.empty-state h3{font-size:14px;font-weight:800;margin:0}.empty-state p{color:#a493c4;color:var(--muted);font-size:12px;line-height:1.5;margin:0;max-width:380px}.empty-state .btn{margin-top:6px}.modal-backdrop{animation:fadeIn .16s ease both;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030207b8;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:80}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{animation:modalIn .2s ease both;background:linear-gradient(180deg,#171024,#0c0814);border:1px solid #a78bfa4d;border:1px solid var(--line-strong);border-radius:18px;box-shadow:0 40px 90px #000000b3;max-height:calc(100vh - 80px);overflow:auto;width:min(470px,100%)}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{align-items:center;border-bottom:1px solid #a78bfa24;border-bottom:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;padding:15px 18px}.modal-head h2{font-size:15px;font-weight:800;margin:0}.modal-body{padding:18px}.modal-lead{color:#a493c4;color:var(--muted);font-size:12px;margin:0 0 12px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.field{display:flex;flex-direction:column;gap:6px}.field span{color:#a493c4;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field .text-input{width:100%}.picker-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.picker-row{align-items:center;background:#ffffff08;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:10px;display:flex;font-size:12px;gap:8px;padding:10px 12px;text-align:left;width:100%}.picker-row:hover{border-color:#a78bfa4d;border-color:var(--line-strong)}.picker-row.is-added{opacity:.55}.picker-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-meta{font-size:10.5px}.modal-empty,.picker-meta{color:#a493c4;color:var(--muted)}.modal-empty{font-size:12px;margin:0 0 12px;padding:10px 0}.inline-create{display:flex;gap:8px;margin-top:14px}.inline-create .text-input{flex:1 1}.spin{animation:spin .9s linear infinite}.spin-slow{animation:spin 1.6s linear infinite}.pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@media (max-width:1240px){.genre-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.player-bar{grid-template-columns:minmax(180px,.9fr) minmax(320px,1.5fr) minmax(160px,.8fr)}.volume-slider{width:70px}}@media (max-width:1060px){.track-head,.track-row{grid-template-columns:36px minmax(180px,1.6fr) minmax(90px,.9fr) 90px 58px 96px}.section-header{flex-wrap:wrap}}@media (max-width:980px){.sidebar{display:none}.app-shell.is-desktop{padding-top:38px}.mobile-nav{background:#07060db3;border-bottom:1px solid #a78bfa24;border-bottom:1px solid var(--line);display:flex;gap:4px;overflow-x:auto;padding:8px 16px}.mobile-nav button{background:none;border:1px solid #0000;border-radius:999px;color:#a493c4;color:var(--muted);flex-shrink:0;font-size:11.5px;font-weight:600;padding:7px 12px;white-space:nowrap}.mobile-nav button.is-active{background:#8b5cf62e;border-color:#a78bfa4d;border-color:var(--line-strong);color:#fff}.topbar{padding:16px 18px 14px}.content{padding:20px 18px 130px}.search{width:180px}.hero-content{padding:28px 26px}.genre-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.player-bar{gap:4px;grid-template-columns:1fr;height:84px;padding:10px 16px 12px}.player-right,.player-track{display:none}.player-center{padding:0}.progress-row{gap:8px}.chat-panel{bottom:158px;right:10px;width:min(366px,calc(100vw - 20px))}.chat-fab{bottom:96px;height:50px;right:16px;width:50px}.turntable-stage{gap:24px;grid-template-columns:1fr}.tt-left{max-width:320px}.tt-info{align-items:center}.tt-info,.tt-info .eyebrow{text-align:center}.eq-bars,.tt-controls{justify-content:center}.playlist-hero{align-items:flex-start;flex-direction:column}.playlist-art{height:130px;width:130px}.stat-bar{display:none}.stat-row{gap:8px;grid-template-columns:30px 40px minmax(120px,1fr) 64px 36px}}@media (max-width:780px){.col-album,.col-genre{display:none}.track-head,.track-row{grid-template-columns:34px minmax(0,1fr) 52px 88px}.track-head span:nth-child(3),.track-head span:nth-child(4){display:none}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%}.search{flex:1 1;width:auto}.topbar-load span{display:none}.genre-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-tile{aspect-ratio:1.25}.radio-grid{grid-template-columns:1fr}.stream-form .text-input{flex:1 1 100%}.hero-stats{flex-wrap:wrap;gap:12px}}.login-root{background:radial-gradient(900px 600px at 15% -10%,#8b5cf640,#0000 60%),#07060d;background:radial-gradient(900px 600px at 15% -10%,#8b5cf640,#0000 60%),var(--bg);display:grid;grid-template-columns:1.05fr 1fr;height:100vh;overflow:hidden}.login-visual{border-right:1px solid #a78bfa24;border-right:1px solid var(--line);isolation:isolate;overflow:hidden;position:relative}.login-visual-bg{filter:saturate(1.1);height:100%;inset:0;object-fit:cover;object-position:center 26%;opacity:.78;position:absolute;width:100%}.login-visual-scrim{background:linear-gradient(90deg,#07060d59,#07060d0d 55%,#07060de6),linear-gradient(0deg,#07060deb,#0000 55%);inset:0;position:absolute}.login-visual-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:40px 44px;position:relative;z-index:1}.login-brand{align-items:center;display:flex}.login-brand-logo{border-radius:16px;display:block;height:auto;max-width:42vw;width:220px}.login-quote{align-items:center;align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07060d80;border:1px solid #f5c45147;border-radius:999px;color:#e7d8b6;display:inline-flex;font-size:11.5px;gap:8px;padding:9px 13px}.login-quote svg{color:#f5c451;color:var(--gold)}.login-panel{display:grid;padding:40px;place-items:center}.login-card{background:linear-gradient(180deg,#171024eb,#0a0711f5);border:1px solid #a78bfa4d;border:1px solid var(--line-strong);border-radius:22px;box-shadow:0 40px 100px #0009,0 0 60px #8b5cf61f;display:flex;flex-direction:column;gap:14px;padding:30px 30px 26px;width:min(400px,100%)}.login-logo{border-radius:15px;box-shadow:0 12px 26px #8b5cf666;height:54px;margin-bottom:2px;object-fit:cover;width:54px}.login-eyebrow{color:#a78bfa;color:var(--violet-2);font-size:9.5px;font-weight:800;letter-spacing:.22em;margin:4px 0 0}.login-title{font-size:28px;font-weight:900;letter-spacing:-.03em;margin:0}.login-sub{color:#a493c4;color:var(--muted);font-size:12.5px;margin:-6px 0 4px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field>span{align-items:center;color:#a493c4;color:var(--muted);display:flex;font-size:10.5px;font-weight:700;gap:6px;letter-spacing:.08em;text-transform:uppercase}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input{background:#120c1e;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:11px;color:#f6f2ff;color:var(--text);font-size:13px;outline:none;padding:12px 42px 12px 13px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.login-input::placeholder{color:#7c6d99;color:var(--muted-2)}.login-input:focus{border-color:#a78bfa4d;border-color:var(--line-strong);box-shadow:0 0 0 3px #8b5cf624}.login-reveal{background:#0000;border:none;border-radius:8px;color:#a493c4;color:var(--muted);display:grid;height:30px;place-items:center;position:absolute;right:8px;width:30px}.login-reveal:hover{background:#ffffff0f;color:#fff}.login-field small{color:#7c6d99;color:var(--muted-2);font-size:10.5px}.login-advanced-toggle{align-items:center;background:none;border:none;color:#a493c4;color:var(--muted);display:flex;font-size:10.5px;gap:7px;padding:7px 2px;text-align:left;width:100%}.login-advanced-toggle span:nth-child(2){flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-caret{transition:transform .16s ease}.login-caret.is-open{transform:rotate(180deg)}.login-error{background:#fb71851a;border:1px solid #fb718566;border-radius:10px;color:#ffb3c0;font-size:12px;line-height:1.4;padding:10px 12px}.login-submit{align-items:center;background:linear-gradient(135deg,#7c3aed,#c026d3);border:none;border-radius:12px;box-shadow:0 12px 30px #8b5cf659;color:#fff;display:flex;font-size:13px;font-weight:800;gap:8px;justify-content:center;padding:13px 16px;transition:filter .16s ease,transform .16s ease;width:100%}.login-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.login-submit:disabled{cursor:default;opacity:.55}.login-hint{color:#7c6d99;color:var(--muted-2);font-size:10.5px;line-height:1.55;margin:4px 0 0}.login-hint code{background:#ffffff0f;border-radius:4px;color:#a78bfa;color:var(--violet-2);font-size:10px;padding:1px 4px}@media (max-width:900px){.login-root{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:24px}}.app-boot{background:radial-gradient(900px 600px at 20% 0,#8b5cf633,#0000 60%),#07060d;background:radial-gradient(900px 600px at 20% 0,#8b5cf633,#0000 60%),var(--bg);flex-direction:column;font-size:12.5px;gap:12px;height:100vh}.app-boot,.sidebar-logout{align-items:center;color:#a493c4;color:var(--muted);display:flex;justify-content:center}.sidebar-logout{background:#0000;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:10px;font-size:11px;font-weight:600;gap:7px;margin-top:2px;padding:8px 12px;transition:color .16s ease,border-color .16s ease;width:100%}.sidebar-logout:hover{border-color:#a78bfa4d;border-color:var(--line-strong);color:#fff}.player-autodj{align-self:flex-start;background:#f5c4511a;border:1px solid #f5c45159;border-radius:4px;color:#f5c451;color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.1em;margin-top:2px;padding:1px 5px}.upload-progress{background:#171024;border:1px solid #a78bfa4d;border:1px solid var(--line-strong);border-radius:12px;bottom:116px;box-shadow:0 20px 50px #0009;color:#f6f2ff;color:var(--text);font-size:11.5px;left:50%;padding:11px 14px;position:fixed;transform:translateX(-50%);width:min(360px,calc(100vw - 40px));z-index:90}.upload-progress-bar{background:#ffffff14;border-radius:99px;height:5px;margin-top:8px;overflow:hidden}.upload-progress-bar span{background:linear-gradient(90deg,#8b5cf6,#e879f9);border-radius:99px;display:block;height:100%;transition:width .2s ease}.radio-hero{grid-gap:24px;align-items:center;background:radial-gradient(600px 300px at 82% 30%,#e879f92e,#0000 60%),linear-gradient(140deg,#8b5cf624,#07060d66);border:1px solid #a78bfa2e;border-radius:22px;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 300px;isolation:isolate;overflow:hidden;padding:30px 34px;position:relative}.radio-hero-glow{background:radial-gradient(circle,#8b5cf666,#0000 62%);border-radius:50%;filter:blur(20px);height:380px;position:absolute;right:8%;top:-45%;width:380px;z-index:-1}.radio-hero-title{background:linear-gradient(180deg,#fff 15%,#d5c3ff);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(30px,3.4vw,44px);font-weight:900;letter-spacing:-.035em;line-height:1;margin:0}.radio-hero-sub{color:#cbbce4;font-size:13px;line-height:1.55;margin:10px 0 0;max-width:520px}.radio-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.radio-now,.radio-toggle-label{color:#a493c4;color:var(--muted);font-size:11.5px}.radio-now{align-items:center;display:flex;gap:8px;margin-top:16px}.radio-live-dot{background:#7c6d99;background:var(--muted-2);border-radius:50%;height:7px;width:7px}.radio-live-dot.is-live{animation:pulse 1.4s ease-in-out infinite;background:#f5c451;background:var(--gold);box-shadow:0 0 10px #f5c451cc}.radio-hero-art{display:grid;height:270px;justify-self:end;place-items:center;position:relative;width:270px}.radio-hero-ring{border:1px solid #f5c45147;border-radius:50%;box-shadow:0 0 60px #8b5cf640,inset 0 0 40px #8b5cf626;inset:0;position:absolute}.radio-hero-cover{animation:spinDisc 16s linear infinite;animation-play-state:paused;border-radius:50%;box-shadow:0 26px 60px #0000008c;height:210px;width:210px}.radio-hero-cover img{border-radius:50%}.radio-next-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1.2fr 1fr}.radio-next-card{background:#ffffff05;border:1px solid #a78bfa24;border:1px solid var(--line);border-radius:16px;min-width:0;padding:16px}.radio-next-card .section-header{margin-bottom:12px}.radio-next-row{align-items:center;display:flex;gap:12px}.radio-next-cover{border-radius:10px;flex-shrink:0;height:54px;width:54px}.radio-next-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.radio-next-title{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-next-artist{color:#a493c4;color:var(--muted);font-size:11px}.radio-reason{background:#f5c45114;border:1px solid #f5c4514d;border-radius:999px;color:#f5c451;color:var(--gold);font-size:10px;padding:4px 8px;white-space:nowrap}.radio-empty{color:#a493c4;color:var(--muted);font-size:12px;margin:0;padding:8px 0}.external-links{display:flex;flex-wrap:wrap;gap:8px}.switch{background:#ffffff14;border:1px solid #a78bfa4d;border:1px solid var(--line-strong);border-radius:999px;height:24px;padding:0;position:relative;transition:background .18s ease,border-color .18s ease;width:42px}.switch.is-on{background:linear-gradient(135deg,#7c3aed,#c026d3);border-color:#0000}.switch-knob{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0006;height:16px;left:3px;position:absolute;top:3px;transition:transform .18s ease;width:16px}.switch.is-on .switch-knob{transform:translateX(18px)}@media (max-width:1060px){.radio-hero{grid-template-columns:1fr}.radio-hero-art{height:210px;justify-self:start;width:210px}.radio-hero-cover{height:164px;width:164px}.radio-next-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.c2222da2.css.map*/