:root{color:#f6f2fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--purple:#a96dff;--purple-2:#7c3aed;--ink:#f6f2fb;--muted:#98939f;--panel:#151318;--line:#ffffff17;--tg-content-safe-top:env(safe-area-inset-top,0px);--tg-content-safe-bottom:env(safe-area-inset-bottom,0px);--tg-content-safe-left:env(safe-area-inset-left,0px);--tg-content-safe-right:env(safe-area-inset-right,0px);background:#0b0a0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:#0b0a0d;width:100%;max-width:100%;min-height:100%;overflow-x:clip}html{min-width:0}body{min-width:0;min-height:100svh;margin:0;position:relative}button,input{font:inherit}button,a{color:inherit}#root{isolation:isolate;min-height:100svh}.app-shell{width:100%;max-width:100%;min-height:var(--tg-viewport-stable-height,100svh);padding-bottom:calc(88px + var(--tg-content-safe-bottom,0px));background:radial-gradient(circle at 50% -15%,#211628 0,#0b0a0d 30rem);overflow-x:clip}.topbar{width:100%;height:72px;padding-left:max(22px, var(--tg-content-safe-left,0px), calc((100% - 1180px) / 2));padding-right:max(22px, var(--tg-content-safe-right,0px), calc((100% - 1180px) / 2));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;background:#0b0a0dd1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{letter-spacing:.15em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font-size:17px;font-weight:850;display:flex}.brand-mark{color:#0b0a0d;background:linear-gradient(145deg,#c99cff,#8650ff);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;box-shadow:0 8px 24px #9453ff3d}.brand-mark.large{border-radius:18px;width:58px;height:58px}.header-actions,.room-actions{align-items:center;gap:12px;display:flex}.avatar,.mini-avatar{color:#e9d9ff;background:#3a2848;border-radius:50%;justify-content:center;align-items:center;font-weight:750;display:inline-flex;overflow:hidden}.avatar{cursor:pointer;border:1px solid #ffffff2e;width:38px;height:38px}.avatar img,.profile-avatar img{object-fit:cover;width:100%;height:100%}.live-pill{color:#d9beff;cursor:pointer;background:#7c3aed1f;border:1px solid #a867ff4d;border-radius:99px;padding:8px 12px;font-size:12px}.live-pill span,.eyebrow.live span{background:#b56eff;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 12px #b56eff}main{width:100%;max-width:1224px;padding-left:max(22px, var(--tg-content-safe-left,0px));padding-right:max(22px, var(--tg-content-safe-right,0px));margin:0 auto}main.with-player{padding-bottom:94px}section{margin:64px 0}.hero-section{border-bottom:1px solid var(--line);margin-top:0;padding:66px 0 30px;position:relative;overflow:hidden}.hero-section:after{content:"";filter:blur(16px);pointer-events:none;background:radial-gradient(circle at 35% 35%,#cd9fffb3,#642da62b 45%,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-140px;right:2%}.hero-section h1,.gate h1{letter-spacing:-.06em;z-index:1;margin:18px 0 34px;font-family:inherit;font-size:clamp(45px,6vw,78px);font-weight:780;line-height:.98;position:relative}em{color:#b57aff;font-style:normal;font-weight:inherit;display:inline-block}.eyebrow{letter-spacing:.17em;color:#8e8894;align-items:center;gap:5px;margin:0;font-size:10px;font-weight:800;display:flex}.eyebrow.purple{color:#b986ff}.search-entry{border:1px solid var(--line);color:#9e98a3;text-align:left;cursor:pointer;z-index:2;background:#ffffff0e;border-radius:10px;align-items:center;gap:11px;width:min(520px,100%);padding:14px 16px;display:flex;position:relative}.search-entry span{border:1px solid var(--line);color:#706b74;border-radius:5px;margin-left:auto;padding:2px 7px;font-size:11px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:7px 0 2px;font-size:27px}.section-heading p:not(.eyebrow){color:var(--muted);font-size:13px}.text-button{color:#aaa4ae;cursor:pointer;background:0 0;border:0;align-items:center;font-size:12px;display:flex}.mode-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mode-card{border:1px solid var(--line);color:#fff;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:150px;padding:17px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.mode-card:hover,.mode-card.selected{border-color:#c797ffa6;transform:translateY(-3px)}.mode-card>span{letter-spacing:.12em;opacity:.65;font-size:10px;position:absolute;top:13px;left:15px}.mode-card svg{opacity:.72;position:absolute;top:18px;right:18px}.mode-card strong{font-size:17px}.mode-focus{background:linear-gradient(145deg,#182838,#15202a)}.mode-chill{background:linear-gradient(145deg,#372c46,#211c2a)}.mode-hype{background:linear-gradient(145deg,#493058,#261c30)}.mode-party{background:linear-gradient(145deg,#623387,#2b1c38)}.track-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.track-card{min-width:0}.cover-button{aspect-ratio:1;cursor:pointer;background:#1c1920;border:0;border-radius:10px;width:100%;padding:0;position:relative;overflow:hidden}.cover{object-fit:cover;background:#211d26;width:100%;height:100%;display:block}.cover-placeholder{color:#7f678e;justify-content:center;align-items:center;display:flex}.cover-button:after{content:"";opacity:.55;background:linear-gradient(#0000 50%,#0009);position:absolute;inset:0}.cover-button>span{z-index:1;color:#17101c;opacity:0;background:#a76df6;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s;display:flex;position:absolute;bottom:14px;right:14px;transform:translateY(8px)}.track-card:hover .cover-button>span,.track-card.active .cover-button>span{opacity:1;transform:none}.track-meta{grid-template-columns:24px 1fr 26px;align-items:center;gap:9px;padding-top:12px;display:grid}.track-meta>span,.row-number{color:#625d66;font-family:ui-monospace,monospace;font-size:10px}.track-meta strong,.track-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.track-meta p,.track-row p,.queue-row p,.player-track p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:11px;overflow:hidden}.player-track p a{color:#bd8cf7;text-decoration:none}.player-track p a:hover{text-decoration:underline}.track-meta button{color:#716c76;cursor:pointer;background:0 0;border:0}.track-meta button:hover{color:#c8a6f4}.page-section{margin-top:0;padding-top:58px}.page-title{letter-spacing:-.055em;margin:10px 0 30px;font-family:inherit;font-size:clamp(39px,5vw,62px);font-weight:760;line-height:1}.big-search{border:1px solid var(--line);background:#151318;border-radius:12px;align-items:center;gap:13px;height:58px;margin-bottom:32px;padding:0 18px;display:flex}.big-search input,.room-form input,.join-form input,.playlist-create input,.chat-input input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0}.big-search input{font-size:18px}.big-search button{color:#817b85;background:0 0;border:0}.track-list{border-top:1px solid var(--line)}.track-row{border-bottom:1px solid var(--line);align-items:center;display:flex}.track-row:hover,.track-row.active{background:#a664ff0f}.track-row-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;grid-template-columns:28px 48px minmax(110px,1fr) 90px 45px;align-items:center;gap:14px;min-width:0;padding:10px 8px;display:grid}.track-row .cover{border-radius:6px;width:48px;height:48px}.track-row-main>span{color:#8b858f;font-size:11px}.track-row .genre{text-transform:uppercase;letter-spacing:.08em;font-size:9px}.row-add{color:#8b7f95;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 40px;justify-content:center;align-items:center;height:40px;display:flex}.row-add:hover{color:#c8a6f4;background:#a664ff1a}.search-hint{align-items:center;gap:8px;margin:4px 0 18px;display:flex}.room-landing{text-align:center;max-width:680px;margin-left:auto;margin-right:auto}.room-landing .eyebrow{justify-content:center}.orb{color:#c49aff;background:radial-gradient(circle at 35% 30%,#50356b,#17131c 65%);border:1px solid #bb85ff40;border-radius:50%;justify-content:center;align-items:center;width:124px;height:124px;margin:10px auto 28px;display:flex;box-shadow:0 0 70px #a45eff2e}.lead{color:var(--muted);max-width:560px;margin:-12px auto 26px;line-height:1.7}.primary-button{color:#170d1e;cursor:pointer;background:#a76bf1;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-weight:750;display:inline-flex}.room-form{border:1px solid var(--line);background:#151318;border-radius:11px;max-width:470px;margin:auto;padding:7px;display:flex}.room-form input{padding-left:10px}.or{color:#6d6870;align-items:center;gap:12px;margin:28px 0 14px;font-size:10px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.join-form{border:1px solid var(--line);border-radius:9px;width:180px;height:45px;margin:auto;display:flex;overflow:hidden}.join-form input{letter-spacing:.16em;text-align:center;padding-left:14px}.join-form button{cursor:pointer;background:#201a25;border:0;width:45px}.room-header{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.room-header .page-title{margin-bottom:8px}.room-header>div>p:last-child{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.icon-button{border:1px solid var(--line);cursor:pointer;background:#151318;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.room-layout{grid-template-columns:minmax(0,1fr) 320px;gap:20px;display:grid}.room-main,.chat-panel{border:1px solid var(--line);background:#131116cc;border-radius:14px}.now-playing-card{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,42%) 1fr;align-items:center;gap:32px;padding:28px;display:grid}.now-playing-card>.cover{aspect-ratio:1;border-radius:11px}.now-playing-card h2{letter-spacing:-.045em;margin:12px 0 4px;font-family:inherit;font-size:clamp(28px,4vw,47px);font-weight:740;line-height:1.02}.now-playing-card>div>p:not(.eyebrow){color:var(--muted)}.room-controls{align-items:center;gap:12px;margin:24px 0 18px;display:flex}.round-play{color:#170e1d;cursor:pointer;background:#a86cf4;border:0;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.vote-button{color:#cfacff;cursor:pointer;background:#8b42ef1a;border:1px solid #ad6cff59;border-radius:9px;align-items:center;gap:8px;padding:11px 14px;display:flex}.license{color:#6f6875;font-size:9px;line-height:1.4}.empty-state{color:#77717c;flex-direction:column;justify-content:center;align-items:center;min-height:320px;display:flex}.empty-state h2{color:#d1cbd5;margin-bottom:2px}.empty-state p{margin:0;font-size:12px}.queue{padding:24px 28px}.queue .section-heading{align-items:center;margin-bottom:12px}.queue .section-heading h2{margin:0;font-size:18px}.queue .section-heading span{color:#6d6670;font-size:11px}.queue-row{border-top:1px solid var(--line);grid-template-columns:22px 42px 1fr 45px;align-items:center;gap:11px;padding:9px 0;display:grid}.queue-row>span{color:#77717b;font-size:10px}.queue-row .cover{border-radius:5px;width:42px;height:42px}.queue-row strong{font-size:12px}.chat-panel{flex-direction:column;min-height:580px;display:flex;overflow:hidden}.chat-panel h2{border-bottom:1px solid var(--line);align-items:center;gap:8px;margin:0;padding:20px;font-size:15px;display:flex}.messages{flex:1;max-height:500px;padding:18px;overflow-y:auto}.message{grid-template-columns:30px 1fr;gap:9px;margin-bottom:17px;display:grid}.mini-avatar{width:30px;height:30px;font-size:11px}.message strong{color:#c8a5f5;font-size:11px}.message p{color:#d6d0da;margin:2px 0;font-size:12px;line-height:1.4}.chat-input{border-top:1px solid var(--line);background:#100e12;gap:6px;padding:12px;display:flex}.chat-input input{padding:9px 4px}.chat-input button{color:#160c1c;background:#9f64ed;border:0;border-radius:50%;width:37px;height:37px}.playlist-create{border:1px solid var(--line);background:#151318;border-radius:10px;max-width:440px;margin-bottom:28px;padding:7px;display:flex}.playlist-create input{padding-left:10px}.playlist-create button{color:#c8a6f4;cursor:pointer;background:#2b2032;border:0;border-radius:7px;align-items:center;gap:5px;padding:9px 12px;display:flex}.library-layout{border:1px solid var(--line);border-radius:12px;grid-template-columns:260px 1fr;min-height:420px;display:grid;overflow:hidden}.playlist-sidebar{border-right:1px solid var(--line);background:#100f12;padding:12px}.playlist-sidebar button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.playlist-sidebar button.active{background:#251c2b}.playlist-sidebar button>span{color:#ba84fb;background:#352642;border-radius:6px;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.playlist-sidebar strong{font-size:12px}.playlist-sidebar p{color:var(--muted);margin:2px 0 0;font-size:10px}.playlist-content{min-width:0;padding:24px}.playlist-content>h2{margin:0 0 18px}.add-tracks{color:#ba88f8;margin-top:24px;font-size:12px}.add-tracks summary{cursor:pointer;align-items:center;gap:5px;display:flex}.add-tracks button{border:0;border-bottom:1px solid var(--line);color:#aaa4ae;text-align:left;background:0 0;justify-content:space-between;width:100%;padding:10px;display:flex}.muted{color:var(--muted)}.profile-page{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}.profile-page>.eyebrow{justify-content:center}.profile-page .page-title{margin-bottom:4px}.profile-avatar{color:#dcbcff;background:#3c2b49;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:5px auto 24px;font-size:36px;display:flex;overflow:hidden}.profile-stats{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);margin:32px 0 18px;display:grid}.profile-stats div{border-right:1px solid var(--line);flex-direction:column;padding:20px;display:flex}.profile-stats div:last-child{border:0}.profile-stats strong{letter-spacing:-.04em;font-size:24px;font-weight:780}.profile-stats span{color:var(--muted);margin-top:5px;font-size:10px}.import-card{border:1px solid var(--line);text-align:left;background:#121015;border-radius:14px;margin-bottom:18px;padding:28px}.import-card-copy h2{margin:9px 0 5px}.import-card-copy p:not(.eyebrow),.taste-line{color:var(--muted);font-size:12px;line-height:1.55}.import-form{background:#0d0b0f;border:1px solid #b578ff52;border-radius:9px;height:48px;margin-top:20px;display:flex;overflow:hidden}.import-form input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0 14px;font-size:12px}.import-form button{color:#170d1e;cursor:pointer;background:#a76bf1;border:0;flex:0 0 48px;justify-content:center;align-items:center;width:48px;display:flex}.import-form button:disabled{opacity:.65;cursor:wait}.taste-line{margin:12px 0 0}.import-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.import-list a{border:1px solid var(--line);min-width:0;color:inherit;background:#ffffff06;border-radius:8px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.import-list a>span{color:#c99bff;background:#302238;border-radius:7px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:flex}.import-list a div{min-width:0}.import-list strong,.import-list small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.import-list strong{font-size:11px}.import-list small{color:var(--muted);margin-top:2px;font-size:9px}.access-card{text-align:left;background:radial-gradient(circle at 90% 10%,#9a50f747,#0000 45%),#17131b;border:1px solid #b578ff59;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex}.access-card h2{margin:9px 0 5px}.access-card p:not(.eyebrow){color:var(--muted);font-size:12px}.access-card>span{color:#d3b4fb;background:#a663f41f;border:1px solid #be8bff59;border-radius:99px;padding:9px 14px;font-size:11px;font-weight:750}.mini-player{z-index:40;left:max(18px, var(--tg-content-safe-left,0px));right:max(18px, var(--tg-content-safe-right,0px));bottom:calc(72px + var(--tg-content-safe-bottom,0px));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#19151df5;border:1px solid #ffffff21;border-radius:13px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;height:74px;padding:10px 16px;display:grid;position:fixed;overflow:hidden;box-shadow:0 18px 55px #00000080}.mini-progress{background:#ffffff14;height:2px;position:absolute;top:0;left:0;right:0}.mini-progress i{background:#b678fa;height:100%;transition:width .25s linear;display:block}.player-track{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:0;display:grid}.player-track .cover{border-radius:7px;width:46px;height:46px}.player-track strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.player-center{align-items:center;display:flex}.player-buttons{align-items:center;gap:14px;display:flex}.player-buttons button{color:#e9e3ed;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.player-buttons .play-btn{color:#160d1c;background:#a66aed;border-radius:50%;width:40px;height:40px}.player-buttons .ghost-btn{color:#b7b0bf}.player-buttons button:disabled{opacity:.22;cursor:default}.mini-expand{color:#7e7789;cursor:pointer;background:0 0;border:0;padding:4px}.now-playing{z-index:80;background:#0b0a0d;flex-direction:column;animation:.28s np-rise;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes np-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.now-playing-bg{filter:blur(60px)saturate(1.4);opacity:.35;background-position:50%;background-size:cover;position:absolute;inset:-40px;transform:scale(1.1)}.now-playing-bg:after{content:"";background:linear-gradient(#0b0a0d8c,#0b0a0d 78%);position:absolute;inset:0}.now-playing-inner{z-index:1;width:min(560px,100%);padding:calc(14px + var(--tg-content-safe-top,0px)) 20px calc(20px + var(--tg-content-safe-bottom,0px));flex-direction:column;flex:1;margin:0 auto;display:flex;position:relative;overflow-y:auto}.np-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.np-source{letter-spacing:.16em;color:#9a93a6;font-size:10px;font-weight:800}.np-art{aspect-ratio:1;width:100%;max-width:340px;margin:8px auto 22px}.np-art .cover{border-radius:16px;width:100%;height:100%;box-shadow:0 26px 70px #0000008c}.np-meta{text-align:left}.np-meta h2{letter-spacing:-.03em;margin:0 0 4px;font-size:clamp(24px,6vw,34px);font-weight:780}.np-meta>p{color:var(--muted);font-size:15px}.np-meta .license{color:#7d7488;margin-top:8px;font-size:10px;display:inline-block}.seekbar{color:#8a8391;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;margin:22px 0 6px;font-size:11px;display:grid}.seekbar input,.np-volume input,.np-crossfade input{appearance:none;background:#ffffff29;border-radius:4px;outline:0;height:4px}.seekbar input{background:linear-gradient(#b678fa, #b678fa) 0/var(--seek,0%) 100% no-repeat #ffffff29}.seekbar input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #0006}.np-volume input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #0006}.np-crossfade input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #0006}.seekbar input:disabled{opacity:.5}.np-controls{justify-content:space-between;align-items:center;margin:18px 0 8px;display:flex}.np-controls button{color:#efeaf4;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.np-controls button:disabled{opacity:.25;cursor:default}.np-toggle{color:#8f8899;width:42px;height:42px}.np-toggle.on{color:#b67cfa}.np-skip{width:52px;height:52px}.np-play{color:#14101a;background:#fff;border-radius:50%;width:68px;height:68px}.np-extra{flex-direction:column;gap:14px;margin:14px 0 24px;display:flex}.np-volume{align-items:center;gap:12px;display:flex}.np-volume input{flex:1}.icon-button.ghost{color:#9a93a6;background:0 0;border:0;width:auto;height:auto}.np-crossfade{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:12px;display:grid}.np-crossfade input{width:100%}.np-crossfade b{color:#c8a6f4;text-align:right;min-width:34px;font-weight:700}.np-queue{border-top:1px solid var(--line);padding-top:16px}.np-queue .section-heading{align-items:center;margin-bottom:8px}.np-queue h3{align-items:center;gap:7px;margin:0;font-size:14px;display:flex}.np-queue .section-heading span{color:#6d6670;font-size:11px}.np-queue-row{border-top:1px solid #ffffff0d;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.np-queue-row>span{color:#77717b;font-size:10px}.np-queue-row .cover{border-radius:6px;width:44px;height:44px}.np-queue-play{cursor:pointer;background:0 0;border:0;padding:0}.np-queue-info{cursor:pointer;min-width:0}.np-queue-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.np-queue-info p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:11px;overflow:hidden}.bottom-nav{height:calc(60px + var(--tg-content-safe-bottom,0px));padding-left:var(--tg-content-safe-left,0px);padding-right:var(--tg-content-safe-right,0px);padding-bottom:var(--tg-content-safe-bottom,0px);z-index:45;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a090cf5;justify-content:center;gap:60px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#69646d;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:72px;font-size:9px;display:flex}.bottom-nav button.active{color:#b67cfa}.toast{z-index:100;border:1px solid var(--line);color:#ddd6e1;background:#211b25;border-radius:9px;padding:11px 16px;font-size:12px;position:fixed;bottom:155px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000073}.splash,.gate{text-align:center;background:radial-gradient(circle,#281a31,#0b0a0d 55%);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:30px;display:flex}.splash strong{letter-spacing:.18em;margin:14px 0 35px}.spin{color:#a66aea;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gate{max-width:none}.gate .eyebrow{margin-top:24px}.gate h1{margin:16px 0;font-size:clamp(42px,8vw,68px)}.gate>p:not(.eyebrow){max-width:460px;color:var(--muted);line-height:1.6}.gate a{color:#170e1c;background:#a66bea;border-radius:9px;align-items:center;gap:7px;margin-top:25px;padding:12px 17px;font-weight:750;text-decoration:none;display:flex}.gate small{color:#766f7a;margin-top:18px}@media (width<=800px){.topbar{height:60px;padding-left:max(15px, var(--tg-content-safe-left,0px));padding-right:max(15px, var(--tg-content-safe-right,0px))}.live-pill{display:none}main{width:100%;max-width:100%;padding-left:max(14px, var(--tg-content-safe-left,0px));padding-right:max(14px, var(--tg-content-safe-right,0px))}section{margin:42px 0}.hero-section{padding-top:40px}.hero-section h1{overflow-wrap:break-word;max-width:100%;font-size:clamp(36px,10.5vw,47px)}.hero-section:after{width:230px;height:230px;top:-60px;right:-80px}.mode-grid{grid-template-columns:repeat(2,1fr)}.mode-card{min-height:118px}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.track-row-main{grid-template-columns:22px 46px minmax(0,1fr) 44px;gap:10px}.track-row .genre{display:none}.room-layout{grid-template-columns:1fr}.now-playing-card{grid-template-columns:1fr;padding:18px}.now-playing-card>.cover{max-width:330px;margin:auto}.chat-panel{min-height:400px}.library-layout{grid-template-columns:1fr}.playlist-sidebar{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.playlist-sidebar button{min-width:190px}.access-card{flex-direction:column;align-items:flex-start}.import-card{padding:20px}.import-list{grid-template-columns:1fr}.mini-player{left:max(8px, var(--tg-content-safe-left,0px));right:max(8px, var(--tg-content-safe-right,0px));bottom:calc(60px + var(--tg-content-safe-bottom,0px));grid-template-columns:minmax(0,1fr) auto;gap:10px;height:64px;padding:8px 12px}.player-track{grid-template-columns:42px minmax(0,1fr)}.player-track .cover{width:42px;height:42px}.player-buttons{gap:8px}.player-buttons .ghost-btn,.mini-expand{display:none}.bottom-nav{justify-content:space-around;gap:3px;height:58px}.bottom-nav button{min-width:64px}.page-section{padding-top:35px}.page-title{font-size:43px}}