@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;position:relative;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-mark{filter:drop-shadow(0 0 6px #96ff3c73);flex:none}.logo em{color:var(--lime);font-style:normal}.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-text{flex-direction:column;min-width:0;display:flex}.side-playlist-text>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-playlist-by{color:var(--muted);font-size:12px}.side-playlist:hover,.side-playlist.active{background:var(--hover);color:var(--text);text-decoration:none}.side-playlists>p{padding:8px 12px}.side-playlist .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-account-row{align-items:center;gap:4px;display:flex}.side-account-row .side-me{flex:1;min-width:0;padding:6px 8px}.side-account-row .side-me span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-account-row .side-auth{flex:1;padding:0 4px 0 0}.side-account-row .icon-btn.active{color:var(--text)}.side-card{border-radius:var(--radius);background:var(--surface-2);flex-direction:column;align-items:flex-start;gap:6px;margin:8px 4px 0;padding:16px;display:flex}.side-card .btn{margin-top:6px}.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{color:var(--lime);position:relative}.player .icon-btn.is-on:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.main-topbar{z-index:30;height:0;position:sticky;top:0}.back-btn{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:14px;left:14px}.back-btn:hover{background:#000000bf}.main:has(.main-topbar)>.page{padding-top:64px}.main:has(.main-topbar)>.artist-page{padding-top:0}@media (width<=820px){.main-topbar{height:auto;padding:8px 16px 0;position:static}.back-btn{position:static}.main:has(.main-topbar)>.page{padding-top:8px}}.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)}.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}.cover-img{object-fit:cover;background:var(--surface-3)}.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-name{color:var(--lime)}.hero-idea{max-width:100%;color:var(--text);background:#00000047;border-radius:999px;align-items:center;gap:8px;margin-top:6px;padding:7px 14px;font-size:14px;display:inline-flex;box-shadow:inset 0 0 0 1px #c6f4324d}.hero-idea svg{color:var(--lime);flex:none}.hero-idea:hover{background:#0006;text-decoration:none;box-shadow:inset 0 0 0 1px #c6f43299}.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-tools{align-items:center;gap:12px;display:flex}.shelf-arrows{gap:4px;display:flex}.shelf-arrows .icon-btn{background:var(--surface-3);width:32px;height:32px}.shelf-arrows .icon-btn:disabled{opacity:.35;cursor:default}.shelf-row{scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;grid-auto-columns:minmax(150px,186px);grid-auto-flow:column;gap:8px;margin:0 -10px;padding:0 0 4px;scroll-padding-inline:10px;display:grid;overflow-x:auto}.shelf-row::-webkit-scrollbar{display:none}.shelf-row>*{scroll-snap-align:start}.shelf-row.fade-end{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000)}.shelf-row.fade-start{-webkit-mask-image:linear-gradient(90deg,#0000,#000 56px);mask-image:linear-gradient(90deg,#0000,#000 56px)}.shelf-row.fade-start.fade-end{-webkit-mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000)}@media (hover:none),(width<=820px){.shelf-arrows{display:none}}.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}.artist-card-art{position:relative}.artist-card-art>a{display:block}.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 60px 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}.track-plays{justify-content:flex-end;align-items:center;gap:5px;margin-right:8px;display:inline-flex}.reorder{gap:12px;display:grid}.reorder-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.reorder-list li{border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:36px 44px minmax(0,1fr) 36px 36px;align-items:center;gap:10px;padding:6px 8px;display:grid}.reorder-list li.is-dragging{background:var(--surface-3);outline:2px solid var(--lime)}.reorder-grip{cursor:grab;touch-action:none}.reorder-list li.is-dragging .reorder-grip{cursor:grabbing}.reorder-text{flex-direction:column;min-width:0;display:flex}.reorder-list .icon-btn:disabled{opacity:.3}.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}.eq.live i{transition:height 90ms linear;animation:none}@keyframes eq{0%,to{height:4px}50%{height:14px}}.menu{position:relative}.menu-pop{z-index:70;background:var(--surface-3);border-radius:var(--radius-sm);flex-direction:column;min-width:210px;padding:4px;display:flex;position:fixed;overflow-y:auto;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-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.queue-row{border-radius:var(--radius-sm);grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:4px;display:grid}.queue-row.is-dragging{background:var(--surface-3);outline:2px solid var(--lime)}.queue-grip{cursor:grab;touch-action:none;color:var(--muted)}.queue-row.is-dragging .queue-grip{cursor:grabbing}.queue-remove{color:var(--muted)}.sleep .icon-btn{position:relative}.sleep-left{background:var(--lime);min-width:16px;color:var(--on-lime);text-align:center;border-radius:8px;padding:0 4px;font-size:10px;font-weight:700;line-height:15px;position:absolute;bottom:-3px;right:-3px}.menu-note{color:var(--muted);margin:0;padding:8px 12px 4px;font-size:12px}.queue-text{flex-direction:column;min-width:0;display:flex}.queue-text>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-autoplay{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:12px 6px 4px;display:flex}.queue-autoplay>span{flex-direction:column;gap:2px;display:flex}input[role=switch]{appearance:none;background:var(--surface-3);cursor:pointer;border-radius:11px;flex:none;width:40px;height:22px;transition:background .15s;position:relative}input[role=switch]:after{content:"";background:var(--text);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}input[role=switch]:checked{background:var(--lime)}input[role=switch]:checked:after{background:var(--on-lime);transform:translate(18px)}input[role=switch]:focus-visible{outline:2px solid var(--lime);outline-offset:2px}@media (prefers-reduced-motion:reduce){input[role=switch],input[role=switch]:after{transition:none}}.queue-art{border-radius:4px;flex:none;width:40px;height:40px}.now-playing{z-index:50;background:var(--bg);isolation:isolate;padding:12px 20px calc(24px + env(safe-area-inset-bottom));position:fixed;inset:0;overflow-y:auto}.now-playing:before{content:"";z-index:-1;background:radial-gradient(35% 30% at 30% 25%, color-mix(in srgb, var(--glow) 40%, transparent), transparent 70%), radial-gradient(45% 40% at 72% 58%, color-mix(in srgb, var(--tint) 65%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--tint) 45%, #000) 0%, var(--bg) 75%);opacity:calc(.8 + var(--pulse,0) * .2);transform:scale(calc(1 + var(--pulse,0) * .05));animation:26s ease-in-out infinite alternate paused np-drift;position:fixed;inset:-25%}.now-playing.is-playing:before{animation-play-state:running}@keyframes np-drift{0%{translate:-5% -4%;rotate:0deg}to{translate:5% 4%;rotate:10deg}}.now-playing .np-art{transform:scale(calc(1 + var(--pulse,0) * .015))}.now-playing .queue-panel{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;max-width:480px;max-height:72vh;margin:0 auto}@media (prefers-reduced-motion:reduce){.now-playing:before{animation:none}}.np-head{max-width:560px;padding-top:env(safe-area-inset-top);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;margin:0 auto;display:grid}.np-head>.menu{justify-self:end}.np-head-title{text-align:center;flex-direction:column;align-items:center;min-width:0;line-height:1.25;display:flex}.np-head-title span{color:var(--muted);font-size:13px;font-weight:600}.np-head-title strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;overflow:hidden}.np-extras{justify-content:space-between;align-items:center;margin-top:-6px;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}.seek-line{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;height:32px;position:relative}.seek-line-track{background:#ffffff38;border-radius:2px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0;right:0;overflow:hidden}.seek-line-fill{width:var(--fill,0%);background:var(--lime);height:100%;display:block}.seek-line-thumb{top:50%;left:var(--fill,0%);background:#fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;transition:transform .12s;position:absolute;box-shadow:0 1px 4px #0006}.seek-line.is-dragging .seek-line-thumb{transform:scale(1.35)}.seek-line:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:4px}.seek-line-wrap .seek-times{margin-top:-6px}.np-seek{display:none}@media (width<=820px){.np-wave,.np-times{display:none}.np-seek{margin-top:6px;display:block}}@media (prefers-reduced-motion:reduce){.seek-line-thumb{transition:none}}.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) 55%, #000) 0%, color-mix(in srgb, var(--banner) 22%, transparent) 75%, transparent 100%);border-radius:var(--radius) var(--radius) 0 0;text-shadow:0 1px 12px #00000059;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-top.has-pick{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:clamp(16px,3vw,36px);display:grid}.artist-pick-card{border-radius:var(--radius);background:var(--surface-2);gap:16px;padding:14px;display:flex}.artist-pick-art{flex:none;width:112px}.artist-pick-art>*{aspect-ratio:1;border-radius:6px;width:100%}.artist-pick-text{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.artist-pick-by{align-items:center;gap:6px;margin:0;display:flex}.avatar-xs{width:20px;height:20px;font-size:20px}.artist-pick-title{overflow-wrap:anywhere;font-size:1.05rem;font-weight:700}.artist-pick-text .muted{margin:0}.artist-pick-text .play-btn{margin-top:auto}.artist-pick-hint{align-items:center;gap:6px;margin-top:8px;display:flex}@media (width<=820px){.artist-top.has-pick{grid-template-columns:minmax(0,1fr)}}.artist-hero .eyebrow{color:#fff}.artist-hero .artist-avatar{aspect-ratio:1;width:clamp(120px,18vw,220px);height:auto;font-size:clamp(120px,18vw,220px);box-shadow:0 0 0 4px #00000047,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-bio{color:#fff;white-space:pre-line;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-width:640px;margin:12px 0 0;display:-webkit-box;overflow:hidden}.artist-hero .artist-links{margin-top:12px}.artist-hero .artist-links a{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:30px;text-shadow:none;background:#ffffff1a;gap:8px;padding:0 12px 0 10px;font-size:13px;transition:background .15s,box-shadow .15s;box-shadow:inset 0 0 0 1px #ffffff38}.artist-hero .artist-links a:hover{background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff73}.artist-since{color:#ffffffbf;margin:10px 0 0;font-size:13px}.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}.song-picture{border-radius:var(--radius-sm);flex:none;width:96px;height:96px}.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{background-clip:padding-box;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:radial-gradient(circle,#ffffff8c,#fff0 70%) padding-box padding-box,conic-gradient(#f43f5e,#f59e0b,#84cc16,#06b6d4,#6366f1,#d946ef,#f43f5e) padding-box padding-box}.swatch-custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.link-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.link-row input{width:100%;min-width:0}@media (width<=600px){.link-row{grid-template-columns:minmax(0,1fr) auto}.link-row input:nth-child(2){grid-area:2/1/auto/-1}}.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.is-ad{font:15px/1.5 var(--font);justify-content:center;align-items:center;padding:24px}.lyrics-screen-body.is-ad .np-ad{width:min(440px,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}.action-more{display:contents}.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}.grow-box{field-sizing:content;resize:vertical;min-height:5.5em;max-height:50vh;overflow-y:auto}.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) 60px 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{z-index:15;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:#16231bf7;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.mobile-header{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#16231be6}}.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:#0b120ef7;border-top:1px solid #ffffff0f;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.mobile-nav{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#0b120ef0}}.action-row{gap:10px}.action-more{flex-wrap:wrap;flex:1 0 100%;order:1;gap:8px;margin-top:4px;display:flex}.action-more .btn{background:var(--surface-3);flex:auto;justify-content:center;height:38px;padding:0 14px;font-size:14px}.action-more .btn svg{width:16px;height:16px}.action-row .menu{margin-left:auto}.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:48px minmax(0,1fr) 40px 40px;column-gap:12px;padding:6px 0 6px 6px}.track .track-cover{width:48px;height:48px}.track>.menu{margin-left:-12px}.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}.line-picker{gap:2px;max-height:240px;margin:6px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.line-picker button{border-radius:var(--radius-sm);text-align:left;width:100%;color:var(--muted);align-items:baseline;gap:12px;padding:8px 10px;display:flex}.line-picker button:hover{background:var(--hover);color:var(--text)}.line-picker button.is-on{background:color-mix(in srgb, var(--lime) 18%, transparent);color:var(--text);box-shadow:inset 3px 0 0 var(--lime)}.line-picker-time{font-variant-numeric:tabular-nums;flex:none;width:38px;font-size:12px}.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,.voice-body .range{height:6px}.edit-panel .range::-webkit-slider-thumb{opacity:1;background:var(--lime);width:18px;height:18px}.voice-body .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}.voice-body .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}.ad-tile{background:linear-gradient(135deg, var(--ad-a,var(--lime)), var(--ad-b,var(--lime)));width:56px;height:56px;color:var(--on-lime);font-family:var(--display);border-radius:6px;flex:none;place-items:center;font-size:18px;font-weight:800;font-stretch:125%;display:grid}.ad-link{font-weight:600;color:var(--lime)!important}.ad-progress{background:#fff3;border-radius:2px;flex:1;height:4px;overflow:hidden}.ad-progress span{background:var(--lime);height:100%;transition:width .25s linear;display:block}.player.is-ad .icon-btn:disabled{opacity:.35;cursor:not-allowed}.ad-card{right:16px;bottom:calc(var(--player-h) + 16px);z-index:60;border-radius:var(--radius-lg);background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--ad-a,var(--lime)) 35%, transparent), transparent 60%), linear-gradient(135deg, #14200f, #0b120e 70%);border:1px solid color-mix(in srgb, var(--ad-a,var(--lime)) 45%, transparent);width:min(380px,100vw - 32px);color:var(--text);flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;display:flex;position:fixed;box-shadow:0 20px 50px #0000008c}.ad-card>svg{color:var(--lime);flex:none}.ad-card div{flex:1;min-width:180px}.ad-card p{color:var(--muted);margin:4px 0 0;font-size:14px}@media (width<=820px){.ad-card{width:auto;left:16px;right:16px;bottom:calc(var(--mobile-nav-h) + var(--player-h) + env(safe-area-inset-bottom) + 12px)}.ad-tile{width:44px;height:44px;font-size:15px}}@media (prefers-reduced-motion:reduce){.ad-progress span{transition:none}}.pro-hero{border-radius:var(--radius-lg);background:radial-gradient(circle at 85% 20%,#c6f43259,#0000 55%),linear-gradient(135deg,#1f3a12,#0f1a12 75%);flex-direction:column;gap:14px;padding:clamp(28px,5vw,56px);display:flex}.pro-hero h1{font-size:clamp(36px,6vw,64px);line-height:1.02}.pro-perks{gap:12px;margin:0;padding:0;list-style:none;display:grid}.pro-perks li{align-items:flex-start;gap:12px;display:flex}.pro-perks svg{color:var(--lime);flex:none;margin-top:2px}.usage-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.usage-line strong{color:var(--text)}.usage-meter{background:var(--surface-3);border-radius:3px;width:80px;height:6px;overflow:hidden}.usage-meter span{background:var(--lime);height:100%;display:block}.plans-page .pro-hero{background-size:200% 200%;animation:12s ease-in-out infinite alternate pro-glow;position:relative;overflow:hidden}@keyframes pro-glow{0%{background-position:0 0}to{background-position:100% 100%}}.pro-crown{background:var(--lime);width:64px;height:64px;color:var(--on-lime);border-radius:20px;place-items:center;animation:3.5s ease-in-out infinite crown-float;display:grid;box-shadow:0 10px 40px #c6f43273}@keyframes crown-float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-8px)rotate(4deg)}}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.plan-card{border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--line);opacity:0;animation:.6s cubic-bezier(.2,.8,.2,1) forwards plan-in;animation-delay:calc(var(--i) * .12s);flex-direction:column;gap:14px;padding:24px;transition:transform .25s,box-shadow .25s;display:flex;position:relative}.plan-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0006}@keyframes plan-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}.plan-pro{background:linear-gradient(var(--surface-2), var(--surface-2)) padding-box, conic-gradient(from var(--angle,0deg), var(--lime), #1f3a12, var(--lime-deep), #1f3a12, var(--lime)) border-box;animation:.6s cubic-bezier(.2,.8,.2,1) forwards plan-in,6s linear infinite plan-border;animation-delay:calc(var(--i) * .12s), 0s;border:2px solid #0000}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes plan-border{to{--angle:360deg}}.plan-card.is-current{outline:2px solid var(--text);outline-offset:3px}.plan-badge{background:var(--lime);color:var(--on-lime);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;position:absolute;top:-12px;right:18px}.plan-card h2{font-size:22px}.plan-price{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.plan-price strong{font-family:var(--display);font-size:32px;font-weight:800;font-stretch:125%}.plan-price span{color:var(--muted);font-size:14px}.plan-card .pro-perks{flex:1;align-content:start}.plan-action{display:flex}.plan-action .btn{flex:1}.plan-current{padding:10px 0;font-weight:700}@media (prefers-reduced-motion:reduce){.plans-page .pro-hero,.pro-crown,.plan-pro{animation:none}.plan-card{opacity:1;animation:none}.plan-card:hover{transform:none}}.side-pro{color:var(--lime)}.np-ad{aspect-ratio:1;text-align:center;border-radius:var(--radius-lg);background:radial-gradient(circle at 25% 20%, color-mix(in srgb, var(--ad-a,var(--lime)) 55%, transparent), transparent 55%), radial-gradient(circle at 80% 85%, color-mix(in srgb, var(--ad-b,#0ea5e9) 55%, transparent), transparent 60%), linear-gradient(160deg, #10180f, #06090a 80%);text-shadow:0 2px 14px #00000073;background-size:160% 160%;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;padding:28px;animation:9s ease-in-out infinite alternate np-ad-move;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080,inset 0 0 0 1px #ffffff1f}@keyframes np-ad-move{to{background-position:100% 100%}}.ad-beat{align-items:center;gap:5px;height:64px;display:inline-flex}.ad-beat i{background:linear-gradient(180deg, var(--ad-a,var(--lime)), var(--ad-b,var(--lime)));transform-origin:50%;border-radius:4px;width:7px;height:100%;display:block;transform:scaleY(.12)}.np-ad-made{color:#ffffffb3;font-size:12px}.np-ad-tag{background:#ffffff1f;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;position:absolute;top:16px;left:16px}.np-ad-mark{filter:drop-shadow(0 0 22px #96ff3c8c);width:min(40%,200px);height:auto;animation:2.4s ease-in-out infinite alternate np-ad-glow}@keyframes np-ad-glow{to{filter:drop-shadow(0 0 34px #96ff3cbf);transform:scale(1.04)}}.np-ad h2{margin:4px 0 0;font-size:clamp(24px,5vw,38px);line-height:1.1}.np-ad h2 em{color:var(--lime);font-style:normal}.np-ad p{color:#fff;margin:0}.np-ad-count{color:var(--muted);font-size:13px}.np-ad-bar{background:#ffffff1a;height:4px;position:absolute;bottom:0;left:0;right:0}.np-ad-bar i{background:var(--lime);height:100%;transition:width .25s linear;display:block}@media (prefers-reduced-motion:reduce){.np-ad-mark{animation:none}}.lyrics-screen-body .lyrics-screen-note .btn{font-family:var(--font);color:var(--text);vertical-align:middle;margin-left:12px;font-size:13px}.sync-help{color:#ffffffd1;flex-wrap:wrap;align-items:center;gap:8px 14px;max-width:860px;padding:0 clamp(16px,4vw,48px) 8px;font-size:14px;display:flex}.sync-help p{flex-basis:100%;margin:0}.sync-lines{flex-direction:column;flex:1;gap:4px;min-height:0;margin:0;padding:8px clamp(16px,4vw,48px) 30vh;list-style:none;display:flex;overflow-y:auto}.sync-lines li{border-radius:var(--radius-sm);color:#ffffff9e;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;font-size:18px;font-weight:600;display:grid}.sync-lines li.is-next{color:#fff;box-shadow:inset 3px 0 0 var(--lime);background:#0000004d}.sync-lines li.is-active{color:#fff;background:#ffffff1a}.sync-time{text-align:left;font-variant-numeric:tabular-nums;color:#ffffffc7;border-radius:6px;padding:4px 6px;font-size:13px}.sync-time:not(:disabled):hover{background:#ffffff24}.sync-text{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.sync-word-btn{font:inherit;color:inherit;text-align:left;border-radius:6px;margin:-2px -6px;padding:2px 6px}.sync-word-btn:hover,.sync-word-btn:focus-visible{background:#ffffff1a}.sync-pencil{opacity:0;vertical-align:-1px}.sync-word-btn:hover .sync-pencil,.sync-word-btn:focus-visible .sync-pencil{opacity:.7}.sync-sung{color:var(--lime);flex-wrap:wrap;align-items:center;gap:2px 8px;font-weight:500;display:flex}.sync-sung-all{border-radius:var(--radius-sm);width:100%;box-shadow:inset 3px 0 0 var(--lime);background:#0000004d;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;display:flex}.sync-input{border:1px solid var(--lime);color:#fff;width:100%;font:inherit;background:#00000059;border-radius:8px;padding:6px 10px}.sync-nudge{gap:2px;display:flex}.sync-bar{background:#0006;flex-wrap:wrap;align-items:center;gap:10px;padding:12px clamp(16px,4vw,48px);display:flex}.sync-clock{font-variant-numeric:tabular-nums;color:#ffffffd1;min-width:92px;font-size:13px}.sync-tap{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:240px;min-width:0;display:block;overflow:hidden}.lyrics-screen.sync-screen{inset:0 0 0 var(--sidebar);z-index:65}@media (width<=820px){.lyrics-screen.sync-screen{inset:0}.sync-lines li{grid-template-columns:58px minmax(0,1fr) auto;gap:8px;font-size:16px}.sync-tap{flex-basis:100%;order:-1}}.icon-btn.like.with-count{border-radius:999px;justify-self:start;gap:5px;width:auto;min-width:36px;padding:0 8px;display:inline-flex}.like-count{font-variant-numeric:tabular-nums;font-size:13px}@media (width<=820px){.icon-btn.like.with-count{justify-content:center;justify-self:auto;padding:0}.like-count{display:none}}.visibility-picker{margin-top:4px;display:inline-block;position:relative}.visibility-btn{background:var(--surface-3);height:32px;color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 12px;font-size:13px;font-weight:600;display:inline-flex}.visibility-btn:hover,.visibility-btn[aria-expanded=true]{background:var(--hover)}.visibility-chevron{color:var(--muted);transition:transform .15s}.visibility-btn[aria-expanded=true] .visibility-chevron{transform:rotate(180deg)}.visibility-list{z-index:30;border-radius:var(--radius-sm);background:var(--surface-3);width:max-content;min-width:260px;max-width:calc(100vw - 32px);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 40px #00000080}.visibility-list li{cursor:pointer;border-radius:8px;outline:none;align-items:center;gap:12px;padding:10px 12px;display:flex}.visibility-list li:hover,.visibility-list li:focus-visible,.visibility-list li:focus{background:var(--hover)}.visibility-list li:focus-visible{box-shadow:inset 0 0 0 2px var(--lime)}.visibility-icon{width:34px;height:34px;color:var(--muted);background:#ffffff12;border-radius:50%;flex:none;place-items:center;display:grid}.visibility-list li.is-current .visibility-icon{background:color-mix(in srgb, var(--lime) 16%, transparent);color:var(--lime)}.visibility-text{flex-direction:column;flex:1;min-width:0;display:flex}.visibility-text strong{font-size:14px}.visibility-text span{color:var(--muted);font-size:13px}.visibility-check{color:var(--lime);flex:none}@media (prefers-reduced-motion:reduce){.visibility-chevron{transition:none}}.edit-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.btn.is-on{background:var(--hover);color:var(--text)}@media (hover:none){.sync-pencil{opacity:.5}}@media (pointer:coarse),(width<=820px){input:not([type=range]):not([type=radio]):not([type=checkbox]),select,textarea{font-size:max(16px,1em)}}.wave-wrap{position:relative}.comment-marks{height:24px;margin-top:4px;position:relative}.comment-mark{width:22px;height:22px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;margin-left:-11px;padding:0;transition:transform .12s;position:absolute;top:0}.comment-mark .avatar-pic{width:100%;height:100%;font-size:10px}.comment-mark:hover,.comment-mark:focus-visible{z-index:1;transform:scale(1.35)}.comments{flex-direction:column;gap:16px;max-width:760px;display:flex}.comments h2 .muted{font-family:var(--font);font-size:.6em;font-weight:600}.comment-form{align-items:flex-start;gap:12px;display:flex}.comment-form-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.comment-form textarea{resize:vertical;min-height:3.2em}.comment-form-row{justify-content:flex-end;align-items:center;gap:10px;display:flex}.comment-form-row .chip{margin-right:auto}.comment-empty{align-items:center;gap:8px;display:flex}.comment-list{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.comment-list li{align-items:flex-start;gap:12px;display:flex}.comment-body{flex:1;min-width:0}.comment-meta{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 2px;display:flex}.comment-name{color:var(--text);font-weight:700}.comment-artist{background:color-mix(in srgb, var(--lime) 18%, transparent);color:var(--lime);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.comment-at{color:var(--lime);font-variant-numeric:tabular-nums;padding:0;font-weight:600}.comment-at:hover{text-decoration:underline}.comment-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.notif,.notif .icon-btn{position:relative}.notif-count{background:var(--lime);min-width:17px;height:17px;color:var(--on-lime);text-align:center;border-radius:999px;padding:0 4px;font-size:11px;font-weight:800;line-height:17px;position:absolute;top:2px;right:2px}.notif-pop{z-index:70;border-radius:var(--radius-sm);background:var(--surface-3);max-height:min(70vh,520px);padding:12px;position:fixed;overflow-y:auto;box-shadow:0 16px 40px #00000080}.notif-pop h2{margin:2px 6px 10px;font-size:18px}.notif-pop p{margin:4px 6px 8px}.notif-pop ol{margin:0;padding:0;list-style:none}.notif-pop a{color:var(--text);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 8px;display:flex}.notif-pop a:hover,.notif-pop a:focus-visible{background:var(--hover)}.notif-pop li.is-new a{box-shadow:inset 3px 0 0 var(--lime)}.notif-text{overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;font-size:14px;display:flex}.notif-quote{color:var(--muted)}@media (prefers-reduced-motion:reduce){.comment-mark{transition:none}}.admin-section{gap:12px;margin-top:28px;display:grid}.admin-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.admin-tile{border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.admin-tile-n{font-family:var(--display);font-size:28px;font-weight:800;font-stretch:125%;line-height:1.1}.admin-tile-label{font-weight:600}.admin-count{background:var(--danger);color:#2a0505;min-width:24px;height:24px;font-family:var(--font);vertical-align:middle;border-radius:12px;place-items:center;margin-left:6px;padding:0 6px;font-size:13px;font-stretch:100%;display:inline-grid}.admin-reports,.admin-users{gap:10px;margin:0;padding:0;list-style:none;display:grid}.admin-reports p{margin:0}.admin-reason{overflow-wrap:anywhere;font-style:italic}.admin-search{background:var(--surface-2);border-radius:999px;align-items:center;gap:10px;max-width:520px;padding:6px 6px 6px 14px;display:flex}.admin-search input{min-width:0;color:var(--text);background:0 0;border:0;flex:1}.admin-search input:focus{outline:none}.admin-search:focus-within{outline:2px solid var(--lime)}.admin-users li{border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.admin-user-who{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;display:flex}.admin-user-meta{overflow-wrap:anywhere;flex-basis:100%}.admin-user-plan select{border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text);border:1px solid var(--line);padding:6px 10px}.admin-user-upload{cursor:pointer;align-items:center;gap:8px;display:flex}@media (width<=640px){.admin-users li{grid-template-columns:minmax(0,1fr) auto}.admin-user-who{grid-column:1/-1}}@media (width<=359px){.label-wide{display:none}.action-row{gap:8px}.mobile-header .logo{gap:6px;font-size:15px}.mobile-header .logo-mark{width:24px;height:24px}.mobile-header .row{gap:4px}}@media (width<=820px){.player:not(.is-ad){cursor:pointer;-webkit-tap-highlight-color:transparent}html{scroll-padding-top:calc(70px + env(safe-area-inset-top))}.track{cursor:pointer}}@media (hover:none){.track:hover{background:0 0}.track:active{background:var(--hover)}}.lyrics-screen.voice-screen{inset:0 0 0 var(--sidebar);z-index:65}.voice-body{width:100%;max-width:640px;min-height:0;padding:8px clamp(16px, 4vw, 48px) calc(32px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:18px;margin:0 auto;display:flex;overflow-y:auto}.voice-setup,.voice-review{flex-direction:column;gap:16px;display:flex}.voice-tip{border-radius:var(--radius);background:#00000040;align-items:flex-start;gap:12px;margin:0;padding:14px 16px;display:flex}.voice-tip svg{color:var(--lime);flex:none}.voice-record{align-self:center;min-width:180px;height:52px;font-size:17px}.voice-karaoke{border-top:1px solid #ffffff1f;flex-direction:column;align-items:flex-start;gap:8px;padding-top:14px;display:flex}.voice-karaoke p{margin:0}.voice-count{font-family:var(--display);color:var(--lime);align-self:center;font-size:96px;font-weight:800;font-stretch:125%;line-height:1}.voice-live{font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-weight:600;display:flex}.voice-rec-dot{background:#ff4d4d;border-radius:50%;width:12px;height:12px;animation:1s steps(2,start) infinite voice-blink}@keyframes voice-blink{to{visibility:hidden}}.voice-meter{background:#ffffff26;border-radius:3px;flex:1;height:6px;overflow:hidden}.voice-meter span{background:var(--lime);height:100%;transition:width 80ms linear;display:block}.voice-lyrics{flex:1;min-height:200px;max-height:46vh;padding:8px 0;overflow-y:auto}@media (width<=820px){.lyrics-screen.voice-screen{inset:0}}@media (prefers-reduced-motion:reduce){.voice-rec-dot{animation:none}.voice-meter span{transition:none}}.idea{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.idea-live{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}.idea-live .voice-meter{min-width:80px}.new-dot{background:var(--lime);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:5px;display:inline-block}.icon-btn.has-dot{position:relative}.icon-btn.has-dot .new-dot{margin:0;position:absolute;top:6px;right:6px}.changes{margin-top:28px}.changes h2{margin-bottom:10px;font-size:18px}.changes ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.changes li{grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.change-kind{border-radius:999px;justify-self:start;padding:1px 8px;font-size:12px;font-weight:700}.change-new{background:var(--lime);color:var(--on-lime)}.change-better{background:var(--surface-3);color:var(--text)}.change-fixed{border:1px solid var(--line);color:var(--muted)}.update-bar{left:50%;top:calc(12px + env(safe-area-inset-top));z-index:80;background:var(--surface-3);white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:8px 8px 8px 16px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #00000073}.seek-phone{display:none}.seek-times{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}@media (width<=820px){.wave-desktop{display:none}.seek-phone{display:block}}.ad-tile .ad-beat{gap:3px;height:30px}.ad-tile .ad-beat i{background:#ffffffeb;width:4px}.ad-card-beat{flex:none;height:40px}.ad-card-beat i{width:5px}@media (prefers-reduced-motion:reduce){.np-ad{animation:none}.ad-beat i{transform:scaleY(.6)}}