@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-wght-normal-DayYxulF.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-math-wght-normal-Bl4ZGkZl.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-symbols-wght-normal-DxQzqQfC.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-vietnamese-wght-normal-BBxOatbv.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-ext-wght-normal-QAhDxQuo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-wght-normal-Dun_Rd-l.woff2)format("woff2-variations");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{--bg:#121212;--bg-base:#000;--surface:#181818;--surface-2:#1f1f1f;--surface-3:#2a2a2a;--hover:#ffffff1a;--line:#2f2f2f;--text:#fff;--muted:#b3b3b3;--subtle:#7a7a7a;--accent:#1ed760;--accent-light:#3be477;--accent-2:#1db954;--accent-rgb:30, 215, 96;--on-accent:#000;--danger:#f15e6c;--radius:8px;--player-height:72px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:Onest Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-base);color:var(--text);margin:0;overflow:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;color:inherit}img{display:block}h1,h2,h3{letter-spacing:-.02em}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:13px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ok{color:var(--accent);align-items:center;gap:4px;font-weight:600;display:inline-flex}.splash{background:var(--bg);height:100%}.empty{padding:24px 0}.note{margin:0 0 12px;font-size:14px}.note a{color:var(--text);font-weight:600}.loading{height:200px}.form-error{color:var(--danger);align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.button{cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:12px 28px;font-size:15px;font-weight:700;transition:transform 80ms,background-color .15s,box-shadow .15s;display:inline-flex;text-decoration:none!important}.button:active:not(:disabled){transform:scale(.97)}.button:disabled{opacity:.5;cursor:default}.button.small{padding:7px 16px;font-size:13px}.button.wide{width:100%}.button.primary{background:var(--accent);color:var(--on-accent)}.button.primary:hover:not(:disabled){background:var(--accent-light);transform:scale(1.03)}.button.danger{background:var(--danger);color:#000}.button.outline{color:var(--text);background:0 0;box-shadow:inset 0 0 0 1px #7c7c7c}.button.outline:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--text);transform:scale(1.03)}.button.ghost{color:var(--muted);background:0 0}.button.ghost:hover:not(:disabled){color:var(--text)}.button.danger-ghost{color:var(--danger);background:0 0;padding-left:0}.icon-button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-button:hover:not(:disabled){color:var(--text)}.icon-button:disabled{opacity:.4;cursor:default}.icon-button.large{width:48px;height:48px}.icon-button.large:hover:not(:disabled){transform:scale(1.05)}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 16px;font-size:14px;font-weight:700}.text-button:hover{color:var(--text)}.round-button{width:32px;height:32px;color:var(--text);cursor:pointer;background:#000000b3;border:0;border-radius:50%;place-items:center;display:grid}.play-fab{background:var(--accent);color:var(--on-accent);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;transition:transform .1s,background-color .15s;display:grid;box-shadow:0 8px 16px #0000004d}.play-fab:hover:not(:disabled){background:var(--accent-light);transform:scale(1.06)}.play-fab:disabled{opacity:.5;cursor:default}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--text);cursor:pointer;white-space:nowrap;background:#ffffff12;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;display:inline-flex}.chip:hover{background:#ffffff1f}.chip.selected{background:var(--text);color:#000}.app{grid-template-columns:300px minmax(0,1fr);grid-template-rows:minmax(0, 1fr) var(--player-height);gap:8px;height:100dvh;padding:8px;display:grid}.app.with-queue{grid-template-columns:300px minmax(0,1fr) 340px}.panel{background:var(--bg);border-radius:var(--radius)}.sidebar{flex-direction:column;gap:8px;min-height:0;display:flex}.main{min-width:0;min-height:0;position:relative;overflow:hidden}.main-scroll{height:100%;overflow:hidden auto}.nav{flex-direction:column;padding:8px 12px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;padding:10px 12px 14px;font-size:22px;font-weight:800;display:flex;text-decoration:none!important}.nav-item{color:var(--muted);border-radius:6px;align-items:center;gap:18px;padding:10px 12px;font-weight:700;transition:color .15s;display:flex}.nav-item:hover{color:var(--text);text-decoration:none}.nav-item.active{color:var(--text)}.library-panel{flex-direction:column;flex:1;min-height:0;padding:8px 0 0;display:flex}.library-head{justify-content:space-between;align-items:center;padding:8px 16px 8px 24px;display:flex}.library-title{color:var(--muted);align-items:center;gap:12px;font-weight:700;display:flex}.library-title:hover{color:var(--text);text-decoration:none}.library-panel .chips{scrollbar-width:none;flex-wrap:nowrap;padding:8px 16px;overflow-x:auto}.library-panel .chips::-webkit-scrollbar{display:none}.library-list,.main-scroll{scrollbar-width:thin;scrollbar-color:#5a5a5a transparent}.library-list{flex:1;margin:0;padding:4px 8px 8px;list-style:none;overflow-y:auto}.library-item{border-radius:6px;align-items:center;gap:12px;padding:8px;display:flex;text-decoration:none!important}button.library-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.library-item:hover{background:var(--hover)}.library-item.active{background:#ffffff24}.library-item .cover{border-radius:4px;flex:none;width:48px;height:48px}.library-item .cover.round{border-radius:50%}.library-item-text{flex-direction:column;min-width:0;display:flex}.library-empty{padding:12px 16px}.offline-toggle{cursor:pointer;background:#ffffff0a;border-radius:8px;flex:none;align-items:center;gap:12px;margin:0 8px 8px;padding:10px 12px;display:flex}.offline-toggle:hover{background:#ffffff12}.offline-text{flex-direction:column;flex:1;min-width:0;font-size:14px;line-height:1.3;display:flex}.switch.small-switch{width:32px;height:18px}.switch.small-switch:after{width:14px;height:14px;top:2px;left:2px}.switch.small-switch:checked:after{transform:translate(14px)}.offline-spinner{border:2px solid #fff3;border-top-color:var(--accent);border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cached-mark{vertical-align:-2px;color:var(--accent);margin-right:4px;display:inline-flex}.download-button.done{color:var(--accent)}.download-button.partial{color:var(--text)}.topbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1212128c;justify-content:space-between;align-items:center;gap:8px;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.history-buttons{gap:8px;display:flex}.mobile-brand{display:none}.topbar-right{align-items:center;gap:8px;display:flex}.user-button{cursor:pointer;background:#0009;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.avatar{color:#000;background:#f573a0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:grid}.page{isolation:isolate;min-height:calc(100% - 64px);padding:0 24px 48px;position:relative}.page-title{letter-spacing:-.04em;margin:16px 0 12px;font-size:clamp(32px,6vw,72px);font-weight:900;line-height:1}.plain-header{padding:24px 0 8px}.section-title{margin:32px 0 12px;font-size:24px}.section-title a{color:inherit}.header-backdrop{z-index:-1;pointer-events:none;background:linear-gradient(180deg, var(--header) 0, color-mix(in srgb, var(--header) 45%, var(--bg)) 55%, var(--bg) 100%);height:560px;position:absolute;top:-64px;left:0;right:0}.page-header{align-items:flex-end;gap:24px;padding:32px 0 24px;display:flex}.header-cover{border-radius:6px;flex:none;width:clamp(128px,20vw,232px);box-shadow:0 8px 40px #00000080}.header-cover.round{border-radius:50%}.header-cover .cover{border-radius:inherit;width:100%}.header-text{flex-direction:column;gap:8px;min-width:0;display:flex}.header-kind{font-size:14px;font-weight:600}.header-title{letter-spacing:-.045em;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:clamp(32px,7vw,88px);font-weight:900;line-height:1.02;display:-webkit-box;overflow:hidden}.header-title.long{font-size:clamp(28px,4.5vw,56px)}.header-meta{color:#ffffffd9;font-size:14px}.header-meta a{color:var(--text)}.action-bar{flex-wrap:wrap;align-items:center;gap:16px 24px;padding:20px 0 24px;display:flex}.action-spacer{flex:1}.toolbar{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:16px;display:flex}.toolbar .tabs{margin-right:auto}.sub-toolbar{margin-top:-4px}.view-controls{align-items:center;gap:8px;display:flex}.segmented{background:#ffffff12;border-radius:999px;margin-right:auto;padding:3px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;transition:color .15s,background-color .15s}.segmented button:hover{color:var(--text)}.segmented button.selected{background:var(--surface-3);color:var(--text);box-shadow:0 2px 8px #00000059}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:32px 0 12px;display:flex}.section-head .section-title{margin:0}.chip.toggle:disabled{opacity:.4;cursor:default}.settings-button{width:36px;height:36px}.grouped-tracks{flex-direction:column;gap:20px;display:flex}.group-head{align-items:center;gap:14px;margin-bottom:4px;display:flex}.group-cover{flex:none}.group-cover .cover{border-radius:4px;width:56px;box-shadow:0 6px 16px #00000073}.group-text{flex-direction:column;min-width:0;display:flex}.group-kind{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.group-title{letter-spacing:-.01em;font-size:18px;font-weight:800}.sort-select{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px;font-size:14px}.sort-select option{background:var(--surface-3);color:var(--text)}.filter-box{color:var(--muted);background:#ffffff12;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;display:flex}.filter-box input{width:200px;color:var(--text);background:0 0;border:0;outline:none;font-size:14px}.cover{aspect-ratio:1;background:var(--surface-3);color:var(--subtle);border-radius:4px;place-items:center;display:grid;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%}.cover.round{border-radius:50%}.liked-cover{color:#fff;background:linear-gradient(135deg,#450af5,#8e8ee5 60%,#c4efd9)}.liked-cover.big{width:100%}.mosaic{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.mosaic .cover{border-radius:0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:4px;margin:0 -12px;display:grid}.card{cursor:pointer;border-radius:8px;min-width:0;padding:12px;transition:background-color .2s}.card:hover{background:var(--surface-2)}.card-cover{margin-bottom:10px;position:relative}.card-cover .cover{border-radius:6px;width:100%;box-shadow:0 8px 24px #00000080}.card-cover .cover.round{border-radius:50%}.card-play{opacity:0;transition:opacity .2s,transform .2s;position:absolute;bottom:8px;right:8px;transform:translateY(8px)}.card:hover .card-play,.card-play:focus-visible{opacity:1;transform:none}.card-title{font-size:15px;font-weight:700;display:block}.card-subtitle{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:14px;display:-webkit-box;overflow:hidden}.new-card .cover{color:var(--muted);background:var(--surface-2)}.shelf{margin-top:28px}.shelf-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.shelf-head h2{margin:0;font-size:24px}.shelf-more{color:var(--muted);font-size:14px;font-weight:700}.shelf-row{grid-template-rows:auto;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));grid-auto-rows:0;column-gap:4px;margin:0 -12px;display:grid;overflow:hidden}.greeting{margin:16px 0 20px;font-size:32px}.quick-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.quick-tile{cursor:pointer;background:#ffffff12;border-radius:4px;align-items:center;gap:12px;height:64px;padding-right:60px;transition:background-color .2s;display:flex;position:relative;overflow:hidden}.quick-tile .cover{border-radius:0;flex:none;width:64px;height:64px;box-shadow:0 8px 24px #00000080}.quick-title{font-size:15px;font-weight:700}.quick-play{opacity:0;transition:opacity .2s;position:absolute;right:12px}.quick-tile:hover .quick-play{opacity:1}.onboarding{background:var(--surface);text-align:center;color:var(--muted);border-radius:12px;flex-direction:column;align-items:center;gap:8px;margin-top:40px;padding:48px 24px;display:flex}.onboarding h2{color:var(--text);margin:8px 0 0}.onboarding .button{margin-top:16px}.search-box{background:var(--surface-3);max-width:480px;height:48px;color:var(--muted);border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;margin:16px 0 8px;padding:0 12px 0 16px;transition:border-color .15s;display:flex}.search-box:hover{border-color:#535353}.search-box:focus-within{border-color:var(--text)}.search-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:16px}.genre-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.genre-tile{aspect-ratio:1.7;text-align:left;cursor:pointer;color:#fff;border:0;border-radius:8px;flex-direction:column;justify-content:space-between;padding:16px;transition:transform .15s;display:flex;overflow:hidden}.genre-tile:hover{transform:scale(1.02)}.genre-tile span{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:22px;font-weight:800}.genre-tile small{opacity:.8}.search-top{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;display:grid}.top-result{background:var(--surface);cursor:pointer;border-radius:8px;min-height:220px;padding:20px;transition:background-color .2s;position:relative}.top-result:hover{background:var(--surface-3)}.top-result .cover{width:96px;box-shadow:0 8px 24px #00000080}.top-result h3{margin:18px 0 4px;font-size:32px}.top-result p{margin:0}.top-play{opacity:0;transition:opacity .2s;position:absolute;bottom:20px;right:20px}.top-result:hover .top-play{opacity:1}.search-songs .tracks{margin-top:0}.empty-search{text-align:center;padding-top:64px}.empty-search .button{margin-top:16px}.tracks{margin:0 -8px}.track-row{grid-template-columns:var(--cols);height:56px;color:var(--muted);-webkit-user-select:none;user-select:none;content-visibility:auto;contain-intrinsic-size:56px;border-radius:4px;align-items:center;gap:16px;padding:0 12px;font-size:14px;display:grid}.tracks-album .track-row{height:52px}.track-row:not(.track-head):hover{background:var(--hover)}.track-head{content-visibility:visible;border-bottom:1px solid #ffffff1a;border-radius:0;height:36px;margin-bottom:8px;font-size:13px}.c-index{text-align:center;font-variant-numeric:tabular-nums;position:relative}.index-play{width:100%;height:32px;color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;display:none}.track-row:hover .index-number{display:none}.track-row:hover .index-play{display:grid}.c-title{align-items:center;gap:12px;min-width:0;display:flex}.track-cover{flex:none;width:40px;height:40px}.title-text{flex-direction:column;min-width:0;display:flex}.track-title{color:var(--text);font-size:16px}.track-row.active .track-title,.track-row.active .index-number{color:var(--accent)}.track-artists a,.c-album a{color:inherit}.track-row:hover .track-artists,.track-row:hover .c-album a{color:var(--text)}.c-time{text-align:right;font-variant-numeric:tabular-nums}.c-like,.c-more{justify-content:center;display:flex}.like-button{color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:0;place-items:center;width:32px;height:32px;transition:opacity .15s,transform .1s;display:grid}.like-button:hover{color:var(--text);transform:scale(1.06)}.like-button.liked{color:var(--accent);opacity:1}.like-button.always,.track-row:hover .like-button,.like-button:focus-visible{opacity:1}.c-more .icon-button{opacity:0}.track-row:hover .c-more .icon-button,.c-more .icon-button:focus-visible,.c-more .icon-button[aria-expanded=true]{opacity:1}.disc-label{color:var(--muted);align-items:center;gap:12px;padding:16px 12px 8px;font-size:14px;font-weight:700;display:flex}.equalizer{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.equalizer i{background:var(--accent);width:3px;animation:.9s ease-in-out infinite eq}.equalizer i:nth-child(2){animation-delay:-.3s}.equalizer i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:3px}50%{height:14px}}.playlist-foot{padding:16px 0}.quality-mark{color:#000;cursor:help;vertical-align:1px;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;margin-right:6px;font-size:11px;font-weight:900;line-height:1;display:inline-grid}.quality-mark.meh{background:#f7c948}.quality-mark.bad{color:#fff;background:#f0444f}.menu{z-index:100;background:#282828;border-radius:6px;min-width:230px;max-width:320px;max-height:70vh;padding:4px;position:fixed;overflow-y:auto;box-shadow:0 16px 24px #0006,0 6px 8px #0003}.menu-item{color:#e5e5e5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;display:flex}.menu-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.menu-item:hover,.menu-item:focus-visible{color:#fff;background:#3e3e3e;outline:none}.menu-item.danger{color:var(--danger)}.menu-chevron{display:grid;flex:none!important}.menu-back{color:var(--muted);font-weight:700}.menu-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:8px 12px 6px;font-size:12px;font-weight:700}.menu-swatch{border-radius:50%;flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 1px #fff3}.menu-selected{color:var(--accent);display:grid;flex:none!important}.round-button.settings{width:40px;height:40px;color:var(--muted);background:#0009}.round-button.settings:hover{color:var(--text)}.menu-separator{background:#3e3e3e;height:1px;margin:4px 0}.dialog-backdrop{z-index:90;background:#000000b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog-backdrop.on-top{z-index:95}.small-dialog{background:#282828;border-radius:8px;flex-direction:column;gap:16px;width:min(440px,100%);padding:24px;display:flex;box-shadow:0 16px 48px #0009}.small-dialog h2{margin:0;font-size:22px}.small-dialog p{margin:0}.small-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.details{flex-direction:column;gap:10px;margin:0;font-size:14px;display:flex}.details>div{grid-template-columns:140px minmax(0,1fr);gap:12px;display:grid}.details dt{color:var(--muted)}.details dd{overflow-wrap:anywhere;margin:0}.field{flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:700;display:flex}.field em{color:var(--accent);font-style:normal}.field input,.login-card input{background:var(--surface-3);border:1px solid #0000;border-radius:4px;width:100%;padding:10px 12px;font-size:15px;font-weight:400;transition:border-color .15s,background-color .15s}.field input:hover,.login-card input:hover{border-color:#535353}.field input:focus,.login-card input:focus{border-color:var(--text);background:#333;outline:none}.field input::placeholder{color:var(--subtle)}.toasts{left:50%;bottom:calc(var(--player-height) + 24px);z-index:120;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.toast{color:#fff;background:#2e77d0;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;animation:.2s ease-out toast-in;box-shadow:0 8px 24px #0006}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.player-bar{grid-column:1/-1;grid-template-columns:minmax(180px,1fr) minmax(0,2fr) minmax(180px,1fr);align-items:center;gap:16px;padding:0 8px;display:grid}.now-playing{align-items:center;gap:12px;min-width:0;display:flex}.now-cover{flex:none}.now-cover .cover{border-radius:4px;width:56px}.now-text{flex-direction:column;min-width:0;display:flex}.now-title{font-size:14px;font-weight:600}.now-artist{color:var(--muted);font-size:12px}.now-artist a:hover{color:var(--text)}.player-center{flex-direction:column;justify-self:center;align-items:center;gap:6px;width:100%;max-width:720px;display:flex}.controls{align-items:center;gap:12px;display:flex}.control-button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.control-button:hover{color:var(--text)}.control-button.on{color:var(--accent)}.control-button.on:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:-2px;left:50%}.play-toggle{background:var(--text);color:#000;cursor:pointer;border:0;border-radius:50%;place-items:center;width:32px;height:32px;transition:transform .1s;display:grid}.play-toggle:hover:not(:disabled){transform:scale(1.06)}.play-toggle:disabled{opacity:.5}.progress-row{align-items:center;gap:8px;width:100%;display:flex}.time{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:12px}.slider{cursor:pointer;touch-action:none;flex:1;align-items:center;height:16px;display:flex;position:relative}.slider-track{background:#4d4d4d;border-radius:2px;width:100%;height:4px;overflow:hidden}.slider-fill{width:var(--fill);background:var(--text);height:100%}.slider:hover .slider-fill,.slider.dragging .slider-fill{background:var(--accent)}.slider-thumb{left:var(--fill);background:var(--text);opacity:0;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;box-shadow:0 2px 4px #00000080}.slider:hover .slider-thumb,.slider.dragging .slider-thumb,.slider:focus-visible .slider-thumb{opacity:1}.player-right{justify-content:flex-end;align-items:center;gap:4px;display:flex}.player-right .volume{flex:0 0 100px}.queue-panel{min-height:0;padding:16px;overflow-y:auto}.queue-panel-head{justify-content:space-between;align-items:center;display:flex}.queue-panel-head h2{margin:0;font-size:18px}.queue-panel h3{margin:20px 0 8px;font-size:15px}.queue-panel h3 a{color:var(--muted)}.queue-items{margin:0;padding:0;list-style:none}.queue-item{border-radius:4px;align-items:center;gap:4px;display:flex}.queue-item:hover{background:var(--hover)}.queue-item-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:6px 8px;display:flex}.queue-item-main .cover{flex:none;width:44px}.queue-item-text{flex-direction:column;min-width:0;font-size:14px;display:flex}.queue-item.current .queue-item-text>span:first-child{color:var(--accent)}.mini-player,.mobile-nav{display:none}.full-player{z-index:80;padding:calc(12px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));background:linear-gradient(#4b4b4b 0,#121212 75%);flex-direction:column;gap:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.full-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.full-cover{border-radius:8px;width:min(100%,440px);margin:12px auto 8px;box-shadow:0 16px 48px #00000080}.full-info{align-items:center;gap:12px;display:flex}.full-text{flex-direction:column;flex:1;min-width:0;display:flex}.full-title{text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:22px;font-weight:800}.progress-row.large .time{min-width:36px}.controls.large{justify-content:space-between;width:100%;max-width:440px;margin:0 auto}.controls.large .control-button{width:48px;height:48px}.controls.large .play-toggle{width:68px;height:68px}.login-page{background:linear-gradient(#2a2a2a 0%,#000 100%);place-items:center;min-height:100%;padding:16px;display:grid;overflow-y:auto}.login-card{background:var(--bg);border-radius:12px;flex-direction:column;align-items:stretch;gap:16px;width:min(420px,100%);padding:40px 36px;display:flex}.login-card>svg{align-self:center}.login-card h1{text-align:center;margin:4px 0 12px;font-size:30px}.login-card label{flex-direction:column;gap:8px;font-size:14px;font-weight:700;display:flex}.login-hint{text-align:center;color:var(--muted);margin:8px 0 0;font-size:14px}.login-hint a{color:var(--text);font-weight:600;text-decoration:underline}@media (width<=1100px){.app,.app.with-queue{grid-template-columns:240px minmax(0,1fr)}.app.with-queue .queue-panel{top:8px;right:8px;bottom:calc(var(--player-height) + 16px);z-index:30;width:340px;position:fixed;box-shadow:-16px 0 32px #00000080}.search-top{grid-template-columns:1fr}}@media (width<=760px){body{overflow:auto}.app,.app.with-queue{grid-template-rows:1fr;grid-template-columns:1fr;gap:0;padding:0}.sidebar,.player-bar,.queue-panel,.history-buttons,.topbar-upload{display:none!important}.main{border-radius:0}.main-scroll{padding-bottom:calc(136px + env(safe-area-inset-bottom))}.mobile-brand{display:grid}.topbar{height:56px;padding:0 16px}.page{padding:0 16px 32px}.header-backdrop{top:-56px}.page-header{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:16px}.header-cover{width:min(60vw,240px)}.header-text{align-items:center}.action-bar{gap:16px;padding:12px 0 16px}.action-bar .filter-box{display:none}.greeting{font-size:24px}.quick-grid{grid-template-columns:1fr 1fr}.quick-tile{gap:8px;height:56px;padding-right:8px}.quick-tile .cover{width:56px;height:56px}.quick-title{font-size:13px}.quick-play{display:none}.shelf-row{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-rows:auto;grid-auto-columns:144px;grid-auto-flow:column;margin:0 -16px;padding:0 4px;overflow-x:auto}.shelf-row .card{scroll-snap-align:start;padding:8px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0 -8px}.card{padding:8px}.card-play{display:none}.tracks{margin:0 -8px}.track-row{gap:4px;padding:0 8px;grid-template-columns:minmax(0,1fr) 36px 36px!important}.track-head,.c-index,.c-album,.c-uploader,.c-added,.c-time{display:none!important}.like-button,.c-more .icon-button{opacity:1}.genre-grid{grid-template-columns:1fr 1fr;gap:12px}.genre-tile span{font-size:17px}.search-box{max-width:none}.toolbar{gap:10px}.toolbar .chips{flex-wrap:nowrap;max-width:100%;overflow-x:auto}.toasts{bottom:calc(140px + env(safe-area-inset-bottom))}.mini-player{z-index:40;left:8px;right:8px;bottom:calc(64px + env(safe-area-inset-bottom));cursor:pointer;background:#2c2c2c;border-radius:6px;align-items:center;gap:10px;height:56px;padding:0 8px;display:flex;position:fixed;overflow:hidden}.mini-player .cover{flex:none;width:40px}.mini-text{flex-direction:column;flex:1;min-width:0;font-size:14px;font-weight:600;display:flex}.mini-toggle{color:var(--text)}.mini-progress{background:var(--text);max-width:calc(100% - 16px);height:2px;position:absolute;bottom:0;left:8px}.mobile-nav{z-index:40;padding:8px 0 calc(8px + env(safe-area-inset-bottom));background:linear-gradient(#0009,#000 40%);display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;font-size:11px;display:flex}.mobile-nav-item.active{color:var(--text)}.mobile-nav-item:hover{text-decoration:none}}:root{--accent-glow:rgba(var(--accent-rgb), .35);--glass:#1212129e;--sheen:linear-gradient(180deg, #ffffff0f, #fff0 40%)}body{background:radial-gradient(900px 500px at 0% 0%, rgba(var(--accent-rgb), .07), transparent 60%), radial-gradient(800px 600px at 100% 100%, #5037c812, transparent 60%), #000}.panel{background:linear-gradient(180deg, #171717 0, var(--bg) 220px);box-shadow:inset 0 1px #ffffff0a}.main.panel{background:radial-gradient(1100px 420px at 15% -8%, rgba(var(--accent-rgb), .1), transparent 60%), var(--bg)}.topbar{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);border-bottom:1px solid #ffffff0a}.nav-item{transition:color .15s,background-color .15s;position:relative}.nav-item:hover{background:#ffffff0a}.nav-item.active:before{content:"";background:linear-gradient(180deg, var(--accent-light), var(--accent-2));width:4px;height:18px;box-shadow:0 0 12px var(--accent-glow);border-radius:0 4px 4px 0;margin-top:-9px;position:absolute;top:50%;left:0}.library-item{transition:background-color .15s,transform .15s}.library-item:hover{transform:translate(2px)}.play-fab,.button.primary{background:linear-gradient(135deg, var(--accent-light) 0%, var(--accent) 45%, var(--accent-2) 100%)}.play-fab{box-shadow:0 8px 20px #00000059, 0 0 0 0 var(--accent-glow);transition:transform .12s,box-shadow .25s}.play-fab:hover:not(:disabled){box-shadow:0 10px 28px #0006, 0 0 24px var(--accent-glow)}.button.primary:hover:not(:disabled){box-shadow:0 0 22px var(--accent-glow)}.play-toggle{background:linear-gradient(#fff,#e6e6e6);box-shadow:0 2px 10px #0006}.chip{transition:background-color .15s,transform .1s}.chip:active{transform:scale(.96)}.chip.selected{box-shadow:0 4px 14px #ffffff1f}.card{transition:background-color .25s,transform .25s,box-shadow .25s}.card:hover{background:linear-gradient(#232323,#1a1a1a);transform:translateY(-3px);box-shadow:0 14px 30px #00000073}.card-cover .cover{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.card:hover .card-cover .cover{transform:scale(1.03);box-shadow:0 16px 36px #0009}.quick-tile{background:linear-gradient(90deg,#ffffff17,#ffffff0a);box-shadow:inset 0 1px #ffffff0d}.quick-tile:hover{background:linear-gradient(90deg,#fff3,#ffffff1a)}.genre-tile{position:relative;box-shadow:0 10px 24px #00000059}.genre-tile:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff2e,#0000 45%,#00000040);position:absolute;inset:0}.top-result{background:linear-gradient(160deg,#202020,#161616)}.liked-cover{background:linear-gradient(135deg,#450af5 0%,#8e8ee5 55%,#c4efd9 100%);box-shadow:inset 0 0 30px #ffffff1f}.header-backdrop{background:radial-gradient(700px 300px at 20% 0%, color-mix(in srgb, var(--header) 90%, #fff 10%), transparent 70%), linear-gradient(180deg, var(--header) 0, color-mix(in srgb, var(--header) 45%, var(--bg)) 55%, var(--bg) 100%)}.header-cover{box-shadow:0 18px 50px #0000008c,0 0 0 1px #ffffff0d}.header-title{text-shadow:0 4px 30px #00000040}.track-row{transition:background-color .12s}.track-row.active{background:linear-gradient(90deg, rgba(var(--accent-rgb), .1), rgba(var(--accent-rgb), 0) 60%)}.track-row.active:hover{background:linear-gradient(90deg, rgba(var(--accent-rgb), .16), #ffffff0f 60%)}.player-bar{position:relative}.player-bar:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .35), transparent);height:1px;position:absolute;top:-4px;left:8%;right:8%}.now-cover .cover{box-shadow:0 6px 18px #0009}.slider-fill{background:linear-gradient(90deg,#d9d9d9,#fff)}.slider:hover .slider-fill,.slider.dragging .slider-fill{background:linear-gradient(90deg, var(--accent-2), var(--accent-light));box-shadow:0 0 10px var(--accent-glow)}.mini-player{background:linear-gradient(90deg,#2e2e2e,#242424);box-shadow:0 10px 30px #00000080}.full-player{background:radial-gradient(600px 400px at 50% 10%, rgba(var(--accent-rgb), .18), transparent 70%), linear-gradient(180deg, #3d3d3d 0, #121212 75%)}.menu,.small-dialog{background:linear-gradient(#2e2e2e,#262626);border:1px solid #ffffff0f;animation:.14s ease-out pop-in}.toast{background:linear-gradient(135deg,#3d8bff,#2e77d0)}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.page{animation:.35s cubic-bezier(.2,.8,.2,1) page-in}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}.hero{isolation:isolate;background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:20px;margin:20px 0 28px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.hero-aurora{z-index:-1;filter:blur(40px);opacity:.9;background:radial-gradient(35% 45% at 25% 40%, rgba(var(--accent-rgb), .38), transparent 70%), radial-gradient(30% 40% at 70% 30%, #450af547, transparent 70%), radial-gradient(30% 40% at 60% 80%, #ff3d6e33, transparent 70%);animation:18s ease-in-out infinite alternate aurora;position:absolute;inset:-40%}@keyframes aurora{0%{transform:translate(0)rotate(0)}50%{transform:translate(4%,-3%)rotate(8deg)}to{transform:translate(-3%,3%)rotate(-6deg)}}.speech{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212b8;border:1px solid #ffffff14;border-radius:18px;flex:1;min-width:0;margin:0;padding:16px 22px 14px;position:relative;box-shadow:0 12px 32px #00000059}.speech:before{content:"";background:inherit;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid #ffffff14;border-left:1px solid #ffffff14;width:18px;height:18px;margin-top:-9px;position:absolute;top:50%;left:-9px;transform:rotate(45deg)}.speech-text{letter-spacing:-.025em;margin:0;font-size:clamp(22px,3.2vw,34px);font-weight:800;line-height:1.15;display:grid}.speech-text>span{grid-area:1/1}.speech-ghost{visibility:hidden}.speech figcaption{color:var(--accent);letter-spacing:.02em;margin-top:8px;font-size:13px;font-weight:700}.caret{vertical-align:-.1em;background:var(--accent);border-radius:2px;width:3px;height:.95em;margin-left:3px;display:inline-block}.caret.idle{animation:1s step-end infinite caret-blink}@keyframes caret-blink{50%{opacity:0}}.mascot{color:inherit;filter:drop-shadow(0 10px 18px #00000073);background:0 0;border:0;flex:none;padding:0;display:block}.mascot.clickable{cursor:pointer}.mascot.clickable:hover .mascot-body{animation-duration:.9s}.mascot svg{width:100%;height:100%;overflow:visible}.mascot-body{transform-origin:60px 108px;animation:2.6s ease-in-out infinite mascot-bounce}.mascot-shadow{fill:#0006;transform-origin:60px 113px;animation:2.6s ease-in-out infinite mascot-shadow}.mascot-eyes{transform-origin:60px 62px;animation:4.8s infinite mascot-blink}.mascot-mouth-open{opacity:0}.mascot.talking .mascot-mouth-open{animation:.22s step-end infinite mascot-talk}.mascot.talking .mascot-mouth-closed{animation:.22s step-end infinite reverse mascot-talk}.mascot-arm{transform-origin:92px 78px}.mascot.waving .mascot-arm{animation:1.2s ease-in-out infinite mascot-wave}.mascot-shadow{transform-box:fill-box;transform-origin:50%}.worm-head{transform-box:fill-box;transform-origin:50% 90%;animation:2.4s ease-in-out infinite worm-nod}.mascot-grisha.talking .worm-head{animation-duration:1.2s}.mascot-grisha.clickable:hover .worm-head{animation-duration:.8s}@keyframes worm-nod{0%,to{transform:translate(0)rotate(-4deg)}33%{transform:translate(-2px,-2px)rotate(5deg)}66%{transform:translate(2px,-1px)rotate(-2deg)}}.mascot-grisha svg{animation:.11s steps(2,end) infinite worm-shiver,3.7s ease-in-out infinite worm-flinch}.worm-pupils{animation:2.3s step-end infinite worm-dart}.worm-sweat{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in infinite worm-sweat}@keyframes worm-shiver{0%{transform:translate(.4px)}to{transform:translate(-.4px,.3px)}}@keyframes worm-flinch{0%,84%,to{translate:0;scale:1}86%{translate:-3px 2px;scale:.96 1.03}89%{translate:2px -1px;scale:1.02 .98}92%{translate:-1px;scale:1}}@keyframes worm-dart{0%{transform:translate(0)}20%{transform:translate(-2px,.5px)}35%{transform:translate(2px)}50%{transform:translate(-1.5px,-.5px)}62%{transform:translate(2px,.5px)}80%{transform:translate(0)}}@keyframes worm-sweat{0%,30%{opacity:0;transform:translateY(-2px)scale(.6)}45%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(12px)scale(.9)}}.hero-grisha .hero-aurora{background:radial-gradient(35% 45% at 25% 40%, #ff7f9e57, transparent 70%), radial-gradient(30% 40% at 70% 30%, rgba(var(--accent-rgb), .26), transparent 70%), radial-gradient(30% 40% at 60% 80%, #450af538, transparent 70%)}.hero-grisha .speech figcaption{color:#ff8fab}@keyframes mascot-bounce{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-7px)scale(.98,1.02)}90%{transform:translateY(0)scale(1.03,.97)}}@keyframes mascot-shadow{0%,to{opacity:.9;transform:scale(1)}45%{opacity:.5;transform:scale(.8)}}@keyframes mascot-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes mascot-talk{0%{opacity:1}50%{opacity:0}}@keyframes mascot-wave{0%,to{transform:rotate(0)}30%{transform:rotate(-35deg)}60%{transform:rotate(10deg)}}.login-page{isolation:isolate;background:radial-gradient(900px 600px at 20% 10%, rgba(var(--accent-rgb), .22), transparent 60%), radial-gradient(800px 600px at 90% 90%, #450af538, transparent 60%), linear-gradient(180deg, #1c1c1c, #000);position:relative;overflow:hidden}.login-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121212c7;border:1px solid #ffffff12;box-shadow:0 30px 80px #0009}.login-card .mascot{align-self:center;margin-bottom:-8px}@media (width<=760px){.hero{gap:12px;margin:12px 0 20px;padding:14px}.hero .mascot{width:84px!important;height:84px!important}.speech{border-radius:14px;padding:12px 14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.upload-page .page-hero{padding:24px 0 28px}.dropzone{text-align:center;color:var(--muted);background:#ffffff05;border:2px dashed #3e3e3e;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;transition:border-color .15s,background-color .15s;display:flex}.dropzone.active{border-color:var(--accent);background:rgba(var(--accent-rgb), .08);color:var(--text)}.dropzone-title{color:var(--text);margin:6px 0 0;font-size:20px;font-weight:700}.dropzone p{margin:0}.dropzone .button{margin-top:14px}.switch-row{cursor:pointer;align-items:flex-start;gap:14px;max-width:720px;margin:22px 0 8px;display:flex}.switch-row>span{flex-direction:column;gap:2px;display:flex}.switch{appearance:none;cursor:pointer;background:#535353;border-radius:999px;flex:none;width:40px;height:24px;margin:0;transition:background-color .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(16px)}.queue{margin-top:32px}.queue-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.queue-head h2{letter-spacing:-.01em;margin:0;font-size:22px}.queue-head h2 .muted{font-size:15px;font-weight:500}.queue-actions{flex-wrap:wrap;gap:8px;display:flex}.queue-list{margin:0;padding:0;list-style:none}.queue-row{border-radius:6px;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:8px 10px;display:grid}.queue-row:hover{background:#ffffff12}.thumb{background:var(--surface-3);width:44px;height:44px;color:var(--subtle);border-radius:4px;flex:none;place-items:center;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.queue-text{min-width:0}.queue-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.status-done .queue-title{color:var(--accent)}.status-error .queue-title{color:var(--muted)}.row-error{color:var(--danger)}.queue-status{align-items:center;gap:8px;display:flex}.progress{background:#4d4d4d;border-radius:2px;width:140px;height:4px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .2s}.dialog{background:var(--surface-2);border-radius:12px;width:min(880px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 16px 48px #0009}.dialog-head{justify-content:space-between;gap:16px;padding:24px 24px 8px;display:flex}.dialog-head h2{letter-spacing:-.02em;max-width:640px;margin:2px 0;font-size:24px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0;font-size:12px;font-weight:700}.dialog-head p{margin:0}.dialog-body{grid-template-columns:220px 1fr;gap:24px;padding:16px 24px;display:grid}.cover-column{flex-direction:column;gap:12px;display:flex}.cover-box{aspect-ratio:1;background:var(--surface-3);border-radius:6px;width:220px;transition:opacity .15s;overflow:hidden;box-shadow:0 8px 24px #00000080}.cover-box.busy{opacity:.4}.cover-box img{object-fit:cover;width:100%;height:100%}.cover-empty{height:100%;color:var(--subtle);place-content:center;justify-items:center;gap:8px;font-size:13px;display:grid}.cover-actions{flex-wrap:wrap;gap:6px;display:flex}.fields{grid-template-columns:1fr 1fr;align-content:start;gap:14px 16px;display:grid}.field-row{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.suggestions{background:var(--surface);border-radius:8px;margin:8px 24px 0;padding:16px}.suggestions-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.suggestions-head h3{margin:0;font-size:15px}.suggestions p{margin:12px 0 0}.suggestion-list{max-height:260px;margin:12px 0 0;padding:0;list-style:none;overflow-y:auto}.suggestion{border-radius:6px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:6px;display:grid}.suggestion:hover{background:var(--surface-3)}.suggestion-text{min-width:0;font-size:14px}.suggestion-actions{gap:4px;display:flex}.source{color:var(--subtle)}.dialog-error{padding:12px 24px 0}.quality-banner{border-radius:6px;margin:8px 24px 0;padding:10px 14px;font-size:14px}.quality-banner.meh{color:#f7d774;background:#f7c94824}.quality-banner.bad{color:#ff8a92;background:#f0444f29}.quality-note.meh{color:#f7c948}.quality-note.bad{color:#ff6b74}.dialog-foot{background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 24px;display:flex;position:sticky;bottom:0}.dialog-foot-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.check-inline{color:var(--muted);align-items:center;gap:8px;max-width:300px;display:flex}.check-inline input{accent-color:var(--accent);flex:none;width:16px;height:16px}@media (width<=760px){.dialog-body{grid-template-columns:1fr}.cover-column{flex-direction:row;align-items:flex-end}.cover-box{width:120px}.cover-actions{flex-direction:column;align-items:flex-start}.fields{grid-template-columns:1fr}.field-row{grid-template-columns:repeat(3,1fr);gap:10px}.suggestion{grid-template-columns:44px 1fr}.suggestion-actions{grid-column:2}.progress{width:80px}.dialog-foot-right{width:100%}}