@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(data:font/woff2;base64,d09GMgABAAAAAAcwABUAAAAADVQAAAbBAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkQbgR4cLj9IVkFSYD9NVkFSRgZgP1NUQVSBECcqAFwvZBEICoMkgnELFAAwhH4BNgIkAyIEIAWGEAdnDAcboAsonoWxMy2MW9VSU/H2d24ggnj6P7/qdF8kHtj4XCsDah+E/KT39YIFcHcr5mdFZwLNDw9CeW4KlnBLVwQRet6nWJGSNRWvjZZM5AF9/V+YzdmiNbWZhBUUSOGWSLhW2RoXvEtYlxCEfCMrFAA6BuFam7oKRUZVCFWhRR/qJMlMiCgVZ/4ca0sETSHYgDJIJKezg6AEeH4/UIDkWQgqQABAB41AABe1VKK6dOsdhehnpalC9DfR1iEaDRCEADJ7qqmDPyCAYODEgeBAUIADRQ2tgB4qkWgAgOBp5BnH2tUEgA3ErCKtimIziMYx+tZRkDo+B2CcYroAUAMQQMOC/DExNOyf1AIEqIEEKgEKoAEFyK2JYdUjqxX9gAAwZpyto8zKVlMAICtmCHZvvscvU9uhetlltjPXxFCpcgAT1C41AqC3NxEZR3GGgPFsQPEn9Dv9AAEV1gUdEnSDES/lADn+6DGoZioeqIBCEBwIUIQ/UAa5fLpoEwZQQLIclVoNmiUiAMTkNhAAsaQOgAYUSg6A+hsQAHFIasTfqUaMdhH93bqCn0dv0Y1Mxwz/rMEkngeFGyecLPOg2jTgjVHHlnFn1ePPoBCvIU0PgI97z1hU0OQ8V6Iq/BwEUU8EQ4OB4FQdyadBEOByAhRAIhThj4OXDnAXcgDG2hAxxIQMtyzUgY0DcCA1wwnPy+biZg5xg64AiKelqxEkCD8ATgAKAdzAdMBJoAx4e5naGUU9jSAGahwNjTq+8W7DtfwYMsuPz6g1XPyMe4OHcM9wzZ544OVL2fjTo1fDhz95JRtfunY9r+B6JRd3737xgg3f338+ZMjD5wE2vLjmvqrsfi7KpklBNhwDNs4hLtfZB1nVo/LtXbteDo7bGL+x9LnOu7gSi0s45CJc/mquZ+53Had/3dvtr8Ybttd9ifzjnXq4Zb+pTblf584tP9A9sdAIX89W9cqWOy8urXS6243Og4UTLSdNOtqi74T6Wi+zp5Xr6RpTqLOrX2Wp2FTquoyMtjObjK4jpZMt84p3bd218fcnDp+IoMbXTl0+vgP56caMH6fVqeP+OKNQ34WDI8PmIJDVIAAbW7oRW9vBIzQAYINeo695N38DAQQF1BAAQB1AaXV6TEEMP0RLzQ5ctUHhwY/gB6cDpZRWWNvhvV7xtTdCTx62RTr+t9EROf52+4hqwKoHM4/P3FgXpe6yLMD76VNExDcBX1jIH3Yp7lSX+fKlzCapUmWPbtYsN7eRA47ZYTVbbEp/xcTqp40a3d8kgcC2lmDn2kCI59VnWx1NAZbGgyDNV1vAFJu5FO3miyhkCFmswIrSVn+m4cGofr9T0gtXmTw09dO1a16PkZUSH/IBkrx9G5qSFfLgxvTvUt01arz+FBpnGCEhx00R2RZKkZ2alp0fzE1LDbpKNhShcYSQv0hQG1qZDr/fmZca/ghYVGJxlLKSkix/drZ/c6tCgVkxImp4WHxugc/XJo8s3HRlyqfYLHfRckwVJGlsXycqqOGwidPXFPr25z/Nmxau/p9Rr57aFGS1RW4u7iIFAw1tFS5Mxb/8VkR5k5cXVEauSXY2pXVWSkRkklGk1rBYI0tr8nLTSpb8G+5yhXMADzyTaevXgL1Zp6VZlh0QM3fsx6LChf9nUFEe5Rfxel+//BCekJby74034cm1Sj0pKdGfMTg6JQXHolu80R26VNVeFRGjTGrML/a3KLdYsfRSwdIdF/wS97oFBJCflu4t3XhyfFibNIfWkQCf9r4tAJ9v5YH5D/L/t64YRwELBYDAz9xlvaUoc/8UQJDdHboro2Mz9jFInPDh9H5qASpKQgBOzmMzgG87VkOtVdB9GjGcwLdyIEJCoawjhU8WkKZZWpFBpZQgk2Guk0Ul58N9NCPHEwMP48ikiG6ycNGBbHyygBx4aEJOCsggFw7KkJtCAo/uwQV0olqyQtFmHZtpSTNMxXktRyAaKYo+cK9zaHpJBCK7ld6ZnAkoolP/ZzYvSzUPD8sKk8TLZmFYJCoGZhJ4DGjXa4xuGebQcRBOoWGIwKFaYhqHmCwSTJeiCKMCq0gNAc+GYSrLDBajCqNYJQYHcZXJJ0A4xapUqMKZ6z2NlL69lfVr0u8Nccx9YwPV6tkC81rPZI+nqPdmFSuWYpQISRkjH5QNMRmyUjejicO9FXMknCLnOWQIJNp0jmWMFZiWYyRwhQrhmdU9JWEPp+eCXCSYbnA0cgpOoIp7UWjRYogpltVxkolc5Ld0nsQ2aGrgvbG4QXMT38TJjo3+3UW3hhd38NKijMZseaj+FQn2vbEXAA==) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-cyrillic-wght-normal-C627f1f8.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-vietnamese-wght-normal-rat7GD3o.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-latin-ext-wght-normal-D6H-S6MW.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-latin-wght-normal-D5afBTBx.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0b0b0b;--panel: #131313;--panel-2: #181818;--raised: #1f1f1f;--hover: #262626;--hover-2: #2f2f2f;--line: #262626;--line-2: #3a3a3a;--text: #f2f2f2;--text-2: #a7a7a7;--text-3: #707070;--danger: #ff7a6b;--tile: #222222;--tile-hover: #2c2c2c;--menu: #282828;--menu-hover: #3a3a3a;--track: #4a4a4a;--track-buffer: #5c5c5c;--round-btn: #000000;--outline-btn: #727272;--input-hover: #555555;--switch-off: #535353;--switch-off-hover: #6a6a6a;--scroll: rgba(255, 255, 255, .2);--scroll-hover: rgba(255, 255, 255, .34);--spinner-track: rgba(255, 255, 255, .14);--pill-bg: #0d0d0d;--toast-bg: #f2f2f2;--toast-ink: #121212;--play-ink: #000000;--shadow-art: 0 8px 24px rgba(0, 0, 0, .45);--shadow-cover: 0 4px 60px rgba(0, 0, 0, .5);--head-mix: 100%;--head-shade-to: rgba(0, 0, 0, .45);--head-fade-from: rgba(0, 0, 0, .6);--sticky-shade: rgba(0, 0, 0, .5)}:root[data-theme=oled]{--bg: #000000;--panel: #0a0a0a;--panel-2: #0f0f0f;--raised: #161616;--hover: #1c1c1c;--hover-2: #252525;--line: #1c1c1c;--line-2: #2e2e2e;--tile: #141414;--tile-hover: #1f1f1f;--menu: #1a1a1a;--menu-hover: #2a2a2a;--track: #3a3a3a;--track-buffer: #4a4a4a;--round-btn: #161616;--pill-bg: #000000;--head-shade-to: rgba(0, 0, 0, .6);--head-fade-from: rgba(0, 0, 0, .72);--sticky-shade: rgba(0, 0, 0, .62)}:root[data-theme=graphite]{--bg: #1c1c1c;--panel: #242424;--panel-2: #292929;--raised: #2e2e2e;--hover: #353535;--hover-2: #3d3d3d;--line: #353535;--line-2: #4a4a4a;--text: #f0f0f0;--text-2: #b3b3b3;--text-3: #808080;--tile: #303030;--tile-hover: #3a3a3a;--menu: #333333;--menu-hover: #444444;--track: #555555;--track-buffer: #666666;--round-btn: #141414;--outline-btn: #888888;--input-hover: #666666;--switch-off: #5c5c5c;--switch-off-hover: #707070;--pill-bg: #1c1c1c;--head-shade-to: rgba(0, 0, 0, .35);--head-fade-from: rgba(0, 0, 0, .45);--sticky-shade: rgba(0, 0, 0, .4)}:root[data-theme=light]{color-scheme:light;--bg: #e9e9e9;--panel: #ffffff;--panel-2: #f6f6f6;--raised: #f0f0f0;--hover: #e8e8e8;--hover-2: #dedede;--line: #e6e6e6;--line-2: #cfcfcf;--text: #121212;--text-2: #5e5e5e;--text-3: #959595;--danger: #c62f22;--tile: #f1f1f1;--tile-hover: #e7e7e7;--menu: #ffffff;--menu-hover: #f0f0f0;--track: #d0d0d0;--track-buffer: #bdbdbd;--round-btn: #dcdcdc;--outline-btn: #9a9a9a;--input-hover: #b0b0b0;--switch-off: #c4c4c4;--switch-off-hover: #b0b0b0;--scroll: rgba(0, 0, 0, .2);--scroll-hover: rgba(0, 0, 0, .35);--spinner-track: rgba(0, 0, 0, .12);--pill-bg: #ffffff;--toast-bg: #121212;--toast-ink: #f2f2f2;--play-ink: #ffffff;--shadow-art: 0 6px 18px rgba(0, 0, 0, .14);--shadow-cover: 0 6px 32px rgba(0, 0, 0, .18);--head-mix: 30%;--head-shade-to: rgba(255, 255, 255, 0);--head-fade-from: rgba(255, 255, 255, .35);--sticky-shade: rgba(255, 255, 255, .35)}:root{--accent: #ff5500;--accent-hover: #ff6b22;--accent-ink: #140600;--accent-text: #ff5500}:root[data-theme=light]{--accent-text: #d24600}:root[data-accent=mono]{--accent: #f2f2f2;--accent-hover: #ffffff;--accent-ink: #0b0b0b;--accent-text: var(--text)}:root[data-accent=mono][data-theme=light]{--accent: #121212;--accent-hover: #000000;--accent-ink: #ffffff}:root[data-accent=mono] .tr.current .tr-title,:root[data-accent=mono] .q-row.current .q-title,:root[data-accent=mono] .lib-title.accent{font-weight:700}:root{--r-xs: 4px;--r-sm: 6px;--r: 8px;--topbar: 56px;--playerbar: 84px;--gap: 8px;--font: "Inter Variable", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.4 var(--font);font-feature-settings:"cv11";-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:default}h1,h2,h3,p{margin:0}img{display:block}[hidden]{display:none!important}button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer}button:disabled{cursor:default;opacity:.4}input{font:inherit;color:inherit;-webkit-user-select:text;user-select:text}code{font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:12px;background:var(--raised);padding:1px 5px;border-radius:3px}:focus{outline:none}:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:var(--r-xs)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:transparent;border:3px solid transparent;background-clip:padding-box;border-radius:8px}.scroll-y{overflow-x:hidden;overflow-y:auto}.scroll-y:hover::-webkit-scrollbar-thumb{background-color:var(--scroll)}.scroll-y::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-hover)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.muted{color:var(--text-2)}.h2{font-size:22px;font-weight:700;letter-spacing:-.015em}.h3{font-size:16px;font-weight:700}.link{text-align:left;max-width:100%}.link:hover{text-decoration:underline;color:var(--text)}.accent{color:var(--accent-text)}.btn{height:40px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:transform .1s ease,background-color .15s ease,border-color .15s ease,color .15s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn-sm{height:32px;padding:0 14px;font-size:13px}.btn-lg{height:52px;padding:0 32px;font-size:16px}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-outline{border:1px solid var(--outline-btn);color:var(--text);height:34px;padding:0 16px}.btn-outline:hover:not(:disabled){border-color:var(--text)}.btn-text{height:auto;padding:4px 0;color:var(--text-2);font-weight:600}.btn-text:hover{color:var(--text)}.icon-btn{position:relative;width:32px;height:32px;flex:none;display:inline-grid;place-items:center;border-radius:50%;color:var(--text-2);transition:color .12s ease,transform .1s ease,opacity .12s ease}.icon-btn:hover:not(:disabled){color:var(--text)}.icon-btn:active:not(:disabled){transform:scale(.92)}.icon-btn.xl{width:48px;height:48px}.icon-btn.toggle.on,.icon-btn.like.on{color:var(--accent)}.icon-btn.toggle.on:hover,.icon-btn.like.on:hover{color:var(--accent-hover)}.icon-btn.toggle.on:after{content:"";position:absolute;bottom:-2px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:currentColor}.round-btn{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--round-btn);color:var(--text);transition:background-color .15s ease,transform .1s ease}.round-btn.lg{width:48px;height:48px;background:var(--raised);color:var(--text-2)}.round-btn.lg:hover,.round-btn.lg.active{color:var(--text)}.round-btn.lg:hover{background:var(--hover)}.play-big{width:56px;height:56px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);transition:transform .1s ease,background-color .15s ease}.play-big:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.04)}.play-big:active:not(:disabled){transform:scale(.97)}.play-fab{position:absolute;right:8px;bottom:8px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 16px #00000059;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,background-color .15s ease}.play-fab:hover{background:var(--accent-hover);transform:scale(1.05)!important}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{height:32px;padding:0 14px;border-radius:999px;background:var(--raised);color:var(--text);font-size:13px;font-weight:500;white-space:nowrap;transition:background-color .15s ease}.chip:hover{background:var(--hover-2)}.chip.on{background:var(--text);color:var(--bg)}.badge{flex:none;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1;padding:3px 5px;border-radius:3px;background:var(--hover-2);color:var(--text-2)}.input{height:40px;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--panel-2);transition:border-color .15s ease}.input:hover{border-color:var(--input-hover)}.input:focus{border-color:var(--text-2)}.input::placeholder{color:var(--text-3)}.link-more{color:var(--text-2);font-size:13px;font-weight:700;white-space:nowrap}.link-more:hover{color:var(--text);text-decoration:underline}.link-more.pad{margin:12px 0 0 12px}.dot{margin:0 6px;color:var(--text-2)}.app{height:100vh;position:relative;isolation:isolate;display:grid;grid-template-columns:var(--rail) clamp(248px,21vw,320px) minmax(0,1fr);grid-template-rows:var(--topbar) minmax(0,1fr) var(--playerbar);column-gap:14px;row-gap:14px;padding:0 14px 14px}.app.with-queue{grid-template-columns:var(--rail) clamp(248px,21vw,320px) minmax(0,1fr) clamp(280px,24vw,360px)}.app>.topbar,.app>.rail,.app>.sidebar,.app>.main,.app>.queue,.app>.playerbar{position:relative;z-index:1}.panel{background:var(--panel);border-radius:var(--r);min-height:0;overflow:hidden}.main{grid-column:3;grid-row:2;position:relative;container-type:inline-size;overflow-y:auto;padding-bottom:14px}.splash{height:100vh;display:grid;place-items:center}.drag-strip{position:absolute;inset:0 0 auto;height:var(--topbar);-webkit-app-region:drag}.topbar{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:minmax(var(--tb-right),1fr) minmax(0,560px) minmax(var(--tb-right),1fr);align-items:center;gap:16px;-webkit-app-region:drag}.topbar button,.topbar input,.search{-webkit-app-region:no-drag}.tb-left{display:flex;align-items:center;gap:20px;min-width:0}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}.tb-nav{display:flex;gap:8px}.nav-btn{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--raised);color:var(--text);transition:background-color .15s ease,color .15s ease,transform .1s ease}.nav-btn:active:not(:disabled){transform:scale(.95)}.nav-btn:disabled{color:var(--text-3)}.tb-center{display:flex;align-items:center;gap:8px;justify-content:center;justify-self:stretch}.tb-right{width:var(--tb-right);justify-self:end;flex:none;display:flex;align-items:center;justify-content:flex-end;gap:8px}.search{position:relative;flex:0 1 560px;min-width:0;height:48px;display:flex;align-items:center;border-radius:999px;background:var(--raised);border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease}.search:hover{background:var(--hover);border-color:var(--line-2)}.search:focus-within{background:var(--hover);border-color:var(--text)}.search-icon{flex:none;margin-left:13px;color:var(--text-2)}.search:focus-within .search-icon{color:var(--text)}.search input{flex:1;min-width:0;height:100%;border:0;background:none;padding:0 12px 0 10px;font-size:15px}.search input::placeholder{color:var(--text-3)}.search input:focus-visible{outline:none}.search-clear{margin-right:8px}.avatar-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--raised);transition:transform .1s ease,background-color .15s ease}.avatar-btn:hover{background:var(--hover);transform:scale(1.04)}.avatar-btn{position:relative}.avatar-dot.downloading{animation:pulse 1.4s ease-in-out infinite}.avatar-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--text);box-shadow:0 0 0 2px var(--bg)}@media(max-width:1100px){.brand span{display:none}}.sidebar{grid-column:2;grid-row:2;display:flex;flex-direction:column}.sb-brand{display:flex;align-items:center;gap:10px;padding:14px 20px 0;font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--text)}.sb-head{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 4px 20px}.sb-title{display:flex;align-items:center;gap:12px;color:var(--text-2);font-size:15px;font-weight:700;transition:color .15s ease}.sb-title:hover{color:var(--text)}.sb-chips{padding:8px 12px;gap:4px;flex-wrap:wrap}.sb-chips .chip{height:30px;padding:0 9px;font-size:12.5px}.sb-list{flex:1;padding:4px 8px 8px}.lib-row{width:100%;display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--r-sm);text-align:left;transition:background-color .12s ease}.lib-row:hover{background:var(--raised)}.lib-row.active{background:var(--hover)}.lib-row.active:hover{background:var(--hover-2)}.lib-tile{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:var(--r-xs);background:var(--hover-2);color:var(--text-2)}.lib-tile.accent{background:var(--accent);color:var(--accent-ink)}.lib-text{flex:1;min-width:0}.lib-title{font-size:15px;font-weight:500;color:var(--text)}.lib-sub{margin-top:2px;font-size:13px;color:var(--text-2)}.lib-playing{flex:none;color:var(--accent-text)}.sb-section{padding:16px 8px 6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.lib-tile.ya-tile,.ph-tile.ya-tile,.lib-tile.au-tile,.ph-tile.au-tile{background:var(--hover);color:var(--text)}.ya-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--text);color:var(--bg);font-weight:900;font-size:22px}.ya-mark.round{border-radius:50%}.ya-mark.vk{font-size:15px;letter-spacing:.02em}.ya-mark.big{width:64px;height:64px;border-radius:16px;font-size:34px;margin-bottom:8px}.lib-row.drop-target{background:var(--hover);box-shadow:inset 0 0 0 2px var(--text)}.pb-live{flex:1;height:4px;border-radius:2px;background:var(--text-3);opacity:.5}.time.live{font-weight:700;color:var(--text)}.sb-empty{padding:24px 8px;color:var(--text-2);font-size:13px}.skeleton{pointer-events:none}.sk{background:var(--raised);border-radius:var(--r-xs);animation:pulse 1.4s ease-in-out infinite}.sk-art{width:48px;height:48px;flex:none}.sk-line{height:12px;width:70%;margin:5px 0}.sk-line.short{width:40%}@keyframes pulse{50%{opacity:.45}}.playerbar{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,min(680px,44vw)) minmax(max-content,1fr);align-items:center;gap:16px;padding:0 8px}.pb-left{display:flex;align-items:center;gap:14px;min-width:0}.pb-art{flex:none;border-radius:var(--r-xs);overflow:hidden}.pb-idle-art{flex:none;width:56px;height:56px;display:grid;place-items:center}.pb-idle-title{font-size:14px;font-weight:700;color:var(--text-2)}.pb-idle-sub{font-size:13px;color:var(--text-3)}.pb-idle-btn{display:block;max-width:100%;font-size:13px;color:var(--text-3);text-align:left}.pb-idle-btn:hover{color:var(--text)}.pb-text{min-width:0;display:flex;flex-direction:column;gap:3px}.pb-title{display:block;font-size:14px;font-weight:600;color:var(--text)}.pb-artist-row{display:flex;align-items:center;gap:6px;min-width:0}.pb-artist{display:block;font-size:12px;color:var(--text-2)}.pb-center{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.pb-controls{display:flex;align-items:center;gap:16px}.play-main{position:relative;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--text);color:var(--play-ink);transition:transform .1s ease}.play-main:hover:not(:disabled){transform:scale(1.06)}.play-main:active:not(:disabled){transform:scale(.96)}.play-main.loading:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;border-top-color:var(--text-2);animation:spin .9s linear infinite}.pb-progress{width:100%;display:flex;align-items:center;gap:8px}.pb-progress .time{font-size:13px}.pb-progress.disabled .slider{pointer-events:none;opacity:.5}.time{min-width:40px;font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums;text-align:right}.time:last-child{text-align:left}.pb-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-right:8px}.volume{flex:none;display:flex;align-items:center;gap:4px;width:148px}.slider{position:relative;flex:1;height:16px;display:flex;align-items:center;cursor:pointer;touch-action:none}.slider:focus-visible{outline-offset:0}.slider-track{position:relative;width:100%;height:4px;border-radius:2px;background:var(--track);overflow:hidden;transition:height .15s var(--ease-out)}.slider:hover .slider-track,.slider.dragging .slider-track{height:6px}.slider-buffer{position:absolute;inset:0 auto 0 0;background:var(--track-buffer)}.slider-fill{position:absolute;inset:0 auto 0 0;border-radius:2px;background:var(--text)}.slider:hover .slider-fill,.slider.dragging .slider-fill{background:var(--accent)}.slider-thumb{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--text);box-shadow:0 2px 4px #00000080;opacity:0;pointer-events:none}.slider:hover .slider-thumb,.slider.dragging .slider-thumb,.slider:focus-visible .slider-thumb{opacity:1}.queue{grid-column:4;grid-row:2;display:flex;flex-direction:column}@media(max-width:1240px){.app.with-queue{grid-template-columns:var(--rail) minmax(0,1fr) clamp(280px,30vw,340px)}.app.with-queue>.sidebar{display:none}.app.with-queue>.main{grid-column:2}.app.with-queue>.queue{grid-column:3}}.q-head{display:flex;align-items:center;justify-content:space-between;padding:16px 12px 4px 16px}.q-body{flex:1;padding:0 8px 16px}.q-label{padding:16px 8px 8px;font-size:15px;font-weight:700}.q-source{color:var(--text)}.q-label-row{display:flex;align-items:center;justify-content:space-between;padding-right:8px}.q-row{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:var(--r-sm)}.q-row:hover{background:var(--raised)}.q-art{position:relative;flex:none;border-radius:var(--r-xs);overflow:hidden}.q-art-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0000008c;color:#fff;opacity:0;transition:opacity .12s ease}.q-row:hover .q-art-overlay,.q-row.current .q-art-overlay{opacity:1}.q-text{flex:1;min-width:0}.q-title{font-size:14px;color:var(--text)}.q-row.current .q-title{color:var(--accent-text)}.q-artist{display:block;margin-top:2px;font-size:13px;color:var(--text-2)}.q-remove{opacity:0}.q-row:hover .q-remove{opacity:1}.q-more{padding:12px 8px;font-size:13px;color:var(--text-2)}.yandex-engine,.engine-page{position:fixed;left:-10000px;top:0;width:1280px;height:800px;pointer-events:none;opacity:0}.yandex-engine webview,.engine-page webview{width:100%;height:100%}.lib-tile.letter{font-size:22px;font-weight:900;color:var(--text)}.np-body{padding:4px 16px 24px;display:flex;flex-direction:column;gap:16px}.np-cover{width:100%;height:auto;aspect-ratio:1;border-radius:var(--r);box-shadow:var(--shadow-art)}.np-title-row{display:flex;align-items:center;gap:4px}.np-text{flex:1;min-width:0}.np-title{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;user-select:text}.np-artist{display:block;margin-top:4px;font-size:14px;color:var(--text-2)}.np-stats{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:13px;color:var(--text-2)}.np-stats span{display:inline-flex;align-items:center;gap:5px}.np-genre{padding:2px 8px;border-radius:999px;background:var(--raised)}.np-card{padding:16px;border-radius:var(--r);background:var(--panel-2)}.np-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.np-card-label{font-size:15px;font-weight:700}.np-artist-head{width:100%;display:flex;align-items:center;gap:12px;margin-top:12px;text-align:left}.np-artist-name{font-size:16px;font-weight:700}.np-artist-head:hover .np-artist-name{text-decoration:underline}.np-artist-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:13px;color:var(--text-2)}.btn.small{height:30px;padding:0 14px;font-size:13px}.np-desc{margin-top:12px;font-size:13px;line-height:1.5;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.np-next{width:100%;display:flex;align-items:center;gap:12px;margin-top:12px;padding:6px;border-radius:var(--r-sm);text-align:left;color:var(--text-2)}.np-next:hover{background:var(--raised);color:var(--text)}.np-next-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--text)}.np-next-text .muted{font-size:13px}.lib-tile.sc-letter{font-size:16px;letter-spacing:-.02em}.sb-chips.hidden{display:none}.au-mark{font-size:96px;font-weight:900;letter-spacing:-.04em;line-height:1}.sb-section.with-action{display:flex;align-items:center;justify-content:space-between;padding-right:4px}.sb-section.with-action .icon-btn{color:var(--text-3)}.sb-section.with-action .icon-btn:hover{color:var(--text)}.lib-tile.dashed{background:none;border:1px dashed var(--line-2)}.lyrics-body{padding:8px 20px 32px}.lyrics-lines{display:flex;flex-direction:column;gap:6px;padding:24px 0 40%}.lyric{text-align:left;font-size:20px;font-weight:700;line-height:1.35;color:var(--text-3);transition:color .2s ease}.lyric.past{color:var(--text-2)}.lyric.on,.lyric:hover{color:var(--text)}.lyrics-plain{padding:16px 0;white-space:pre-wrap;font-size:16px;line-height:1.6;color:var(--text-2)}.lyrics-state{display:grid;place-items:center;padding:48px 0}.lyrics-credit{font-size:11px;color:var(--text-3)}@media(max-width:1240px){.pb-right .autoplay-btn{display:none}}.q-row.past{opacity:.6}.q-row.past:hover{opacity:1}.q-row[draggable=true]{cursor:grab}.q-row.dragging{opacity:.4}.q-row.drop-before{box-shadow:inset 0 2px 0 var(--text)}.q-row.drop-after{box-shadow:inset 0 -2px 0 var(--text)}.q-head-actions{display:flex;align-items:center;gap:2px;flex:none}.np-lyrics{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;text-align:left;cursor:pointer}.np-lyrics:hover{background:var(--hover)}.np-lyric{font-size:15px;font-weight:700;line-height:1.35;color:var(--text-3)}.np-lyric.on{color:var(--text)}.pb-art{position:relative}.pb-art-hint{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#000000b8;color:#fff;opacity:0;transform:rotate(180deg) scale(.8);transition:opacity .15s ease,transform .15s ease}.pb-art:hover .pb-art-hint,.pb-art:focus-visible .pb-art-hint{opacity:1;transform:rotate(180deg)}:root{--tb-right: 200px}.art{position:relative;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:var(--r-xs);background:var(--hover)}.art img{width:100%;height:100%;object-fit:cover}.art.round{border-radius:50%}.art{container-type:inline-size}.art-letter{font-size:44cqi;font-weight:800;line-height:1;color:var(--text-2);-webkit-user-select:none;user-select:none}.art-ph{width:42%;height:42%;max-width:72px;max-height:72px;color:var(--text-3)}.art-tone .art-ph{color:#ffffffd9}.view{min-height:100%;padding:16px 24px 56px}.view.flush{padding:0}.page-body{position:relative;padding:0 24px 56px}.view-title{margin:12px 0 24px;font-size:32px;font-weight:800;letter-spacing:-.025em}.lead{margin:-12px 0 32px;font-size:15px}.section,.shelf{margin-top:32px}.shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px}.section>.h2{margin-bottom:12px}.tabs{margin:4px 0 8px}.grid{display:grid;margin:0 -12px}.card{min-width:0;padding:12px;border-radius:var(--r);cursor:pointer;transition:background-color .2s ease}.card-art{position:relative;margin-bottom:10px}.card-art .art{width:100%;aspect-ratio:1;border-radius:var(--r-sm);box-shadow:var(--shadow-art)}.card-art .art.round{border-radius:50%}.card-art .card-tile{width:100%;height:auto;aspect-ratio:1;border-radius:var(--r-sm);box-shadow:var(--shadow-art)}.card-remove{position:absolute;top:6px;right:6px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#000000b3;color:#fff;opacity:0;transition:opacity .15s ease}.card:hover .card-remove{opacity:1}.card:hover .play-fab,.card.active .play-fab,.card:focus-visible .play-fab{opacity:1;transform:none}.card-title{font-size:15px;font-weight:600}.card-sub{margin-top:4px;font-size:13px;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tracklist{--cols: 32px minmax(0, 6fr) minmax(110px, 2fr) 68px 52px 32px}.tracklist:focus-visible{outline:none}.tracklist.no-extra{--cols: 32px minmax(0, 1fr) 0 68px 52px 32px}.tl-head,.tr{display:grid;grid-template-columns:var(--cols);align-items:center;column-gap:16px;padding:0 12px}.tl-head{height:36px;margin-bottom:8px;border-bottom:1px solid var(--line);color:var(--text-2);font-size:13px}.tl-head .tr-lock{flex:none;color:var(--text-2)}.tr-dur{display:flex;justify-content:flex-end}.tr{height:56px;border-radius:var(--r-xs)}.tracklist.compact .tr{height:54px}.tr:hover{background:var(--raised)}.tr.selected,.tr.selected:hover{background:var(--hover-2)}.tr.blocked{opacity:.45}.tr-num{position:relative;height:100%;display:grid;place-items:center;color:var(--text-2);font-size:15px;font-variant-numeric:tabular-nums}.tr-play{position:absolute;inset:0;display:none;place-items:center;color:var(--text)}.tr:hover .tr-play,.tr.selected .tr-play{display:grid}.tr:hover .tr-index,.tr:hover .eq,.tr.selected .tr-index,.tr.selected .eq{visibility:hidden}.tr.current .tr-index{color:var(--accent-text)}.tr-main{min-width:0;display:flex;align-items:center;gap:12px}.tr-text{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px}.tr-title{max-width:100%;display:flex;align-items:center;gap:8px;font-size:15px;color:var(--text)}.tr.current .tr-title{color:var(--accent-text)}.src-badge{flex:none;width:16px;height:16px;display:inline-grid;place-items:center;border-radius:4px;background:var(--text);color:var(--bg);font-size:10px;font-weight:900;line-height:1}.tr-artist{font-size:13px;color:var(--text-2)}.tr:hover .tr-artist,.tr.selected .tr-artist{color:var(--text)}.tr-extra{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--text-2);font-variant-numeric:tabular-nums}.tr-like{display:flex;justify-content:flex-end;gap:4px}.tr-like .icon-btn,.tr-more .icon-btn{opacity:0}.tracklist.appear .tr{animation:tr-appear .24s ease-out}@keyframes tr-appear{0%{opacity:0;transform:translateY(6px)}}.tr{position:relative}.tr.drop-before:before,.tr.drop-after:after{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:1px;background:var(--text);pointer-events:none}.tr.drop-before:before{top:-1px}.tr.drop-after:after{bottom:-1px}.tr:hover .tr-like .icon-btn,.tr.selected .tr-like .icon-btn,.tr-like .icon-btn.on,.tr:hover .tr-more .icon-btn,.tr.selected .tr-more .icon-btn{opacity:1}.tr-dur{justify-self:end;font-size:14px;color:var(--text-2);font-variant-numeric:tabular-nums}@container (max-width: 760px){.tracklist,.tracklist.no-extra{--cols: 28px minmax(0, 1fr) 0 68px 48px 32px}.tr-extra{visibility:hidden}}@container (max-width: 640px){.tracklist,.tracklist.no-extra{--cols: 24px minmax(0, 1fr) 64px 44px}.tl-head,.tr{column-gap:10px;padding:0 8px}.tr-extra,.tr-more{display:none}}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq i{width:3px;height:100%;border-radius:1px;background:var(--accent);animation:eq .9s ease-in-out infinite;transform-origin:bottom}.eq i:nth-child(1){animation-delay:-.25s}.eq i:nth-child(2){animation-delay:-.65s}.eq i:nth-child(3){animation-delay:-.4s}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.page-head{position:relative;display:flex;align-items:flex-end;gap:24px;min-height:320px;padding:64px 24px 24px;--head-tint: color-mix(in srgb, var(--head-color) var(--head-mix), var(--panel));background:linear-gradient(180deg,transparent 0%,var(--head-shade-to) 100%),var(--head-tint)}.page-head.with-image{min-height:360px;background:linear-gradient(180deg,#00000026,#000000b3),var(--head-image) center / cover no-repeat,var(--head-color);color:#fff}.ph-art{width:232px;height:232px;flex:none;border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-cover)}.page-head.round .ph-art{border-radius:50%}.ph-art>.art,.ph-tile{width:100%;height:100%;border-radius:0}.ph-tile{display:grid;place-items:center;background:var(--hover-2);color:var(--text-2)}.ph-tile.accent{background:var(--accent);color:var(--accent-ink)}.ph-info{min-width:0;display:flex;flex-direction:column;gap:6px}.ph-kind{font-size:13px;font-weight:600}.ph-title{margin:4px 0 10px;padding-bottom:.06em;font-weight:900;line-height:1.02;letter-spacing:-.04em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;-webkit-user-select:text;user-select:text}.ph-title.size-xl{font-size:clamp(32px,8cqw,96px)}.ph-title.size-lg{font-size:clamp(28px,6.4cqw,72px)}.ph-title.size-md{font-size:clamp(24px,4.6cqw,52px)}.ph-title.size-sm{font-size:clamp(22px,3.4cqw,32px)}.ph-meta{display:flex;flex-wrap:wrap;align-items:center;font-size:14px}.ph-meta .dot{margin:0 4px}.ph-owner{display:inline-flex;align-items:center;gap:8px}@container (max-width: 720px){.ph-art{width:168px;height:168px}.page-head{min-height:260px}}@container (max-width: 560px){.page-head{flex-direction:column;align-items:flex-start;min-height:0;gap:16px;padding-top:32px}.ph-art{width:140px;height:140px}}.action-bar{position:relative;display:flex;align-items:center;gap:20px;padding:24px 0}.action-spacer{flex:1}.sticky-anchor{position:sticky;top:0;height:0;z-index:20}.sticky-bar{position:absolute;top:0;left:-24px;right:-24px;height:64px;display:flex;align-items:center;gap:12px;padding:0 24px;background:linear-gradient(var(--sticky-shade),var(--sticky-shade)),color-mix(in srgb,var(--head-color) var(--head-mix),var(--panel));opacity:0;pointer-events:none;transition:opacity .18s ease}.sticky-bar.shown{opacity:1;pointer-events:auto}.sticky-title{font-size:22px;font-weight:800;letter-spacing:-.02em}.play-big.small{width:44px;height:44px}.menu{position:fixed;z-index:100;min-width:232px;max-width:320px;padding:4px;border-radius:var(--r-sm);background:var(--menu);border:1px solid var(--line);box-shadow:0 16px 24px #0000004d,0 6px 8px #0003}.menu-item{width:100%;height:40px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:3px;text-align:left;font-size:14px;color:var(--text)}.menu-item svg{flex:none;color:var(--text-2)}.menu-item:hover:not(:disabled){background:var(--menu-hover)}.menu-item:hover:not(:disabled) svg{color:var(--text)}.menu-icon-gap{width:18px;flex:none}.menu-sep{height:1px;margin:4px 0;background:var(--line-2)}.toasts{position:fixed;left:50%;bottom:calc(var(--playerbar) + 16px);z-index:90;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}@property --full-color{syntax: "<color>"; inherits: true; initial-value: hsl(0 0% 24%);}.full-player{--full-color: hsl(0 0% 24%);--text: #fff;--text-2: rgba(255, 255, 255, .72);--text-3: rgba(255, 255, 255, .5);--track: rgba(255, 255, 255, .22);--track-buffer: rgba(255, 255, 255, .36);--hover: rgba(255, 255, 255, .12);--play-ink: #0b0b0b;transition:--full-color .9s ease;position:fixed;inset:0;z-index:120;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding:64px 72px 24px;color:#fff;background:radial-gradient(120% 90% at 20% 10%,var(--full-color) 0%,transparent 70%),radial-gradient(90% 70% at 90% 100%,var(--full-color) 0%,transparent 65%),#0b0b0b;animation:full-in .22s ease-out}@keyframes full-in{0%{opacity:0;transform:translateY(16px)}}.full-close{position:absolute;top:12px;left:16px;width:48px;height:48px;color:#fff}.full-left{display:flex;flex-direction:column;align-items:stretch;gap:20px;width:min(100%,560px,calc(100vh - 360px));justify-self:center}.full-cover{position:relative;animation:cover-swap .5s var(--ease-out) backwards}@keyframes cover-swap{0%{opacity:0;transform:scale(.94)}}.full-cover .art{width:100%;height:auto;aspect-ratio:1;border-radius:var(--r);box-shadow:0 24px 64px #00000080}.full-pulse{position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(70% 60% at 50% 70%,var(--full-color) 0%,transparent 100%);mix-blend-mode:screen;opacity:calc(var(--bass, 0) * .7)}.full-left,.full-right{position:relative}.full-beat{position:absolute;inset:-8%;border-radius:var(--r);pointer-events:none;background:var(--full-color);mix-blend-mode:screen;filter:blur(calc(18px + var(--bass, 0) * 48px));opacity:calc(var(--bass, 0) * .9)}@media(prefers-reduced-motion:reduce){.full-beat,.full-pulse{display:none}}.full-meta{display:flex;align-items:center;gap:12px}.full-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.full-title{font-size:30px;font-weight:800;letter-spacing:-.02em}.full-artist{align-self:flex-start;max-width:100%;font-size:18px;color:#ffffffb8}.full-player .pb-progress,.full-player .pb-controls{width:100%;color:#fff}.full-player .slider-fill,.full-player .slider:hover .slider-fill,.full-player .slider.dragging .slider-fill{background:#fff}.full-player .icon-btn.like.on,.full-player .icon-btn.like.on:hover,.full-player .icon-btn.toggle.on,.full-player .icon-btn.toggle.on:hover{color:#fff}.full-player .pb-controls{justify-content:center;gap:28px;transform:scale(1.25);transform-origin:center top}.full-right{height:100%;min-height:0;display:flex;align-items:flex-start}.full-right:not(.leaving){animation:panel-enter .35s var(--ease-out) backwards}.full-right.leaving{animation:panel-leave .28s ease-in forwards}@keyframes panel-enter{0%{opacity:0;transform:translateY(14px)}}@keyframes panel-leave{to{opacity:0;transform:translateY(-14px)}}.full-lyrics{width:100%;max-height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:30vh 0;-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}.full-lyrics.plain{display:block;padding:0;-webkit-mask-image:none;mask-image:none;white-space:pre-wrap;font-size:20px;line-height:1.6;color:#ffffffd9}.full-line{text-align:left;font-size:28px;font-weight:800;line-height:1.3;color:#ffffff61;transform-origin:left center;transition:color .2s ease,transform .3s var(--ease-out);animation:line-in .45s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 28ms)}.full-line.on{transform:translate(6px)}@keyframes line-in{0%{opacity:0;transform:translateY(10px)}}.full-line.past{color:#ffffff8c}.full-line.on,.full-line:hover{color:#fff}.full-next{width:100%;display:flex;flex-direction:column;gap:6px}.full-next-label{margin-bottom:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff9}.full-next-row{display:flex;align-items:center;gap:14px;padding:8px;border-radius:var(--r-sm);text-align:left;animation:line-in .4s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 60ms)}.full-next-row:hover{background:#ffffff14}.full-next-text{min-width:0;display:flex;flex-direction:column;gap:2px;font-size:15px}.full-next-text .muted{color:#fff9}@media(max-width:1100px){.full-player{grid-template-columns:1fr;padding:56px 28px 28px}.full-right{display:none}.full-left{width:min(100%,880px,calc(100vh - 340px))}}.update-installing{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);text-align:center}.update-installing strong{margin-top:8px;font-size:22px;font-weight:800}.update-installing span{font-size:14px;color:var(--text-2)}.update-banner{position:fixed;right:28px;bottom:calc(var(--playerbar) + 42px);z-index:95;display:flex;align-items:center;gap:14px;width:400px;max-width:calc(100vw - 56px);padding:14px 14px 14px 16px;border-radius:16px;background:var(--menu);border:1px solid var(--line);box-shadow:var(--shell-shadow, var(--shadow-art));animation:toast-in .18s ease-out}.update-banner .logo{flex:none}.update-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.update-text strong{font-size:14px;font-weight:700}.update-text strong,.update-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-text span{font-size:13px;color:var(--text-2)}.update-actions{flex:none;display:flex;align-items:center;gap:4px}.toast.with-action{display:flex;align-items:center;gap:16px;pointer-events:auto}.toast-action{flex:none;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px;color:inherit}.toast{max-width:560px;padding:10px 16px;border-radius:var(--r-sm);background:var(--toast-bg);color:var(--toast-ink);font-size:14px;font-weight:500;box-shadow:var(--shadow-art);animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast.leaving{animation:toast-out .16s ease-in both}@keyframes toast-out{to{opacity:0;transform:translateY(6px)}}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:64px 24px;text-align:center}.state-icon{margin-bottom:8px;color:var(--text-3)}.state-title{font-size:18px;font-weight:700}.state-text{max-width:420px;color:var(--text-2)}.state .btn{margin-top:12px}.spinner{flex:none;border-radius:50%;border:2.5px solid var(--spinner-track);border-top-color:var(--text);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-more{min-height:1px;display:flex;justify-content:center;padding:24px}.origin-badge{display:inline-block;min-width:18px;margin-right:6px;padding:0 4px;border-radius:3px;background:var(--hover-2);color:var(--text-2);font-size:10px;font-weight:700;line-height:16px;text-align:center;vertical-align:1px}.icon-btn.sm{width:28px;height:28px}.collage{width:100%;aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border-radius:var(--r-xs);overflow:hidden;background:var(--hover);flex:none}.collage img{width:100%;height:100%;object-fit:cover;display:block}.ph-art-btn{position:relative;display:block;width:100%;height:100%;padding:0;border-radius:inherit}.ph-art-btn>.art,.ph-art-btn>.collage{width:100%;height:100%;border-radius:0}.ph-art-edit{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0000008c;color:#fff;font-size:14px;font-weight:700;opacity:0;transition:opacity .15s ease}.ph-art-btn:hover .ph-art-edit,.ph-art-btn:focus-visible .ph-art-edit{opacity:1}.ph-art-btn.empty .ph-art-edit{opacity:1;background:none;color:var(--text-2)}.ph-art-btn.empty:hover .ph-art-edit{color:var(--text)}.ph-art-btn.empty:hover .ph-tile{background:var(--hover)}.add-tracks{margin-top:40px;max-width:760px}.add-search{flex:none;height:44px;margin:16px 0 8px;max-width:420px;padding-right:14px}.add-empty{padding:12px 4px;font-size:14px}.add-list{display:flex;flex-direction:column}.add-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:6px 8px;border-radius:var(--r-sm)}.add-row:hover{background:var(--hover)}.add-row.current .add-text>:first-child{color:var(--accent)}.add-art{position:relative;width:40px;height:40px;padding:0;border-radius:var(--r-xs);overflow:hidden}.add-play{position:absolute;inset:0;display:grid;place-items:center;background:#0000008c;color:#fff;opacity:0;transition:opacity .15s ease}.add-row:hover .add-play,.add-row.current .add-play,.add-art:focus-visible .add-play{opacity:1}.add-text{min-width:0;font-size:15px}.add-sub,.add-dur{font-size:13px;color:var(--text-2)}.add-dur{font-variant-numeric:tabular-nums}.onboarding-backdrop{z-index:150}.onboarding{width:420px;max-width:calc(100vw - 32px);padding:28px 32px 32px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line-2);box-shadow:var(--shadow-art);display:flex;flex-direction:column;align-items:center;text-align:center;animation:toast-in .18s ease-out}.ob-dots{display:flex;gap:6px;margin-bottom:24px}.ob-dot{width:6px;height:6px;border-radius:50%;background:var(--line-2);transition:background-color .15s ease,width .15s ease}.ob-dot.on{width:18px;border-radius:3px;background:var(--text)}.ob-mark .ya-mark.big{margin-bottom:0}.ob-title{margin-top:16px;font-size:24px;font-weight:800}.ob-text{margin-top:6px;min-height:40px;font-size:14px;color:var(--text-2)}.ob-actions{margin-top:20px;width:100%;display:flex;flex-direction:column;gap:8px}.download-btn.on{color:var(--accent)}.dl-ring{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,var(--panel) 78%,transparent 80% 100%),conic-gradient(var(--text) var(--p, 0%),var(--line-2) 0)}.dialog-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#0009;animation:fade-in .12s ease}.dialog{width:min(420px,calc(100vw - 48px));display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:var(--r);background:var(--menu);box-shadow:0 16px 48px #00000080}.dialog .input{width:100%}.dialog-text{font-size:14px;line-height:1.5;color:var(--text-2)}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px}.btn-danger{background:var(--danger);color:#000}@keyframes fade-in{0%{opacity:0}}.tracklist .tr{content-visibility:auto;contain-intrinsic-size:auto 56px}.view>.shelf:first-child,.view>.section:first-child{margin-top:8px}.whats-new{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45;color:var(--text-2)}.artist-links{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-name{display:inline;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.artist-name:hover{color:var(--text);text-decoration:underline}.cover-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.cover-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b0b0b4d,#0b0b0b9e 55%,#0b0b0beb)}.cover-bg-img{position:absolute;top:-120px;left:-120px;width:calc(100% + 240px);height:calc(100% + 240px);max-width:none;object-fit:cover;filter:blur(80px) saturate(1.2);transform:scale(1.05)}.cover-bg-in{animation:cover-bg-in .9s var(--ease-out) backwards}@keyframes cover-bg-in{0%{opacity:0}}.full-player .full-left,.full-player .full-right,.full-player .full-close{position:relative;z-index:1}.full-player .full-close{position:absolute}.full-volume{display:flex;justify-content:center;color:#fff}.full-player .volume{width:180px;color:#fff}.login{position:relative;height:100vh;display:grid;place-items:center;background:var(--bg)}.login-col{width:min(420px,calc(100vw - 48px));display:flex;flex-direction:column;align-items:flex-start;gap:20px}.login-title{margin-top:4px;font-size:44px;font-weight:900;letter-spacing:-.035em;line-height:1}.login-title.small{font-size:28px}.login-lead{font-size:16px;line-height:1.5;color:var(--text-2)}.login-col>.btn-lg{width:100%;margin-top:8px}.login-actions{width:100%;margin-top:8px;display:flex;flex-direction:column;gap:10px}.login-actions .btn-lg{width:100%;height:52px}.login-wait{width:100%;height:52px;margin-top:8px;display:flex;align-items:center;gap:12px;padding:0 20px;border-radius:999px;border:1px solid var(--line-2);color:var(--text-2)}.login-wait .btn-text{margin-left:auto}.login-error{color:var(--danger);font-size:14px}.login-note{font-size:13px;line-height:1.5;color:var(--text-3)}.login-alt{width:100%;padding-top:16px;border-top:1px solid var(--line)}.token-form{width:100%;display:flex;flex-direction:column;gap:8px}.token-label{font-size:13px;line-height:1.5;color:var(--text-2)}.token-row{display:flex;gap:8px}.token-row .input{flex:1;min-width:0}.token-row .btn{height:40px}.credit{position:absolute;left:0;right:0;bottom:20px;text-align:center;font-size:12px;color:var(--text-3)}.settings-hint.block{display:block}.row-gap{display:flex;gap:12px}.crash-text{max-width:100%;padding:10px 12px;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text}.lib-tile.wave-tile{background:var(--hover);color:var(--accent)}.ph-tile.wave-art{background:var(--raised);color:var(--accent)}.wave-now{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px 4px}.section.first{margin-top:8px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}@container (max-width: 1000px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-tile:nth-child(n+7){display:none}}.quick-tile{position:relative;height:56px;display:flex;align-items:center;gap:12px;padding-right:10px;border-radius:var(--r-xs);overflow:hidden;background:var(--tile);cursor:pointer;transition:background-color .2s ease}.quick-tile:hover{background:var(--tile-hover)}.quick-art{width:56px;height:56px;flex:none;box-shadow:var(--shadow-art)}.quick-art>.art,.quick-art>.lib-tile{width:100%;height:100%;border-radius:0}.quick-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}.play-fab.small{position:static;width:32px;height:32px;flex:none;transform:none}.quick-tile:hover .play-fab.small,.quick-tile:focus-visible .play-fab.small{opacity:1}.search-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;margin-top:16px}@container (max-width: 860px){.search-top{grid-template-columns:minmax(0,1fr)}}.search-top .h2{margin-bottom:8px}.top-result{position:relative;min-height:224px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:20px;border-radius:var(--r);background:var(--panel-2);cursor:pointer;transition:background-color .2s ease}.top-result:hover{background:var(--raised)}.top-result .art{box-shadow:var(--shadow-art)}.top-title{max-width:100%;font-size:30px;font-weight:800;letter-spacing:-.025em}.top-sub{display:flex;align-items:center;gap:10px;color:var(--text-2)}.pill-label{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--pill-bg);color:var(--text);font-size:13px;font-weight:700}.top-result .play-fab{right:20px;bottom:20px}.top-result:hover .play-fab{opacity:1;transform:none}.search-top-tracks .shelf-head{margin-bottom:0}.settings{max-width:1240px}.settings-slider{display:flex;align-items:center;gap:10px;width:150px}.settings-slider-value{min-width:36px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-2);text-align:right}.settings-cols{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:0 20px;align-items:start}.settings-col{min-width:0}@container (max-width: 1040px){.settings-cols{grid-template-columns:minmax(0,1fr)}}.settings-section{margin-top:16px;padding:20px 24px 8px;border-radius:var(--r);background:var(--raised)}.settings-section>.h3{margin-bottom:12px;font-size:16px;font-weight:800;letter-spacing:-.01em}.settings-section>:last-child{border-bottom:0}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:8px 0 16px;border-bottom:1px solid var(--line)}.theme-card{position:relative;min-width:0;border-radius:var(--r);border:2px solid transparent;transition:background-color .15s ease,border-color .15s ease}.theme-pick{display:flex;flex-direction:column;gap:8px;width:100%;padding:8px;border-radius:inherit;text-align:left}.theme-card:hover{background:var(--hover)}.theme-more{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:var(--menu);color:var(--text);opacity:0;transition:opacity .15s ease}.theme-card:hover .theme-more,.theme-more:focus-visible{opacity:1}.settings-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 16px;border-bottom:1px solid var(--line)}.settings-actions .btn{gap:8px}.wall-thumb{width:64px;height:40px;flex:none;border-radius:var(--r-sm);object-fit:cover;outline:1px solid var(--line-2)}.wall-thumb.empty{display:grid;place-items:center;background:var(--hover);color:var(--text-2)}.look-slider{display:flex;align-items:center;gap:12px;width:280px}.look-slider>:first-child{flex:1}.look-value{min-width:52px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-2)}.theme-card.on{border-color:var(--text)}.color-pick{display:inline-flex;align-items:center;gap:8px;color:var(--text-2)}.color-pick input[type=color]{width:36px;height:28px;padding:0;border:1px solid var(--line-2);border-radius:var(--r-sm);background:none;cursor:pointer}.theme-preview{width:100%;height:auto;border-radius:var(--r-sm);outline:1px solid var(--line-2)}.theme-name{font-size:14px;font-weight:600;padding-left:2px}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;min-height:64px;padding:10px 0;border-bottom:1px solid var(--line)}.settings-text{min-width:0}.settings-label{font-size:14px;color:var(--text)}.settings-hint{margin-top:3px;font-size:13px;color:var(--text-2);max-width:520px}.settings-control{display:flex;justify-content:flex-end;min-width:0}.settings-control .chips{flex-wrap:wrap;justify-content:flex-end}.settings-inline{display:flex;align-items:center;gap:8px}.settings-inline .input{width:220px;height:34px}.settings-status{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--text-2)}.settings-status.ok{color:var(--text)}.settings-status.bad{color:var(--danger)}.settings-account{display:flex;align-items:center;gap:12px;min-width:0}.settings-account>:first-child{flex:none}.settings-account-text{min-width:0}.switch{position:relative;width:40px;height:22px;border-radius:999px;background:var(--switch-off);transition:background-color .15s ease}.switch:hover{background:var(--switch-off-hover)}.switch.on{background:var(--accent)}.switch-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--panel);transition:transform .15s ease}.switch.on .switch-knob{transform:translate(18px)}.search-recent-head{margin-top:8px}.files-scan{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.files-folders{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 16px}.files-folder{display:inline-flex;align-items:center;gap:6px;max-width:420px;height:32px;padding:0 4px 0 12px;border-radius:999px;background:var(--raised);font-size:13px;color:var(--text-2)}.files-search{flex:none;height:40px;max-width:360px;margin-bottom:16px}.genre-chips{flex-wrap:wrap;padding-bottom:20px}.wave-controls{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:10px 16px;margin:-4px 0 28px}.wave-control{display:contents}.wave-control-label{font-size:13px;font-weight:600;color:var(--text-3)}:root{--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}.main>.view{animation:view-in .26s var(--ease-out) both}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}}.queue.panel{animation:panel-in .24s var(--ease-out) both}@keyframes panel-in{0%{opacity:0;transform:translate(24px)}}.menu{animation:menu-in .14s var(--ease-out) both;transform-origin:top left}@keyframes menu-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}}.dialog{animation:dialog-in .2s var(--ease-spring) both}@keyframes dialog-in{0%{opacity:0;transform:scale(.94)}}.card-art .art,.card-art .collage,.card-art .card-tile{transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}.card:hover .card-art .art,.card:hover .card-art .collage,.card:hover .card-art .card-tile{transform:translateY(-3px);box-shadow:0 14px 28px #00000073}.quick-tile .quick-art{transition:transform .25s var(--ease-out)}.quick-tile:hover .quick-art{transform:scale(1.04)}.ph-art{animation:cover-in .4s var(--ease-out) both}@keyframes cover-in{0%{opacity:0;transform:scale(.96)}}.icon-btn.like.on svg,.tr-like .icon-btn.on svg{animation:heart-pop .34s var(--ease-spring)}@keyframes heart-pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}.play-fab:active,.play-main:active,.btn:active:not(:disabled){transform:scale(.95)}.lib-row,.tr{transition:background-color .15s ease}.pb-art img{animation:fade-soft .35s ease both}@keyframes fade-soft{0%{opacity:0}}.lyric{transform-origin:left center;transition:color .25s ease,transform .25s var(--ease-out),opacity .25s ease}.lyric.on{transform:scale(1.03)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.spinner,.play-main.loading:after{animation-duration:1.6s!important;animation-iteration-count:infinite!important}}.logo .logo-ear-l,.logo .logo-ear-r{transform-box:view-box;transition:transform .35s var(--ease-spring)}.logo .logo-ear-l{transform-origin:40px 52px}.logo .logo-ear-r{transform-origin:62px 56px}.logo:hover .logo-ear-l{transform:rotate(-7deg)}.logo:hover .logo-ear-r{transform:rotate(6deg)}.logo-eyes{transform-box:fill-box;transform-origin:center}.logo.live .logo-eyes{animation:blink 5s ease-in-out infinite}.logo.live .logo-ear-r{animation:ear-twitch 5s ease-in-out infinite}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes ear-twitch{0%,86%,to{transform:rotate(0)}90%{transform:rotate(9deg)}94%{transform:rotate(-3deg)}}:root{--shell-r: 18px;--shell-fill: var(--panel);--shell-edge: rgba(255, 255, 255, .04);--shell-shadow: 0 2px 10px rgba(0, 0, 0, .16), 0 10px 26px -12px rgba(0, 0, 0, .42)}:root[data-theme=light]{--shell-edge: rgba(0, 0, 0, .06);--shell-shadow: 0 2px 10px rgba(40, 40, 60, .07), 0 10px 26px -12px rgba(40, 40, 60, .24)}.app{background:var(--bg)}.app{column-gap:0;row-gap:0;padding:0 12px 12px}.rail,.sidebar,.queue,.main.panel,.playerbar{background:var(--shell-fill);border:0;border-radius:0}.sidebar,.main.panel,.queue{border-left:1px solid var(--line)}.playerbar{border-top:1px solid var(--line)}.rail{border-top-left-radius:var(--shell-r)}.app:not(.with-queue)>.main.panel,.app.with-queue>.queue{border-top-right-radius:var(--shell-r)}.playerbar{border-bottom-left-radius:var(--shell-r);border-bottom-right-radius:var(--shell-r)}.app.wall-on,.app.cover-on{--line: color-mix(in srgb, var(--text) 10%, transparent)}.app.cover-on{--shell-fill: color-mix(in srgb, var(--panel) 70%, transparent)}.app>.cover-bg:after{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 30%,transparent),color-mix(in srgb,var(--bg) 60%,transparent))}.app>.cover-bg.empty:after{display:none}.app>.wallpaper{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg)}.wallpaper-img{position:absolute;inset:calc(var(--wp-blur) * -2);width:calc(100% + var(--wp-blur) * 4);height:calc(100% + var(--wp-blur) * 4);max-width:none;object-fit:cover;filter:blur(var(--wp-blur)) saturate(var(--wp-sat));animation:cover-bg-in .6s ease both}.wallpaper:after{content:"";position:absolute;inset:0;background:var(--bg);opacity:var(--wp-dim)}.app.wall-on{--shell-fill: color-mix(in srgb, var(--panel) var(--wp-solid), transparent)}.playerbar{margin:0;padding:0 22px}.menu,.dialog{border:1px solid var(--line);border-radius:16px;box-shadow:var(--shell-shadow)}.toast{box-shadow:var(--shell-shadow)}.scroll-y::-webkit-scrollbar-track{margin:12px 0}:root{--rail: 80px}.rail{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 0;min-height:0}.rail-logo{margin-bottom:10px}.rail-btn{width:66px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:14px;color:var(--text-2);transition:background-color .15s ease,color .15s ease}.rail-label{font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.rail-btn:hover{background:var(--hover);color:var(--text)}.rail-btn.on{background:var(--raised);color:var(--text)}.view.flush>.page-head{margin:0;border-radius:0;background:linear-gradient(180deg,var(--head-tint) 0%,color-mix(in srgb,var(--head-tint) 55%,var(--shell-fill)) 70%,var(--shell-fill) 100%)}.view.flush>.page-head.with-image{background:linear-gradient(180deg,#00000026,#000000b3),var(--head-image) center / cover no-repeat,var(--head-color)}.hero{--hero-color: #2a2a2a;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;min-height:300px;margin:8px 0 34px;padding:32px 32px 32px 40px;border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--hero-color) 62%,#070707);color:#fff}.hero-shade{display:none}.hero-art{grid-column:2;grid-row:1;width:clamp(160px,22cqw,236px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px;box-shadow:0 18px 40px -16px #000000b3}.hero-body{grid-column:1;grid-row:1;position:relative;min-width:0;display:flex;flex-direction:column;justify-content:flex-end}.hero-kicker{font-size:13px;font-weight:600;opacity:.72}.hero-title{margin:10px 0 8px;font-family:var(--font-display);font-size:clamp(30px,4.4cqw,56px);font-weight:700;line-height:1.04;letter-spacing:-.035em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}.hero-sub{margin:0 0 22px;font-size:16px;opacity:.78}.hero-actions{display:flex;gap:10px}.hero-actions .btn{gap:8px}@container (max-width: 640px){.hero-art{display:none}}.hero .btn-primary{background:#fff;color:#0b0b0b}.hero .btn-primary:hover:not(:disabled){background:#f2f2f2;color:#0b0b0b}.hero .btn-outline{color:#fff;border-color:#fff9}.shelf{margin-top:40px}.shelf-head{margin-bottom:14px}.shelf-head .h2{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em}.card{border-radius:16px;transition:background-color .2s ease}.card:hover{background:var(--raised)}.card-art .art,.card-art .collage,.card-art .card-tile,.lib-row{border-radius:12px}.pb-art{border-radius:12px;box-shadow:0 6px 16px -8px #0000008c}.pb-title{font-size:15px;font-weight:700}.pb-text{white-space:nowrap;overflow:hidden}.nav-btn{background:var(--shell-fill);border:1px solid var(--shell-edge)}.nav-btn:hover:not(:disabled){background:var(--hover)}.avatar-btn{width:34px;height:34px}.win-controls{display:flex;align-items:center;height:100%;margin-left:8px;-webkit-app-region:no-drag}.win-btn{width:46px;height:40px;display:grid;place-items:center;border-radius:10px;color:var(--text-2);transition:background-color .12s ease,color .12s ease}.win-btn:hover{background:var(--hover);color:var(--text)}.win-close:hover{background:#c42b1c;color:#fff}.search{height:40px;border-radius:999px;background:var(--shell-fill);border:1px solid var(--shell-edge)}.search input{text-overflow:ellipsis}.topbar{align-items:center}.topbar>*{align-self:center}.full-player .cover-bg-img{filter:blur(120px) saturate(1.05) brightness(.8)}.cover-bg-in{animation:cover-bg-in 7s ease both}:focus-visible{outline:2px solid var(--text);outline-offset:2px}button:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible){outline:none}:root{--font-display: "Unbounded Variable", "Inter Variable", "Segoe UI", system-ui, sans-serif}.ph-title,.view-title{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em}.ph-title.size-xl{font-size:clamp(30px,6.4cqw,80px)}.ph-title.size-lg{font-size:clamp(26px,5.2cqw,60px)}.ph-title.size-md{font-size:clamp(22px,3.9cqw,44px)}.ph-title.size-sm{font-size:clamp(20px,2.9cqw,28px)}.tr-dur,.tr-index,.pb-time,.look-value{font-variant-numeric:tabular-nums}.sb-section,.full-next-label{text-transform:none;letter-spacing:0}.tr.current{box-shadow:inset 3px 0 0 var(--accent)}.full-player>.cover-bg{display:none}.full-player{background:color-mix(in srgb,var(--full-color) 58%,#060606);grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"cover meta" "cover right" "progress progress" "controls controls";align-items:stretch;column-gap:clamp(32px,4.5vw,72px);row-gap:18px;padding:76px clamp(28px,5vw,80px) 30px}.full-left{display:contents}.full-cover{grid-area:cover;align-self:center;width:min(calc(100vh - 290px),42vw,660px)}.full-cover .art{border-radius:6px;box-shadow:0 30px 80px -24px #000000bf}.full-meta{grid-area:meta;align-items:flex-start;padding-top:4px}.full-player .full-title.ellipsis{font-family:var(--font-display);font-size:clamp(34px,4.6vw,84px);font-weight:700;line-height:1.02;letter-spacing:-.04em;white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}.full-artist{margin-top:10px;font-size:20px}.full-right{grid-area:right;min-height:0;align-self:stretch;overflow:hidden;border-top:1px solid rgba(255,255,255,.16);padding-top:18px}.full-player .pb-progress{grid-area:progress}.full-player .pb-controls{grid-area:controls;justify-self:center;width:auto}.full-volume{grid-area:controls;justify-self:end;align-self:center}.full-next{counter-reset:next}.full-next-row{counter-increment:next}.full-next-row:before{content:counter(next,decimal-leading-zero);width:22px;flex:none;font-size:13px;font-variant-numeric:tabular-nums;color:#ffffff80}@media(max-width:1100px){.full-player{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"cover" "meta" "progress" "controls";align-content:center;padding:56px 28px 28px}.full-cover{justify-self:center;width:min(100%,calc(100vh - 420px),560px)}.full-player .full-title.ellipsis{font-size:clamp(28px,6vw,48px);-webkit-line-clamp:2}.full-right{display:none}}.full-left>*{position:relative;z-index:1}.settings-section{margin-top:6px;padding:22px 0 6px;border-radius:0;background:transparent;border-top:1px solid var(--line)}.settings-section>.h3{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.015em}.full-right{container-type:size}.full-player .full-lyrics:not(.plain){padding:42cqh 0}.full-player .full-line{animation-duration:.25s;animation-delay:0s}.full-lyrics.wait{height:100%}.full-right{display:flex;flex-direction:column;gap:14px}.full-words{flex:1;min-height:0;container-type:size}.full-words>.full-lyrics{height:100%}.full-next.one{flex:none;padding-top:12px;border-top:1px solid rgba(255,255,255,.16)}.full-cover.flying{animation:none}.full-left>.flying,.full-left>:has(.flying){z-index:3}.full-next-row.taken{visibility:hidden}.site-hero{grid-template-columns:minmax(0,1fr);background:color-mix(in srgb,var(--panel-2) 40%,#070707)}.site-hero .hero-title{font-size:clamp(44px,8cqw,96px)}.site-hero .hero-sub{max-width:62ch;line-height:1.5}.get-app{gap:8px;white-space:nowrap;text-decoration:none}.get-app.compact{height:34px;padding:0 14px}.hero-actions{flex-wrap:wrap}@media(max-width:960px){.app:not(.with-queue){grid-template-columns:var(--rail) minmax(0,1fr)}.app>.sidebar{display:none}.app>.main{grid-column:2}}@media(max-width:760px){.app:not(.with-queue),.app.with-queue{height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:56px minmax(0,1fr) auto auto;padding:0}.topbar{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:0 12px}.tb-left,.app>.sidebar{display:none}.tb-right{width:auto}.app>.main,.app.with-queue>.main{grid-column:1;grid-row:2;border-left:0;border-radius:0}.app>.main>.view{padding-left:16px;padding-right:16px}.app>.playerbar{grid-column:1;grid-row:3;grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 14px 6px;border-radius:0}.pb-right{display:none}.app>.rail{grid-column:1;grid-row:4;flex-direction:row;justify-content:space-around;gap:0;padding:2px 4px calc(2px + env(safe-area-inset-bottom));border-radius:0;border-top:1px solid var(--line)}.rail-logo{display:none}.rail-btn{flex:1;width:auto;height:52px}.app>.queue{position:fixed;inset:0;z-index:60;border-left:0;border-radius:0}.hero{min-height:0;margin-top:12px;padding:24px 20px}}