@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+460-52F,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+301,U+400-45F,U+490-491,U+4B0-4B1,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+1F??}@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+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@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+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: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+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: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+??,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}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.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:#0b120e;--surface:#111a15;--surface-2:#18231d;--surface-3:#213029;--hover:#ffffff12;--text:#eef1ec;--muted:#9aa69f;--line:#26342b;--lime:#c6f432;--lime-deep:#93c10f;--on-lime:#0e1712;--danger:#ff7a7a;--focus:#c6f432;--radius-lg:22px;--radius:14px;--radius-sm:8px;--sidebar:280px;--player-h:88px;--mobile-nav-h:64px;--font:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Archivo Variable", "Inter Variable", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}*{scrollbar-width:thin;scrollbar-color:#3a4a40 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#3a4a40 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#4f6156 padding-box padding-box}body{background:var(--bg);color:var(--text);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0;font-weight:800;font-stretch:125%;line-height:1.1}h1{font-size:clamp(28px,4vw,44px)}h2{font-size:20px}h3{font-size:16px}p{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--lime);color:var(--on-lime);border-radius:999px;padding:8px 14px;font-weight:600;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.muted{color:var(--muted)}.small{font-size:13px}.strong{color:var(--text);font-weight:700}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{grid-template-columns:var(--sidebar) 1fr;grid-template-rows:1fr auto;grid-template-areas:"side main""player player";gap:8px;height:100%;padding:8px;display:grid}.sidebar{background:var(--surface);border-radius:var(--radius);flex-direction:column;grid-area:side;gap:18px;min-height:0;padding:20px 12px 12px;display:flex}.main{background:linear-gradient(180deg, #16231b 0, var(--surface) 320px);border-radius:var(--radius);outline:none;grid-area:main;min-height:0;overflow-y:auto}.logo{font-family:var(--display);align-items:center;gap:10px;padding:0 10px;font-size:18px;font-weight:800;font-stretch:125%;display:flex}.logo em{color:var(--muted);font-size:14px;font-style:normal;font-weight:500;font-stretch:100%}.logo:hover{text-decoration:none}.side-nav{flex-direction:column;gap:2px;display:flex}.side-link{border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:14px;padding:10px 12px;font-weight:600;display:flex}.side-link:hover{color:var(--text);background:var(--hover);text-decoration:none}.side-link.active{color:var(--text);background:var(--surface-2)}.side-link.active svg{color:var(--lime)}.badge{background:var(--lime);color:var(--on-lime);border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:12px;font-weight:700;display:grid}.side-playlists{border-top:1px solid var(--line);flex-direction:column;flex:1;gap:2px;min-height:0;padding-top:14px;display:flex;overflow-y:auto}.side-playlists header{justify-content:space-between;align-items:center;padding:0 4px 6px 12px;display:flex}.side-playlists h2{font-size:14px;font-stretch:100%;font-family:var(--font);color:var(--muted);font-weight:700}.side-playlist{border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:12px;padding:6px 8px;font-size:14px;display:flex}.side-playlist span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-playlist:hover,.side-playlist.active{background:var(--hover);color:var(--text);text-decoration:none}.side-playlists>p{padding:8px 12px}.side-playlist-art,.liked-tile{border-radius:6px;flex:none;width:40px;height:40px}.liked-tile{background:linear-gradient(135deg, var(--lime-deep), #3b5b0a);color:var(--on-lime);place-items:center;font-size:18px;display:grid}.side-account{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding-top:12px;display:flex}.side-about{padding:6px 12px 0}.avatar{background:var(--lime);width:28px;height:28px;color:var(--on-lime);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.avatar:hover{text-decoration:none}.mobile-header,.mobile-nav,.player-mobile-controls,.player-mini-progress{display:none}.page{flex-direction:column;gap:28px;max-width:1500px;padding:28px clamp(16px,3vw,36px) 48px;display:flex}.page.narrow{max-width:760px}.page-head{flex-direction:column;gap:12px;display:flex}.eyebrow{color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack{flex-direction:column;gap:14px;display:flex}.btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 20px;font-weight:700;transition:transform 80ms,background .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--lime);color:var(--on-lime)}.btn-primary:hover:not(:disabled){background:#d4ff52}.btn-secondary{background:var(--surface-3);color:var(--text)}.btn-secondary:hover:not(:disabled){background:#2b3d34}.btn-outline{border:1px solid var(--muted);color:var(--text)}.btn-outline:hover{border-color:var(--text)}.btn-ghost{color:var(--muted)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--hover)}.btn-sm{height:34px;padding:0 14px;font-size:14px}.btn-lg{height:52px;padding:0 28px;font-size:17px}.btn-block{width:100%}.icon-btn{width:36px;height:36px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--hover)}.icon-btn.is-on,.like.is-liked{color:var(--lime)}.play-btn{background:var(--text);width:40px;height:40px;color:var(--bg);border-radius:50%;flex:none;place-items:center;transition:transform 80ms;display:grid}.play-btn:hover{transform:scale(1.05)}.play-btn-big{background:var(--lime);width:60px;height:60px;color:var(--on-lime)}.title-btn{text-align:left;font:inherit}.chips{gap:8px;display:flex}.chips.wrap{flex-wrap:wrap}.scroll-x{scrollbar-width:none;padding-bottom:2px;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.chip{background:var(--surface-3);height:34px;color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.chip:hover{background:#2b3d34;text-decoration:none}.chip.is-on{background:var(--lime);color:var(--on-lime);font-weight:700}.chip-soft{background:#ffffff14}.pill{background:var(--surface-3);color:var(--muted);border-radius:4px;margin-right:6px;padding:1px 6px;font-size:11px;font-weight:600}.segmented{background:var(--surface-2);border-radius:999px;flex-wrap:wrap;gap:2px;padding:4px;display:inline-flex}.segmented button{height:34px;color:var(--muted);border-radius:999px;padding:0 16px;font-size:14px;font-weight:600}.segmented button:hover{color:var(--text)}.segmented button.is-on{background:var(--text);color:var(--bg)}.ai-badge{color:var(--lime);white-space:nowrap;vertical-align:middle;border:1px solid #c6f43266;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-flex}.field{flex-direction:column;gap:6px;font-size:14px;display:flex}.field>span{color:var(--muted);font-weight:600}.field.inline{flex:1;min-width:160px}input:not([type=range]):not([type=radio]):not([type=checkbox]),select,textarea{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;min-width:0;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--muted);outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:0}textarea{resize:vertical}.input-prefix{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;padding-left:12px;display:flex}.input-prefix span{color:var(--muted)}.input-prefix input{background:0 0!important;border:0!important;padding-left:2px!important}.form-error{color:var(--danger);font-size:14px}.radio-list{border:0;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.radio-list legend{margin-bottom:6px;font-weight:700}.radio-list label,.check{align-items:center;gap:10px;display:flex}input[type=radio],input[type=checkbox]{accent-color:var(--lime);width:18px;height:18px}.range{appearance:none;background:linear-gradient(to right, var(--text) var(--fill,0%), #4a5650 var(--fill,0%));cursor:pointer;border-radius:2px;width:100%;height:4px}.range:hover{background:linear-gradient(to right, var(--lime) var(--fill,0%), #4a5650 var(--fill,0%))}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);opacity:0;border-radius:50%;width:12px;height:12px}.range:hover::-webkit-slider-thumb{opacity:1}.range:focus-visible::-webkit-slider-thumb{opacity:1}.range::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:12px;height:12px}.cover{border-radius:inherit;width:100%;height:100%;display:block}.hero{border-radius:var(--radius-lg);background:radial-gradient(circle at 85% 20%,#c6f43259,#0000 50%),linear-gradient(135deg,#1f3a12,#10201a 60%);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding:28px;display:flex}.hero h1{max-width:720px;margin:6px 0 10px}.hero-sub{color:#c9d2cc;max-width:560px}.shelf{flex-direction:column;gap:14px;display:flex}.shelf-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.shelf-more{color:var(--muted);font-size:14px;font-weight:700}.shelf-row{scrollbar-width:thin;grid-auto-columns:minmax(150px,186px);grid-auto-flow:column;gap:8px;margin:0 -10px;padding:0 0 8px;display:grid;overflow-x:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:0 -10px;display:grid}.card{border-radius:var(--radius);flex-direction:column;gap:4px;min-width:0;padding:10px;transition:background .15s;display:flex}.card:hover{background:var(--hover);text-decoration:none}.card.skeleton{aspect-ratio:.78;background:var(--surface-2);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.card-art{aspect-ratio:1;border-radius:10px;margin-bottom:6px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.card-art.round{border-radius:50%}.artist-initial{font-family:var(--display);color:#ffffffeb;text-shadow:0 2px 12px #0006;place-items:center;font-size:48px;font-weight:800;font-stretch:125%;display:grid;position:absolute;inset:0}.card-play{background:var(--lime);width:48px;height:48px;color:var(--on-lime);opacity:0;border-radius:50%;place-items:center;transition:opacity .15s,transform .15s;display:grid;position:absolute;bottom:8px;right:8px;transform:translateY(8px);box-shadow:0 8px 18px #00000073}.card:hover .card-play,.card-play:focus-visible{opacity:1;transform:none}.card-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.card-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.genre-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.genre-tile{aspect-ratio:1.6;border-radius:var(--radius);position:relative;overflow:hidden}.genre-tile span{font-family:var(--display);text-shadow:0 1px 8px #00000080;font-size:19px;font-weight:800;font-stretch:125%;position:absolute;top:12px;left:14px}.genre-tile:hover{filter:brightness(1.1);text-decoration:none}.callout,.notice,.panel{background:var(--surface-2);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:22px;display:flex}.notice{border:1px solid #c6f4324d;flex-flow:wrap;justify-content:space-between;align-items:center;padding:14px 18px}.panel h2{margin-bottom:4px}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:48px 16px;display:flex}.empty h3{color:var(--text);font-size:20px}.tracks{margin:0 -10px;padding:0;list-style:none}.track{border-radius:var(--radius-sm);grid-template-columns:32px 44px minmax(0,1fr) 70px 36px 52px 36px;align-items:center;gap:12px;padding:6px 10px;display:grid}.track:hover{background:var(--hover)}.track.is-current .track-title{color:var(--lime)}.track-num{color:var(--muted);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:relative}.track-num .num{place-items:center;display:grid}.track-play{color:var(--text);opacity:0;margin:auto;position:absolute;inset:0}.track:hover .track-play,.track-play:focus-visible{opacity:1}.track:hover .track-num .num{visibility:hidden}.track-cover{border-radius:6px;width:44px;height:44px}.track-main{flex-direction:column;min-width:0;display:flex}.track-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.track-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.track-plays,.track-time{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.eq i{background:var(--lime);width:3px;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:4px}50%{height:14px}}.menu{position:relative}.menu-pop{z-index:30;background:var(--surface-3);border-radius:var(--radius-sm);flex-direction:column;min-width:210px;padding:4px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 16px 40px #00000080}.menu-pop button{text-align:left;border-radius:6px;padding:10px 12px;font-size:14px}.menu-pop button:hover,.menu-pop button:focus-visible{background:var(--hover)}.menu-pop .danger{color:var(--danger)}.dialog{border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text);border:0;width:min(460px,100vw - 32px);padding:0;box-shadow:0 30px 80px #0009}.dialog-wide{width:min(720px,100vw - 32px)}.dialog::backdrop{background:#000000a6}.dialog-body{flex-direction:column;gap:16px;padding:22px;display:flex}.dialog-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.pick-list{max-height:280px;margin:0;padding:0;list-style:none;overflow-y:auto}.pick-list button{border-radius:var(--radius-sm);text-align:left;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.pick-list button span:nth-child(2){flex:1}.pick-list button:hover{background:var(--hover)}.toasts{left:50%;bottom:calc(var(--player-h) + 24px);z-index:60;flex-direction:column;gap:8px;width:min(520px,100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--text);color:var(--bg);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-weight:600;display:flex;box-shadow:0 12px 30px #00000080}.toast-error{color:#4a0b0b;background:#ffd6d6}.toast-action{font-weight:800;text-decoration:underline}.player{height:var(--player-h);grid-area:player;grid-template-columns:minmax(180px,1fr) minmax(320px,2fr) minmax(180px,1fr);align-items:center;gap:16px;padding:0 12px;display:grid;position:relative}.player-song{align-items:center;gap:12px;min-width:0;display:flex}.player-art-btn{flex:none}.player-art{border-radius:6px;width:56px;height:56px}.player-meta{flex-direction:column;min-width:0;display:flex}.player-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.player-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.player-center{flex-direction:column;align-items:center;gap:6px;display:flex}.transport{align-items:center;gap:12px;display:flex}.progress{align-items:center;gap:10px;width:100%;max-width:640px;display:flex}.time{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;min-width:36px;font-size:12px}.player-right{justify-content:flex-end;align-items:center;gap:6px;display:flex}.volume{align-items:center;gap:6px;width:140px;display:flex}.queue-panel{right:16px;bottom:calc(var(--player-h) + 16px);background:var(--surface-2);border-radius:var(--radius-lg);z-index:40;flex-direction:column;gap:6px;width:340px;max-height:60vh;padding:16px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 20px 60px #0009}.queue-panel header{justify-content:space-between;align-items:center;display:flex}.queue-panel h3{font-family:var(--font);margin-top:8px;font-stretch:100%}.queue-item{border-radius:var(--radius-sm);text-align:left;align-items:center;gap:10px;padding:6px;display:flex}.queue-item:hover{background:var(--hover)}.queue-item.is-current span{color:var(--lime)}.queue-art{border-radius:4px;flex:none;width:40px;height:40px}.now-playing{z-index:50;background:linear-gradient(180deg, #24371c, var(--bg) 70%);padding:12px 20px calc(24px + env(safe-area-inset-bottom));position:fixed;inset:0;overflow-y:auto}.np-head{justify-content:space-between;align-items:center;max-width:560px;margin:0 auto;display:flex}.np-body{flex-direction:column;gap:20px;max-width:560px;margin:0 auto;padding-top:12px;display:flex}.np-art{aspect-ratio:1;border-radius:var(--radius-lg);width:100%;height:auto;box-shadow:0 24px 60px #00000080}.np-info{justify-content:space-between;align-items:center;gap:12px;display:flex}.np-title{font-family:var(--display);font-size:24px;font-weight:800;font-stretch:125%}.np-artist{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.np-times{color:var(--muted);justify-content:space-between;margin-top:-12px;font-size:12px;display:flex}.np-body .transport{justify-content:space-between}.np-lyrics{border-radius:var(--radius-lg);background:#ffffff0f;max-height:420px;padding:18px;overflow-y:auto}.np-lyrics h3{margin-bottom:10px}.avatar-pic{background:var(--surface-3);border-radius:50%;flex:none;display:inline-block;position:relative;overflow:hidden}.avatar-pic img,.avatar-pic .cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.avatar-pic>span{font-family:var(--display);color:#fff;text-shadow:0 2px 12px #00000059;place-items:center;font-size:.42em;font-weight:800;font-stretch:125%;display:grid;position:absolute;inset:0}.avatar-sm{width:32px;height:32px;font-size:32px}.card-art.avatar-pic{width:100%;font-size:140px;display:block}.artist-page{padding-top:0}.artist-hero{background:linear-gradient(180deg, color-mix(in srgb, var(--banner) 70%, #000) 0%, color-mix(in srgb, var(--banner) 30%, transparent) 75%, transparent 100%);border-radius:var(--radius) var(--radius) 0 0;align-items:flex-end;gap:clamp(16px,3vw,28px);margin:0 calc(-1*clamp(16px,3vw,36px));padding:clamp(48px,9vw,96px) clamp(16px,3vw,36px) 28px;display:flex}.artist-hero .artist-avatar{aspect-ratio:1;width:clamp(120px,18vw,220px);height:auto;font-size:clamp(120px,18vw,220px);box-shadow:0 18px 50px #00000080}.artist-hero-text{min-width:0}.artist-hero h1{overflow-wrap:anywhere;margin:6px 0 12px;font-size:clamp(36px,7vw,88px);line-height:1}.artist-hero .collection-meta{color:#fff}.artist-about{border-radius:var(--radius-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--banner) 22%, var(--surface)) 0%, var(--surface) 70%);flex-direction:column;gap:10px;max-width:760px;padding:20px;display:flex}.artist-about .bio{white-space:pre-line;color:var(--text);margin:0}.artist-links{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.artist-links a{background:var(--surface-3);height:32px;color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.artist-links a:hover{background:#2b3d34;text-decoration:none}.profile-picture-row{align-items:center;gap:16px;display:flex}.profile-picture{width:96px;height:96px;font-size:96px}.stack-sm{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.swatches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:34px;height:34px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26}.swatch.is-on{border-color:var(--text)}.swatch-auto{background:var(--surface-3);width:auto;color:var(--text);border-radius:999px;padding:0 12px;font-size:13px;font-weight:600}.swatch-custom{cursor:pointer;background:conic-gradient(#f43f5e,#f59e0b,#84cc16,#06b6d4,#6366f1,#d946ef,#f43f5e)}.swatch-custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.link-row input:first-child{width:34%;min-width:0}.link-btn{color:var(--lime);text-underline-offset:2px;font-weight:600;text-decoration:underline}.link-btn:hover{color:#d8ff6a}.side-auth{gap:8px;padding:4px 12px 8px;display:flex}.side-auth .btn{flex:1}.auth-form .input-prefix span{font-size:13px}.auth-switch{text-align:center}.mix-art{position:relative}.mix-art>span{font-family:var(--display);color:#fff;text-shadow:0 2px 16px #00000073;font-size:clamp(16px,2vw,24px);font-weight:800;font-stretch:125%;line-height:1.05;position:absolute;bottom:10px;left:10px;right:10px}.collection-art.mix-art{overflow:hidden}.collection-art.mix-art>span{font-size:clamp(22px,3vw,34px);bottom:16px;left:16px}@media (width<=820px){.artist-hero{flex-direction:column;align-items:flex-start}}.lyrics-screen{inset:0 0 var(--player-h) var(--sidebar);z-index:40;background:linear-gradient(180deg, color-mix(in srgb, var(--tint) 55%, #000) 0%, color-mix(in srgb, var(--tint) 30%, #050806) 100%);color:#fff;flex-direction:column;display:flex;position:fixed}.lyrics-screen-head{justify-content:space-between;align-items:center;gap:12px;padding:16px clamp(16px,4vw,48px);display:flex}.lyrics-screen-head div{flex-direction:column;min-width:0;display:flex}.lyrics-screen-head strong{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-weight:800;font-stretch:125%;overflow:hidden}.lyrics-screen-head span{color:#ffffffbf;align-items:center;gap:8px;font-size:13px;display:flex}.lyrics-screen-body{font-family:var(--display);letter-spacing:-.01em;flex-direction:column;flex:1;align-items:flex-start;gap:clamp(8px,1.6vh,18px);padding:20vh clamp(16px,8vw,140px) 40vh;font-size:clamp(26px,4.2vw,52px);font-weight:800;line-height:1.15;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 12% 85%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 12% 85%,#0000 100%)}.lyrics-screen-body button,.lyrics-screen-body p{text-align:left;color:#ffffff6b;transform-origin:0;transition:color .25s,transform .25s}.lyrics-screen-body button:hover{color:#ffffff9e}.lyrics-screen-body button.is-past{color:#ffffffb3}.lyrics-screen-body button.is-active,.lyrics-screen-body p{color:#fff}.lyrics-screen-body button.is-active{transform:scale(1.03)}.lyrics-screen-tag{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;margin-top:16px;font-size:14px;font-weight:700;color:#fff9!important}.lyrics-screen-note{font-family:var(--font);font-size:15px;font-weight:500;color:#ffffffb3!important}@media (width<=820px){.lyrics-screen{inset:0 0 calc(var(--mobile-nav-h) + env(safe-area-inset-bottom)) 0;z-index:19}.lyrics-screen-body{padding:12vh 20px calc(var(--player-h) + 30vh)}}@media (prefers-reduced-motion:reduce){.lyrics-screen-body button.is-active{transform:none}}.waveform{touch-action:none;align-items:center;gap:2px;height:72px;display:flex}.waveform span{background:#4a5650;border-radius:2px;flex:1;min-width:1px}.waveform span.played{background:var(--lime)}.waveform.is-seekable{cursor:pointer}.collection-head,.artist-head{flex-wrap:wrap;align-items:flex-end;gap:24px;display:flex}.collection-art{aspect-ratio:1;border-radius:var(--radius);flex:none;width:clamp(160px,22vw,232px);height:auto;box-shadow:0 18px 50px #00000080}.collection-info{flex-direction:column;gap:10px;min-width:0;display:flex}.collection-info h1{overflow-wrap:anywhere}.collection-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:14px;display:flex}.visibility{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.action-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.artist-avatar{aspect-ratio:1;border-radius:50%;flex:none;width:clamp(140px,18vw,200px);position:relative;overflow:hidden;box-shadow:0 18px 50px #00000080}.artist-avatar span{font-family:var(--display);place-items:center;font-size:64px;font-weight:800;font-stretch:125%;display:grid;position:absolute;inset:0}.bio{color:#c9d2cc;max-width:640px;margin-top:10px}.song-columns{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;display:grid}.song-columns h2{margin-bottom:12px}.details dl{grid-template-columns:140px 1fr;gap:10px 16px;margin:0;display:grid}.details dt{color:var(--muted);font-size:14px}.details dd{margin:0}.lyrics{flex-direction:column;gap:2px;font-size:17px;line-height:1.55;display:flex}.lyrics-tag{color:var(--muted);margin-top:12px;font-size:13px;font-weight:700}.lyrics.synced{font-family:var(--display);gap:6px;font-size:20px;font-weight:700}.lyrics.synced button{text-align:left;color:#eef1ec73;transition:color .2s}.lyrics.synced button.is-past{color:#eef1ecb3}.lyrics.synced button.is-active{color:var(--text)}.tabs{gap:8px;display:flex}.tabs a{background:var(--surface-3);border-radius:999px;align-items:center;height:34px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.tabs a:hover{background:#2b3d34;text-decoration:none}.tabs a.active{background:var(--text);color:var(--bg)}.search-box{background:var(--surface-3);max-width:520px;color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:0 18px;display:flex}.search-box input{height:48px;color:var(--text);background:0 0!important;border:0!important}.search-box:focus-within{outline:2px solid var(--focus)}.search-box input:focus-visible{outline:none}.create-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);align-items:start;gap:28px;display:grid}.create-grid>*,.song-columns>*{min-width:0}.create-form{flex-direction:column;gap:22px;display:flex}.slab{background:var(--lime);color:var(--on-lime);border-radius:28px;flex-direction:column;gap:14px;padding:22px;display:flex}.slab-input{min-height:2.6em;font-weight:600;overflow:hidden;color:var(--on-lime)!important;resize:none!important;background:0 0!important;border:0!important;padding:0!important;font-size:21px!important}.slab-input::placeholder{color:#0e17128c}.slab-input:focus-visible{outline:none!important}.slab:focus-within{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--lime)}.slab .chip-soft{color:var(--on-lime);background:#0e17121a}.slab .chip-soft:hover{background:#0e17122e}.group{border:0;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.group legend{margin-bottom:10px;padding:0;font-weight:700}.lyrics-input{font-family:ui-monospace,SF Mono,Menlo,monospace;line-height:1.6;font-size:14px!important}.disclosure{color:var(--muted);align-self:flex-start;align-items:center;gap:6px;font-weight:600;display:inline-flex}.disclosure:hover{color:var(--text)}.rot{transform:rotate(180deg)}.create-actions{background:linear-gradient(transparent, var(--surface) 30%);align-items:center;gap:12px;padding:12px 0;display:flex;position:sticky;bottom:0}.jobs{flex-direction:column;gap:12px;display:flex;position:sticky;top:0}.jobs-empty{background:var(--surface-2);border-radius:var(--radius-lg);color:var(--muted);flex-direction:column;gap:8px;padding:20px;display:flex}.job{background:var(--surface-2);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:16px;display:flex}.job-head{justify-content:space-between;gap:12px;display:flex}.job-head h3{margin-bottom:4px;font-size:17px}.job-progress{flex-direction:column;gap:8px;display:flex}.wire{background:#33433a;border-radius:2px;height:3px;overflow:hidden}.wire span{background:var(--lime);height:100%;transition:width 1s linear;display:block}.wire span.indeterminate{width:35%;animation:1.4s ease-in-out infinite wire}@keyframes wire{0%{transform:translate(-100%)}to{transform:translate(300%)}}.job-error{color:#ffc7c7;flex-direction:column;align-items:flex-start;gap:10px;display:flex}.takes{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.take{align-items:center;gap:12px;display:flex}.take-play{border-radius:8px;flex:none;width:52px;height:52px;position:relative;overflow:hidden}.take-icon{background:#00000059;place-items:center;display:grid;position:absolute;inset:0}.take-main{flex-direction:column;flex:1;min-width:0;display:flex}.take-title{font-weight:700}.prose h2{margin-top:12px}.prose ul{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.prose a:not(.btn){color:var(--lime);text-decoration:underline}@media (width<=1100px){.create-grid,.song-columns{grid-template-columns:1fr}.jobs{position:static}.track{grid-template-columns:32px 44px minmax(0,1fr) 36px 52px 36px}.track-plays{display:none}}@media (width<=820px){:root{--player-h:64px}.app{height:auto;min-height:100%;padding:0;display:block}.sidebar{display:none}.main{background:linear-gradient(180deg, #16231b 0, var(--bg) 280px);padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 16px);border-radius:0;overflow:visible}.app.has-player .main{padding-bottom:calc(var(--mobile-nav-h) + var(--player-h) + env(safe-area-inset-bottom) + 24px)}.mobile-header{background:#16231b;justify-content:space-between;align-items:center;padding:14px 16px 0;display:flex}.mobile-header .logo{padding:0}.mobile-nav{z-index:20;height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#0000,#0b120ef5 30%);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex;position:relative}.mobile-nav a.active{color:var(--text)}.mobile-nav a:hover{text-decoration:none}.mobile-nav .dot{background:var(--lime);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:calc(50% - 16px)}.page{gap:24px;padding:16px 16px 32px}.hero{padding:20px}.hero .btn{width:100%}.player{left:8px;right:8px;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));z-index:21;height:var(--player-h);border-radius:var(--radius-sm);background:#233a1e;grid-template-columns:1fr auto;gap:8px;padding:0 8px;position:fixed;overflow:hidden}.player-art{width:44px;height:44px}.player-center,.player-right{display:none}.player-mobile-controls{align-items:center;display:flex}.player-mobile-controls .play-btn{color:var(--text);background:0 0}.player-mini-progress{background:var(--lime);max-width:calc(100% - 16px);height:2px;display:block;position:absolute;bottom:0;left:8px}.queue-panel{width:auto;left:8px;right:8px;bottom:calc(var(--mobile-nav-h) + var(--player-h) + 16px)}.toasts{bottom:calc(var(--mobile-nav-h) + var(--player-h) + 20px)}.track{grid-template-columns:44px minmax(0,1fr) 36px 36px;gap:10px;padding:6px}.tracks{margin:0 -6px}.track-num,.track-time{display:none}.shelf-row{grid-auto-columns:42%;margin:0 -16px;padding:0 6px 8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-play{opacity:1;width:40px;height:40px;transform:none}.collection-head,.artist-head{flex-direction:column;align-items:flex-start}.collection-art{align-self:center;width:min(70vw,260px)}.artist-avatar{align-self:center}.details dl{grid-template-columns:110px 1fr}.create-actions{bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 30%)}.app.has-player .create-actions{bottom:calc(var(--mobile-nav-h) + var(--player-h) + env(safe-area-inset-bottom))}.create-actions .btn-primary{flex:1}.slab{border-radius:24px;padding:18px}.slab-input{font-size:18px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.danger-zone{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.danger-text{color:var(--danger)}.chip-sm{height:28px;padding:0 10px;font-size:13px}.waveform span.selected{background:#f5f7f3;box-shadow:0 0 0 1px #c6f43299}.waveform span.selected.played{background:var(--lime)}.edit-panel{background:var(--surface-2);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:20px;display:flex}.edit-panel .segmented button{align-items:center;gap:6px;display:inline-flex}.range-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.align-start{align-self:flex-start}.lineage{color:var(--muted);font-size:14px}.lineage a{color:var(--text);font-weight:600}@media (width<=820px){.range-pair{grid-template-columns:1fr}}.edit-panel .range{height:6px}.edit-panel .range::-webkit-slider-thumb{opacity:1;background:var(--lime);width:18px;height:18px}.edit-panel .range::-moz-range-thumb{background:var(--lime);width:18px;height:18px}.idea-tile span{font-family:var(--font);font-size:15px;font-weight:700;font-stretch:100%;line-height:1.3;right:14px}.idea-tile:after{content:"";background:linear-gradient(#0b120ebf,#0b120e26 75%);position:absolute;inset:0}.genre-tile span{z-index:1}.job-note{color:var(--lime);margin-top:4px}.btn.danger-bg{background:var(--danger);color:#1a0b0b}.save-callout{border:1px solid color-mix(in srgb, var(--lime) 35%, transparent);flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px}.save-callout h2{margin-bottom:4px;font-size:18px}