@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/fonts/roboto-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/fonts/roboto-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#f1f1f1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0c;--surface:#1b1b1e;--surface-high:#28282c;--muted:#aaa9b0;--line:#333337;--accent:#e5e2eb;--on-accent:#202024;--tg-inset-top:0px;--tg-inset-bottom:0px;--tg-inset-left:0px;--tg-inset-right:0px;background:#0b0b0c;font-family:Roboto,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{scrollbar-color:#39363e var(--bg);scrollbar-width:thin}body{min-width:0;min-height:100svh;margin:0}body.modal-open{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default;opacity:.4}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}::selection{background:var(--accent);color:var(--on-accent)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}svg{flex:none}input[type=range]{accent-color:var(--accent)}.app-shell{min-height:100svh;padding:var(--tg-inset-top) var(--tg-inset-right) 48px calc(232px + var(--tg-inset-left))}.sidebar{inset:var(--tg-inset-top) auto 0 var(--tg-inset-left);background:var(--bg);z-index:10;border-right:1px solid #232326;flex-direction:column;width:232px;padding:28px 16px;display:flex;position:fixed}.brand,.mobile-brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:24px;font-weight:700;display:flex}.brand{background:0 0;border:0;margin-bottom:40px;padding:0 12px}.brand-mark{color:#ff525b;border:1px solid #ff525b;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.brand-mark svg{width:17px;height:17px}.sidebar nav{gap:8px;display:grid}.sidebar nav button,.sidebar-favorites{text-align:left;color:#d3d1d7;background:0 0;border:0;border-radius:28px;align-items:center;gap:18px;min-height:50px;padding:0 20px;font-size:14px;display:flex}.sidebar nav button.active{background:var(--surface-high);color:#fff;font-weight:600}.sidebar nav button.active svg{fill:currentColor}.sidebar-divider{background:var(--line);height:1px;margin:26px 10px 22px}.sidebar-label{color:var(--muted);padding:0 20px 12px;font-size:12px}.sidebar-bottom{color:var(--muted);align-items:center;gap:8px;margin:auto 0 0 20px;font-size:12px;display:flex}.source-dot{background:#a4a3aa;border-radius:50%;width:5px;height:5px;display:inline-block}.workspace{max-width:1504px;margin:0 auto}.topbar{align-items:center;gap:24px;height:100px;padding:0 40px;display:flex}.source-selector select{background:var(--surface);color:#f1f1f1;max-width:160px;min-height:40px;font:inherit;border:1px solid #353338;border-radius:20px;padding:0 12px}@media (width<=600px){.source-selector{margin-left:auto}.source-selector select{max-width:145px;font-size:12px}}.mobile-brand{display:none}.search-form{background:var(--surface);border:1px solid #0000;border-radius:28px;align-items:center;gap:14px;width:min(600px,80%);height:48px;padding:0 10px 0 18px;display:flex}.search-form:focus-within{border-color:#77747d}.search-form>svg{color:var(--muted)}.search-form input,.library-filter input{color:#f1f1f1;background:0 0;border:0;outline:none;flex:1;width:0;min-width:0;height:100%;font-size:15px}input::placeholder{color:var(--muted);opacity:1}.search-form button{background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.avatar{background:#353338;border:0;border-radius:50%;flex:none;width:36px;height:36px;margin-left:auto;font-size:16px;font-weight:600}main{outline:none;min-width:0;padding:8px 40px 32px}main>section+section{margin-top:36px}h1{letter-spacing:-.6px;overflow-wrap:anywhere;font-size:32px;font-weight:700;line-height:1.2}h2{letter-spacing:-.35px;font-size:24px;font-weight:700;line-height:1.25}h3{font-size:18px;line-height:1.3}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-heading>div{min-width:0}.section-heading>button{flex:none}.eyebrow{color:var(--muted);margin-bottom:5px;font-size:13px;line-height:1.5}.muted{color:var(--muted)}.small-text,.small-text p{font-size:13px}.section-description{margin:-7px 0 24px;font-size:14px;line-height:1.6}.moods-section{margin-bottom:30px}.mood-grid,.genre-list{scrollbar-width:none;gap:9px;display:flex;overflow-x:auto}.mood-grid::-webkit-scrollbar{display:none}.genre-list::-webkit-scrollbar{display:none}.filter-chip,.genre-list button{background:var(--surface);border:1px solid #2b2b30;border-radius:22px;flex:none;align-items:center;gap:12px;min-height:40px;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex}.genre-list button svg{width:16px;height:16px}.primary-button,.outlined-button,.subtle-button,.danger-button,.text-button{background:0 0;border:0;border-radius:24px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:14px;font-weight:500;display:inline-flex}.primary-button{background:var(--accent);color:var(--on-accent)}.outlined-button{border:1px solid #57565c;min-height:36px;padding:0 14px;font-size:13px}.outlined-button svg{width:17px;height:17px}.subtle-button{background:var(--surface-high)}.danger-button{color:#601410;background:#ffb4ab}.danger-text{color:#ffb4ab}.text-button{color:#dedbe3;white-space:nowrap;min-height:40px;padding:0 8px;font-size:13px}.text-button svg{width:17px}.compact{min-height:40px}.icon-button{color:#d8d5dd;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:inline-grid;position:relative}.icon-button.is-active{color:#fff;background:#39363e}.artwork{border-radius:inherit;color:#a8a5ae;background:#29282d;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.artwork img{object-fit:cover;width:100%;height:100%}.artwork>svg{width:28%;max-width:52px;height:28%;max-height:52px}.album-grid,.loading-cards{scrollbar-width:thin;scroll-snap-type:x proximity;grid-auto-columns:calc(16.6667% - 13.3333px);grid-auto-flow:column;gap:16px;padding-bottom:8px;display:grid;overflow-x:auto}.album-card{scroll-snap-align:start;min-width:0}.album-play{background:var(--surface);aspect-ratio:1;border:0;border-radius:8px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.album-play-overlay{color:#fff;background:#000a;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:8px;right:8px}.album-play-overlay svg{width:20px;height:20px}.album-copy{align-items:flex-start;gap:2px;padding-top:11px;display:flex}.album-copy>div{flex:1;min-width:0}.album-copy strong,.album-copy small{white-space:nowrap;text-overflow:ellipsis;line-height:1.5;display:block;overflow:hidden}.album-copy strong{font-size:14px;font-weight:500}.album-copy small{color:var(--muted);font-size:13px}.album-copy .icon-button{width:32px;height:40px;margin-top:-5px}.album-copy .icon-button svg{width:19px;transform:rotate(90deg)}.track-list{margin:0;padding:0;list-style:none}.track-row{border-radius:8px;align-items:center;min-width:0;padding-right:4px;display:flex}.track-row.current{background:#222125}.track-main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:16px;min-width:0;min-height:72px;padding:10px 8px;display:flex}.track-number{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;flex:none;width:24px;font-size:12px}.track-art{border-radius:5px;flex:none;width:48px;height:48px;position:relative;overflow:hidden}.art-play{color:#fff;opacity:0;background:#0007;place-items:center;display:grid;position:absolute;inset:0}.art-play.visible{opacity:1}.track-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.track-title,.track-artist{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-title{font-size:14px;font-weight:500;line-height:1.3}.track-artist{color:var(--muted);font-size:13px;line-height:1.3}.track-plays{text-align:right;width:110px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.track-duration{text-align:right;width:50px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.track-row>.icon-button svg{width:20px;transform:rotate(90deg)}.table-labels{color:var(--muted);border-bottom:1px solid #222225;gap:16px;padding:0 66px 12px 98px;font-size:12px;display:flex}.table-labels span:first-child{flex:1}.table-labels span:last-child{text-align:right;width:50px}.table-labels span:nth-child(2){text-align:right;width:110px}.list-footnote{color:var(--muted);margin-top:18px;font-size:12px}.quick-picks{scrollbar-width:none;scroll-snap-type:x proximity;padding-bottom:4px;overflow-x:auto}.quick-picks::-webkit-scrollbar{display:none}.album-grid::-webkit-scrollbar{display:none}.album-grid{scrollbar-width:none}.quick-picks .track-list{grid-template-rows:repeat(4,auto);grid-auto-columns:calc(50% - 12px);grid-auto-flow:column;column-gap:24px;display:grid}.quick-picks .track-row{scroll-snap-align:start}.quick-picks .track-number,.quick-picks .track-plays,.quick-picks .track-duration{display:none}.quick-picks .track-main{gap:12px;min-height:64px;padding:8px 0}.quick-picks .track-art{width:48px;height:48px}.quick-picks .track-row>.icon-button{width:40px}.genre-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;display:grid}.genre-card{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:90px;padding:24px;display:flex}.genre-card strong{overflow-wrap:anywhere;font-size:17px;font-weight:500}.back-link{min-height:44px;color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;margin-bottom:18px;padding:0;font-size:14px;display:inline-flex}.sort-label select{color:#e4e1e8;background:var(--surface);border:1px solid var(--line);border-radius:24px;max-width:100%;padding:12px 16px;font-size:13px}.sort-label{max-width:100%}.library-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.library-card{background:var(--surface);text-align:left;border:0;border-radius:12px;align-items:center;gap:18px;min-width:0;padding:20px;display:flex}.library-art{background:#343238;border-radius:12px;flex:none;place-items:center;width:64px;height:64px;display:grid}.library-art svg{width:27px;height:27px}.library-card>span:nth-child(2){flex:1;min-width:0}.library-card strong,.library-card small{overflow-wrap:anywhere;display:block}.library-card strong{font-size:17px;font-weight:500;line-height:1.4}.library-card small{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.4}.library-card>svg{width:18px;color:var(--muted)}.library-filter{background:var(--surface);border-radius:28px;align-items:center;gap:12px;min-height:48px;margin:24px 0 18px;padding:0 16px;display:flex}.library-filter>svg{width:20px;color:var(--muted)}.library-filter input{height:48px;font-size:14px}.library-filter button{background:0 0;border:0;min-height:44px;padding:8px 0;font-size:13px}.inline-actions{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.inline-actions button,.create-playlist{border:1px solid var(--line);background:0 0;border-radius:24px;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-size:14px;display:inline-flex}.playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px;display:grid}.playlist-card{text-align:left;background:0 0;border:0;min-width:0;padding:0}.playlist-cover{aspect-ratio:1;background:#252428;border-radius:12px;place-items:center;margin-bottom:14px;display:grid}.playlist-cover svg{color:#b9b5c0;width:30%;height:30%}.playlist-card strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:15px;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.playlist-card small{color:var(--muted);margin-top:4px;font-size:13px;display:block}.pagination{color:var(--muted);justify-content:center;align-items:center;gap:18px;margin-top:24px;font-size:13px;display:flex}.pagination button{border:1px solid var(--line);color:#eee;background:0 0;border-radius:50%;width:44px;height:44px;font-size:20px}.bottom-nav{display:none}.has-player{padding-bottom:124px}.mini-player{z-index:30;left:var(--tg-inset-left);right:var(--tg-inset-right);min-height:84px;padding:12px 28px calc(12px + max(env(safe-area-inset-bottom), var(--tg-inset-bottom)));background:#242327;border-top:1px solid #3d3b42;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;display:grid;position:fixed;bottom:0}.mini-progress{background:#ddd9e3;max-width:100%;height:2px;position:absolute;top:-1px;left:0}.mini-info{text-align:left;background:0 0;border:0;align-items:center;gap:14px;min-width:0;padding:0;display:flex}.mini-info>.artwork{border-radius:5px;flex:none;width:52px;height:52px}.transport{justify-content:center;align-items:center;gap:14px;display:flex}.play-button{background:var(--accent);width:56px;height:56px;color:var(--on-accent);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.play-button svg{width:26px;height:26px}.repeat-one{background:var(--surface-high);padding:0 2px;font-size:9px;position:absolute}.mini-controls .transport{gap:6px}.mini-controls .play-button{width:44px;height:44px}.mini-extras{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.volume{width:90px;display:flex}.volume input{width:100%}.mini-mobile{display:none}.modal{color:#f1f1f1;width:min(480px,100% - 32px);max-height:calc(100svh - 48px - var(--tg-inset-top) - var(--tg-inset-bottom));background:#202024;border:1px solid #353339;border-radius:28px;padding:24px;position:fixed;overflow:hidden auto;box-shadow:0 24px 100px #0007}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000b}.modal-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.modal-header h2{letter-spacing:0;overflow-wrap:anywhere;font-size:22px}.modal-header .icon-button{margin:-8px -8px -8px 0}.modal>p{overflow-wrap:anywhere;font-size:14px;line-height:1.65}.track-summary{align-items:center;gap:16px;display:flex}.track-summary>.artwork{border-radius:8px;flex:none;width:80px;height:80px}.track-summary>div{min-width:0}.track-summary h3{overflow-wrap:anywhere;font-size:17px}.track-summary p{color:#c7c2cf;overflow-wrap:anywhere;margin-top:5px;font-size:14px;line-height:1.4}.track-summary small{color:var(--muted);margin-top:7px;font-size:12px;display:block}.track-stats{border-bottom:1px solid #3a373f;flex-wrap:wrap;gap:20px;margin-bottom:10px;padding:24px 0;display:flex}.track-stats>span{font-size:16px;font-weight:500}.track-stats small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:400;display:block}.action-list{margin:10px -8px 0;display:grid}.action-list>button{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:18px;min-width:0;min-height:56px;padding:12px;font-size:14px;display:flex}.action-list .track-copy strong{overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.45}.action-list .track-copy small{color:var(--muted);font-size:12px}.auth-hint{color:var(--muted);margin:10px 12px;font-size:13px;line-height:1.6}.auth-caption{margin-top:20px;font-size:13px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.create-playlist{margin:22px 0 10px}.dialog-form{gap:12px;display:grid}.dialog-form label{color:#c9c5d0;font-size:13px}.dialog-form input{color:#f1f1f1;background:0 0;border:1px solid #827d88;border-radius:8px;width:100%;min-height:56px;padding:12px 16px}.dialog-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;display:flex}.now-playing{background:#141416;width:min(500px,100% - 32px);padding:24px 32px}.now-playing .modal-header{margin-bottom:16px}.now-playing .modal-header h2{color:#bbb7c2;font-size:14px;font-weight:500}.player-tabs{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.player-tabs button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:24px;padding:0 18px;font-size:13px}.player-tabs button.active{color:#f1f1f1;background:#343137}.player-tabs button span{opacity:.6;margin-left:4px}.large-art{aspect-ratio:1;border-radius:14px;width:100%;margin:0 auto 28px;overflow:hidden}.now-track{align-items:center;gap:12px;margin-bottom:28px;display:flex}.now-track>div{flex:1;min-width:0}.now-track h2{letter-spacing:0;overflow-wrap:anywhere;font-size:23px;line-height:1.3}.now-track p{color:#bfbac7;overflow-wrap:anywhere;margin-top:6px;font-size:15px;line-height:1.5}.now-track .icon-button{border:1px solid #66616c}.timeline{margin-bottom:18px}.timeline input{cursor:pointer;appearance:none;background:0 0;width:100%;height:20px;margin:0}.timeline input::-webkit-slider-runnable-track{background:linear-gradient(to right, #e5e2eb var(--progress), #46434b var(--progress));border-radius:2px;height:4px}.timeline input::-webkit-slider-thumb{-webkit-appearance:none;background:#e5e2eb;border-radius:2px;width:4px;height:20px;margin-top:-8px}.timeline input::-moz-range-track{background:#46434b;height:4px}.timeline input::-moz-range-progress{background:#e5e2eb;height:4px}.timeline input::-moz-range-thumb{background:#e5e2eb;border:0;width:4px;height:20px}.time-labels{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.now-playing .transport{gap:8px}.now-playing .play-button{border-radius:32px;flex:1;max-width:160px;height:64px}.now-playing .transport>.icon-button:nth-child(2),.now-playing .transport>.icon-button:nth-child(4){background:#29272e;width:48px;height:48px}.player-more{background:0 0;border:1px solid #4b4652;border-radius:24px;min-height:44px;margin:24px auto 0;padding:0 20px;font-size:13px;display:block}.queue-list>p{margin-bottom:18px;font-size:13px;line-height:1.6}.queue-list .track-number,.queue-list .track-plays,.queue-list .track-duration{display:none}.queue-list .track-main{gap:10px;padding:10px 0}.queue-list .track-row>.icon-button svg{transform:none}.player-hint{text-align:center;color:var(--muted);margin-top:18px;font-size:12px;line-height:1.5}.player-feedback{color:#ffc8c1;background:#392725;border-radius:12px;margin-top:20px;padding:14px;font-size:13px;line-height:1.5}.player-feedback button{background:0 0;border:0;min-height:36px;padding:0;text-decoration:underline}.empty-state{text-align:center;background:var(--surface);border-radius:20px;padding:48px 20px}.empty-icon{color:#c8c3ce;background:#2c2a30;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 18px;display:grid}.empty-state h3{font-size:18px;font-weight:500}.empty-state p{color:var(--muted);max-width:420px;margin:10px auto 0;font-size:14px;line-height:1.65}.empty-state .primary-button{margin-top:22px}.error-message{color:#ffcec5;background:#332725;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px;font-size:14px;line-height:1.6;display:flex}.error-message p{overflow-wrap:anywhere;flex:1;min-width:140px}.error-message button{background:0 0;border:1px solid #97716b;border-radius:24px;min-height:40px;padding:0 16px;font-weight:500}.warning{color:#e0c7a2;background:#2c261f;border-radius:12px;margin:0 0 18px;padding:14px;font-size:13px;line-height:1.6}.toast{z-index:60;color:#262329;background:#e5e2eb;border-radius:12px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:8px 8px 8px 20px;font-size:14px;display:flex;position:fixed;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0007}.toast .icon-button{color:inherit}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{animation:1.5s ease-in-out infinite alternate pulse}.skeleton span,.skeleton i{background:#28262c;border-radius:5px;display:block}.loading-cards .skeleton span{aspect-ratio:1;margin-bottom:12px}.loading-cards .skeleton i{width:80%;height:12px;margin-top:8px}.loading-cards .skeleton i:last-child{width:55%}.loading-rows .skeleton{height:68px;padding:12px 0 0 64px;position:relative}.loading-rows .skeleton span{width:48px;height:48px;position:absolute;top:8px;left:0}.loading-rows .skeleton i{width:55%;height:12px;margin:4px 0 10px}.loading-rows .skeleton i:last-child{width:35%}@keyframes pulse{to{opacity:.4}}.skip-link{z-index:100;background:var(--accent);color:var(--on-accent);border-radius:8px;padding:14px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}@media (hover:hover){.sidebar nav button:hover,.sidebar-favorites:hover,.icon-button:hover,.search-form button:hover{background:#ffffff12}.filter-chip:hover,.genre-list button:hover,.genre-card:hover,.library-card:hover{background:#303035}.track-row:hover{background:#ffffff0c}.track-row:hover .art-play{opacity:1}.action-list>button:hover,.player-tabs button:hover{background:#ffffff0b}.primary-button:hover,.play-button:hover{background:#fff}.outlined-button:hover,.text-button:hover,.subtle-button:hover,.player-more:hover{background:#ffffff15}}@media (width>=1700px){.album-grid,.loading-cards{grid-auto-columns:calc(16.6667% - 16.6667px);gap:20px}}@media (width<=1200px){.app-shell{padding-left:calc(200px + var(--tg-inset-left))}.sidebar{width:200px;padding-inline:10px}.topbar,main{padding-inline:28px}.album-grid,.loading-cards{grid-auto-columns:calc(25% - 12px)}.mini-player{gap:16px;padding-inline:20px}.volume{width:70px}.mini-extras,.mini-controls .transport{gap:0}.genre-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.app-shell{padding-left:var(--tg-inset-left);padding-bottom:calc(100px + max(env(safe-area-inset-bottom), var(--tg-inset-bottom)))}.sidebar{display:none}.has-player{padding-bottom:calc(176px + max(env(safe-area-inset-bottom), var(--tg-inset-bottom)))}.topbar{height:88px;padding-inline:24px}main{padding-inline:24px;padding-top:4px}.bottom-nav{z-index:40;bottom:0;left:var(--tg-inset-left);right:var(--tg-inset-right);padding:9px 16px calc(8px + max(env(safe-area-inset-bottom), var(--tg-inset-bottom)));background:#111113;border-top:1px solid #27262a;justify-content:space-around;display:flex;position:fixed}.bottom-nav button{color:#aaa6b1;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;width:100px;min-height:54px;padding:0;font-size:11px;display:flex}.bottom-nav button svg{border-radius:20px;width:64px;height:30px;padding:3px 20px}.bottom-nav button.active{color:#eeeaf3;font-weight:600}.bottom-nav button.active svg{fill:currentColor;background:#38343e}.mini-player{bottom:calc(72px + max(env(safe-area-inset-bottom), var(--tg-inset-bottom)));border-radius:12px 12px 0 0;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:68px;padding:10px 16px}.mini-controls,.mini-extras{display:none}.mini-mobile{display:flex}.mini-info>.artwork{width:44px;height:44px}.mini-info{gap:12px}.mobile-brand{display:flex}.search-form{width:min(480px,60%);margin-left:auto}.avatar{margin-left:0}.toast{bottom:calc(156px + max(env(safe-area-inset-bottom), var(--tg-inset-bottom)))}}@media (width<=600px){.topbar{flex-wrap:wrap;align-content:start;gap:18px 0;height:auto;min-height:140px;padding:18px 20px 14px}.mobile-brand{height:32px;font-size:24px}.mobile-brand .brand-mark{width:28px;height:28px}.avatar{width:32px;height:32px;margin-left:auto;font-size:14px}.search-form{flex-basis:100%;order:3;gap:12px;width:100%;height:46px}main{padding:6px 20px 24px}main>section+section{margin-top:30px}h1{font-size:28px}h2{font-size:22px}.section-heading{gap:10px;margin-bottom:16px}.eyebrow{margin-bottom:4px;font-size:12px}.section-description{font-size:13px}.moods-section{margin-bottom:26px}.mood-grid,.genre-list{margin-right:-20px;padding-right:20px}.filter-chip{min-height:36px;padding-inline:16px;font-size:13px}.picks-section .section-heading{align-items:center}.outlined-button{gap:4px;min-height:34px;padding:0 11px;font-size:11px}.outlined-button svg{width:14px}.quick-picks{margin-right:-20px;padding-right:20px}.quick-picks .track-list{grid-auto-columns:calc(100% - 20px);column-gap:20px}.quick-picks .track-main{min-height:64px}.album-grid,.loading-cards{grid-auto-columns:144px;gap:14px;margin-right:-20px;padding-right:20px}.album-copy strong{font-size:13px}.album-copy small{font-size:12px}.album-copy .icon-button{width:26px}.genre-list button{min-height:40px;padding-inline:16px;font-size:13px}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.genre-card{min-height:76px;padding:18px 14px}.genre-card strong{font-size:15px}.genre-card svg{width:17px}.results-section .section-heading{flex-wrap:wrap;align-items:flex-start}.results-section .section-heading>div{width:100%}.sort-label select{min-height:40px;padding:8px 14px;font-size:12px}.table-labels{display:none}.track-main{gap:12px;min-height:68px;padding:8px 0}.track-number,.track-plays{display:none}.track-duration{width:34px;font-size:11px}.track-art{width:48px;height:48px}.track-row{padding-right:0}.track-row>.icon-button{width:36px}.track-title{font-size:14px}.track-artist{font-size:12px}.library-grid{grid-template-columns:1fr;gap:2px}.library-card{background:0 0;border-radius:12px;gap:16px;padding:12px 0}.library-art{border-radius:12px;width:56px;height:56px}.library-card strong{font-size:16px}.library-card small{margin-top:3px;font-size:12px}.library-filter{gap:8px;padding-inline:12px}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.playlist-card strong{font-size:14px}.section-heading:has(.compact){flex-wrap:wrap;align-items:flex-start}.section-heading .compact{padding-inline:16px;font-size:12px}.back-link{margin-bottom:12px}.empty-state{padding:36px 18px}.empty-state h3{font-size:17px}.empty-state p{font-size:13px}.modal{width:100%;max-width:none;max-height:calc(100svh - 28px - var(--tg-inset-top));padding:24px 24px calc(24px + max(env(safe-area-inset-bottom), var(--tg-inset-bottom)));border-bottom:0;border-radius:28px 28px 0 0;margin:auto 0 0}.modal-header h2{font-size:20px}.track-summary>.artwork{width:64px;height:64px}.track-summary h3{font-size:16px}.track-stats{gap:18px}.track-stats>span{font-size:14px}.now-playing{top:var(--tg-inset-top);height:calc(100svh - var(--tg-inset-top));max-height:none;padding:20px 28px calc(28px + max(env(safe-area-inset-bottom), var(--tg-inset-bottom)));border:0;border-radius:0;margin:0;bottom:0}.now-playing .modal-header{margin-bottom:16px}.now-playing .modal-header h2{font-size:14px}.player-tabs{margin-bottom:28px}.large-art{border-radius:12px;width:min(100%,44svh);margin-bottom:28px}.now-track{margin-bottom:22px}.now-track h2{font-size:22px}.now-track p{font-size:14px}.now-playing .transport{gap:5px}.now-playing .transport>.icon-button:first-child,.now-playing .transport>.icon-button:last-child{width:36px}.now-playing .transport>.icon-button:nth-child(2),.now-playing .transport>.icon-button:nth-child(4){width:44px;height:44px}.now-playing .play-button{height:60px}.queue-list .track-main{gap:10px}}@media (width<=360px){.topbar,main{padding-inline:16px}h2{font-size:20px}.quick-picks,.mood-grid,.genre-list,.album-grid,.loading-cards{margin-right:-16px;padding-right:16px}.mini-player{gap:4px;padding-inline:12px}.mini-mobile .icon-button{width:36px}.now-playing{padding-inline:20px}.now-track h2{font-size:20px}.track-duration{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}