@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Righteous&display=swap";:root{font-family:Poppins,system-ui,sans-serif;color:#f4f7fb;background:#090b16;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #090b16;--panel: rgba(22, 25, 43, .78);--line: rgba(255,255,255,.1);--muted: #8c94aa;--accent: #baff62;--accent-deep: #72b82e}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--bg)}button,input{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 70% 30%,rgba(46,42,116,.28),transparent 38%),var(--bg)}.ambient{position:fixed;width:42vw;height:42vw;border-radius:50%;filter:blur(80px);opacity:.24;pointer-events:none;animation:drift 12s ease-in-out infinite alternate}.ambient-one{top:-18vw;right:-8vw;background:#4138a7}.ambient-two{bottom:-20vw;left:-10vw;background:#285b65;animation-delay:-5s}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.auth-stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,1.08fr) minmax(420px,.92fr);width:min(1180px,calc(100% - 48px));min-height:720px;margin:0 auto;padding:52px 0}.auth-visual{position:relative;min-height:610px;overflow:hidden;border:1px solid var(--line);border-radius:28px 0 0 28px;background:linear-gradient(145deg,#252c52e0,#0a0c1aa6)}.visual-orbit{position:absolute;border:1px solid rgba(186,255,98,.26);border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:510px;height:220px;top:150px;left:2%}.orbit-two{width:620px;height:270px;top:125px;left:-10%;border-color:#ffffff1f;transform:rotate(28deg)}.auth-mark{position:absolute;top:92px;left:12%;display:grid;place-items:center;width:96px;height:96px;color:var(--accent);border:1px solid rgba(186,255,98,.5);border-radius:50%;box-shadow:0 0 42px #baff622e;animation:pulse 3s ease-in-out infinite}.auth-mark svg{width:40px;height:40px}.symbol-disc{font-size:40px;line-height:1}.symbol,.nav-symbol,.search-symbol,.row-symbol{display:inline-grid;place-items:center}.nav-symbol{color:currentColor;font-size:15px}.search-symbol{color:var(--muted);font-size:20px}.row-symbol{margin-left:auto;color:var(--accent);font-size:12px}.auth-bars{position:absolute;top:0;right:7%;bottom:28%;left:7%;display:flex;align-items:center;gap:6px;opacity:.62;transform:rotate(-7deg)}.auth-bars i,.waveform i,.mini-chart i{display:block;flex:1;height:var(--height);min-height:5px;border-radius:20px;background:linear-gradient(to top,rgba(186,255,98,.06),var(--accent));transform-origin:bottom;animation:equalize 1.3s var(--delay) ease-in-out infinite alternate}.visual-caption{position:absolute;left:12%;bottom:12%}.visual-caption span,.eyebrow,.hero-topline,.auth-footer,.brand-lockup small{display:block;color:var(--muted);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.visual-caption strong{display:block;margin-top:16px;font-family:Righteous,sans-serif;font-size:clamp(34px,4vw,64px);font-weight:400;line-height:1.08;letter-spacing:0}.auth-panel{display:flex;flex-direction:column;justify-content:center;padding:70px clamp(34px,6vw,86px);border:1px solid var(--line);border-left:0;border-radius:0 28px 28px 0;background:#0d0f1dd6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-lockup{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;letter-spacing:.08em}.brand-lockup small{margin-left:auto;font-size:9px;letter-spacing:.14em}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.auth-copy{margin-top:92px}.auth-copy h1{max-width:440px;margin:18px 0 12px;font-family:Righteous,sans-serif;font-size:clamp(42px,5vw,68px);font-weight:400;line-height:1.02;letter-spacing:0}.auth-copy>p:last-child,.modal-subtitle{color:var(--muted);font-size:14px}.auth-form{display:grid;gap:18px;margin-top:42px}.auth-form label,.request-modal label{display:grid;gap:9px;color:var(--muted);font-size:12px}.auth-form input,.request-modal input{width:100%;padding:14px 0;color:#fff;border:0;border-bottom:1px solid var(--line);outline:0;background:transparent}.auth-form input:focus,.request-modal input:focus{border-color:var(--accent)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 20px;color:#10200a;border-radius:5px;background:var(--accent);font-weight:700;box-shadow:0 10px 30px #baff6224;transition:transform .2s,box-shadow .2s,background .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 15px 36px #baff6240;background:#d0ff97}.primary-button:disabled{cursor:wait;opacity:.62}.primary-button svg{width:18px}.text-button{align-self:flex-start;margin-top:22px;padding:0;color:var(--muted);background:transparent;font-size:12px}.text-button:hover{color:var(--accent)}.form-error{margin:-3px 0;color:#ff9c9c;font-size:12px}.auth-footer{display:flex;justify-content:space-between;gap:12px;margin-top:70px;font-size:9px;letter-spacing:.11em}.player-stage{position:relative;z-index:1;width:min(1500px,calc(100% - 56px));min-height:100vh;margin:0 auto;padding:30px 0 48px}.topbar{display:flex;align-items:center;gap:56px;min-height:42px}.topbar nav{display:flex;gap:8px;margin-left:8%}.topbar nav button,.account{display:inline-flex;align-items:center;gap:8px;color:var(--muted);background:transparent;font-size:12px}.topbar nav button{padding:9px 12px}.topbar nav button svg{width:15px}.topbar nav .nav-active{color:var(--accent);border-bottom:1px solid var(--accent)}.account{margin-left:auto}.account-avatar{display:grid;place-items:center;width:29px;height:29px;color:#15200b;border-radius:50%;background:var(--accent);font-weight:700}.icon-button{display:grid;place-items:center;width:38px;height:38px;color:var(--muted);border:1px solid transparent;border-radius:50%;background:transparent;transition:color .2s,border-color .2s,transform .2s}.icon-button:hover{color:var(--accent);border-color:var(--line);transform:translateY(-2px)}.icon-button svg{width:17px}.player-grid{display:grid;grid-template-columns:280px minmax(420px,1fr) 280px;gap:24px;margin-top:52px}.panel-surface{border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,#1d223acc,#0f111ecc);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.library-panel{display:flex;flex-direction:column;min-height:650px;padding:22px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading h2,.insight-card h2,.request-modal h2{margin:8px 0 0;font-family:Righteous,sans-serif;font-size:25px;font-weight:400;letter-spacing:0}.search-box{display:flex;align-items:center;gap:8px;margin:28px 0 16px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.search-box svg{width:15px}.search-box input{width:100%;color:#fff;border:0;outline:0;background:transparent;font-size:12px}.song-list{display:grid;gap:5px;flex:1}.song-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px;color:var(--muted);text-align:left;border-radius:8px;background:transparent;transition:background .2s,color .2s}.song-row:hover,.song-row.selected{color:#fff;background:#ffffff12}.song-row img{width:38px;height:38px;object-fit:cover;border-radius:4px;background:#303550}.song-row svg{width:14px;margin-left:auto;color:var(--accent)}.song-meta{display:grid;gap:2px;min-width:0}.song-meta strong,.song-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-meta strong{color:inherit;font-size:12px;font-weight:500}.song-meta small{font-size:10px}.empty-state{display:grid;place-items:center;gap:8px;min-height:170px;color:var(--muted);text-align:center}.empty-state svg{width:30px;height:30px;color:var(--accent)}.empty-state p{margin:0;font-size:13px}.empty-state small{font-size:11px}.request-link{display:flex;align-items:center;gap:10px;padding:17px 0 2px;color:var(--accent);background:transparent;font-size:12px;text-align:left}.request-link svg{width:17px}.hero-panel{position:relative;display:flex;flex-direction:column;align-items:center;min-height:650px;padding:4px 36px 28px;text-align:center}.hero-topline{display:flex;justify-content:space-between;width:100%;color:var(--muted);font-size:10px}.hero-art-wrap{position:relative;display:grid;place-items:center;width:min(330px,62vw);aspect-ratio:1;margin:48px 0 24px}.hero-ring{position:absolute;border:1px solid rgba(186,255,98,.32);border-radius:50%;animation:spin 18s linear infinite}.ring-a{top:4%;right:4%;bottom:4%;left:4%}.ring-b{top:-5%;right:-5%;bottom:-5%;left:-5%;border-color:#ffffff1a;animation-direction:reverse;animation-duration:26s}.hero-art{position:relative;width:73%;height:73%;object-fit:cover;border-radius:50%;border:7px solid rgba(255,255,255,.1);box-shadow:0 0 0 12px #baff620d,0 24px 90px #00000080}.hero-info h1{max-width:600px;margin:13px 0 3px;font-family:Righteous,sans-serif;font-size:clamp(32px,4vw,52px);font-weight:400;letter-spacing:0}.hero-info>p:last-child{margin:0;color:var(--muted);font-size:13px}.waveform{display:flex;align-items:center;gap:3px;width:min(490px,90%);height:48px;margin-top:35px}.waveform i{animation-duration:1.1s}.transport{display:flex;align-items:center;gap:10px;width:min(490px,90%);margin-top:18px;color:var(--muted);font-size:10px}.progress{flex:1;height:2px;overflow:hidden;background:#ffffff24}.progress i{display:block;width:3%;height:100%;background:var(--accent);transition:width 1s linear}.progress i.active{width:48%}.controls{display:flex;align-items:center;gap:42px;margin-top:22px}.play-button{display:grid;place-items:center;width:62px;height:62px;color:#122009;border-radius:50%;background:var(--accent);box-shadow:0 8px 30px #baff6233;transition:transform .2s}.play-button:hover{transform:scale(1.06)}.play-button svg{width:24px;height:24px}.visual-stage{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:0;pointer-events:none}.hero-art-wrap>.hero-ring,.hero-art-wrap>.hero-art{z-index:1}.hero-info{position:relative;z-index:1}.lyric-line{display:block;margin-top:15px;color:var(--accent);font-size:12px;letter-spacing:.03em}.progress-range{flex:1;height:3px;accent-color:var(--accent);cursor:pointer}.audio-error{margin:12px 0 0;color:#ff9c9c;font-size:11px}.insight-panel{display:grid;align-content:start;gap:18px}.insight-card{padding:22px}.live-dot{width:7px;height:7px;margin-top:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.profile-score{display:flex;align-items:end;gap:10px;margin-top:40px}.profile-score strong{font-family:Righteous,sans-serif;font-size:76px;font-weight:400;line-height:.8;color:var(--accent)}.profile-score span{color:var(--muted);font-size:11px}.mini-chart{display:flex;align-items:end;gap:4px;height:92px;margin-top:32px;padding-bottom:3px;border-bottom:1px solid var(--line)}.mini-chart i{animation:none;min-height:4px;opacity:.72}.insight-copy{margin:22px 0 0;color:var(--muted);font-size:12px;line-height:1.8}.compact button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:20px;padding:0;color:#fff;background:transparent;font-size:13px}.compact button svg{width:18px;color:var(--accent)}.toast{position:fixed;right:28px;bottom:28px;z-index:5;padding:12px 18px;color:#17200e;border-radius:4px;background:var(--accent);font-size:12px;box-shadow:0 10px 30px #00000059}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#04050bb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.request-modal{position:relative;width:min(480px,100%);padding:36px}.request-modal h2{font-size:34px;line-height:1.05}.request-modal form{display:grid;gap:20px;margin-top:30px}.modal-close{position:absolute;top:16px;right:16px;font-size:22px}@keyframes drift{to{transform:translate3d(4vw,3vh,0) scale(1.06)}}@keyframes pulse{50%{transform:scale(1.04);box-shadow:0 0 60px #baff624d}}@keyframes equalize{to{transform:scaleY(.38);opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1050px){.player-grid{grid-template-columns:240px minmax(0,1fr)}.insight-panel{grid-column:1 / -1;grid-template-columns:1fr 1fr}.library-panel{min-height:620px}}@media (max-width: 760px){.auth-stage{display:block;width:calc(100% - 24px);padding:12px 0}.auth-visual{display:none}.auth-panel{min-height:calc(100vh - 24px);padding:34px 28px;border-left:1px solid var(--line);border-radius:22px}.auth-copy{margin-top:100px}.auth-footer{margin-top:48px}.player-stage{width:calc(100% - 24px);padding-top:18px}.topbar{flex-wrap:wrap;gap:18px}.topbar nav{order:3;width:100%;margin-left:0;overflow-x:auto}.account{margin-left:auto}.player-grid{grid-template-columns:1fr;margin-top:30px}.hero-panel{order:-1;min-height:auto;padding:4px 14px 28px}.hero-art-wrap{margin-top:35px}.library-panel{min-height:500px}.insight-panel{grid-template-columns:1fr}.brand-lockup small{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.library-tabs{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:7px}.library-tabs button{flex:1;padding:7px 3px;color:var(--muted);background:transparent;border-radius:5px;font-size:10px}.library-tabs button.active{color:#15200b;background:var(--accent)}.library-tabs small{opacity:.68}.catalog-row{display:flex;align-items:center;gap:10px;width:100%;padding:11px 8px;color:var(--muted);text-align:left;border-bottom:1px solid rgba(255,255,255,.05);background:transparent}.catalog-row:hover{color:#fff;background:#ffffff0d}.catalog-index{display:grid;place-items:center;width:30px;height:30px;color:var(--accent);border:1px solid var(--line);border-radius:50%}.row-count{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}.catalog-summary{display:grid;gap:7px;padding:26px 10px;color:var(--muted)}.catalog-summary strong{color:var(--accent);font-family:Righteous,sans-serif;font-size:44px;font-weight:400}.catalog-summary span{color:#fff;font-size:13px}.catalog-summary small{line-height:1.6}.library-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}