@font-face{font-family:Archivo;font-style:normal;font-weight:200;font-display:swap;src:url(fonts/archivo-200.woff) format("woff")}@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/archivo-400.woff) format("woff")}@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/archivo-600.woff) format("woff")}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/archivo-700.woff) format("woff")}@font-face{font-family:Archivo;font-style:italic;font-weight:700;font-display:swap;src:url(fonts/archivo-700-italic.woff) format("woff")}:root{--fs-f1: clamp(15px, 1.35vw, 18px);--fs-f2: clamp(17px, 1.6vw, 22px);--fs-f3: clamp(18px, 2.4vw, 30px);--fs-f4: clamp(28px, 8.5vw, 42px);--fs-f5: clamp(32px, 11vh, 64px);--fs-f6: clamp(48px, 7.6vw, 108px);--fs-f7: clamp(80px, 18vh, 170px);--k0: #000;--k1: #0b0b0b;--k2: #141414;--k3: #1f1f1f;--k4: #2c2c2c;--k5: #555;--kmist: #e9e9e9;--wh: #fff;--s4a: rgba(31, 31, 31, .96);--w6: rgba(255, 255, 255, .06);--w10: rgba(255, 255, 255, .1);--w16: rgba(255, 255, 255, .16);--w30: rgba(255, 255, 255, .3);--w42: rgba(255, 255, 255, .42);--w68: rgba(255, 255, 255, .68);--w90: rgba(255, 255, 255, .9);--k12: rgba(0, 0, 0, .12);--k40: rgba(0, 0, 0, .4);--k60: rgba(0, 0, 0, .6);--k78: rgba(0, 0, 0, .78);--k90: rgba(0, 0, 0, .9);--k96: rgba(0, 0, 0, .96);--bg: var(--k0);--s1: var(--k1);--s2: var(--k2);--s3: var(--k3);--fg: var(--wh);--fg2: var(--w68);--fg3: var(--w42);--line: var(--w16);--line2: var(--w30);--font: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease: cubic-bezier(.23, 1, .32, 1);--ease-io: cubic-bezier(.77, 0, .175, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .15s;--t-med: .24s;--t-slow: .34s;--top: 64px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.45 var(--font);letter-spacing:0;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p{margin:0}b,strong{font-weight:600}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}html,body{cursor:default;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}a,summary,select,label[for]{cursor:pointer}input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea{-webkit-user-select:text;user-select:text;cursor:text}img,svg,a,button{-webkit-user-drag:none;user-drag:none}ol,ul{list-style:none;margin:0;padding:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--fg3);font-size:13px;font-weight:400}.grow{flex:1}:focus-visible{outline:2px solid var(--wh);outline-offset:2px;border-radius:8px}html:not(.kb) :focus-visible:not(textarea):not(select):not(input:not([type=range]):not([type=checkbox]):not([type=radio])){outline:none!important}.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ic .f,.ic.fill{fill:currentColor}.ic.xl{width:40px;height:40px;stroke-width:1.2}.only-narrow{display:none!important}.w-thin{font-weight:400}.thin{font-weight:200}.sprite{position:absolute}.bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(90% 70% at 50% -12%,var(--k3),var(--k0) 62%)}.vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 50%,transparent 50%,var(--k78))}.grain{position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}#mic-canvas{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none}#orb{position:fixed;left:0;top:0;z-index:1;pointer-events:none;opacity:0;will-change:transform,opacity}html.orb-grab,html.orb-grab *{cursor:grabbing!important;user-select:none;-webkit-user-select:none}.orb-fallback{position:fixed;left:0;top:0;z-index:1;pointer-events:none;opacity:0;border-radius:50%;background:radial-gradient(circle at 32% 26%,var(--wh) 0 3%,var(--w68) 9%,transparent 24%),radial-gradient(circle at 50% 58%,var(--k5),var(--k2) 62%,var(--k0));box-shadow:0 0 80px var(--w16),inset 0 0 36px var(--w16)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 24px;border-radius:999px;border:1px solid transparent;background:var(--s3);color:var(--fg);font-weight:600;font-size:15px;letter-spacing:0;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),transform var(--t-fast) var(--ease);text-decoration:none;white-space:nowrap}@media(hover:hover){.btn:hover{background:var(--k4)}}.btn:active{transform:scale(.97)}.btn.primary{background:var(--wh);color:var(--k0);font-weight:600}@media(hover:hover){.btn.primary:hover{background:var(--kmist)}}.btn.line{background:transparent;border-color:var(--line2)}@media(hover:hover){.btn.line:hover{background:var(--wh);color:var(--k0);border-color:var(--wh)}}.btn.ghost{background:transparent;color:var(--fg2)}@media(hover:hover){.btn.ghost:hover{background:var(--w10);color:var(--wh)}}:root{--sw1: clamp(1040px, 60vw, 2200px);--sw2: clamp(1280px, 70vw, 2400px);--dock-h: 96px;--pub-fill: #17894b;--pub-hover: #1fa65a;--verified-blue: #1d9bf0;--danger: #e5322d;--danger-solid: #e5322d;--danger-light: #ff5537;--danger-ink: #ff8a80;--danger-bg: rgba(229, 50, 45, .13);--danger-bg2: rgba(229, 50, 45, .1)}html[data-theme=light]{--danger: var(--danger-light)}.btn.danger{background:var(--danger-solid);border-color:var(--danger-solid);color:var(--wh)}@media(hover:hover){.btn.danger:hover{background:var(--danger-light);border-color:var(--danger-light)}}html[data-theme=light] .btn.danger,html[data-theme=light] .btn.armed,html[data-theme=light] .btn.armed:hover,html[data-theme=light] .btn.pub,html[data-theme=light] .vbadge{filter:invert(1) hue-rotate(180deg)}html[data-theme=light] .btn.armed,html[data-theme=light] .btn.armed:hover{background:var(--danger-solid);border-color:var(--danger-solid)}.btn.armed,.btn.armed:hover{background:var(--danger);border-color:var(--danger);color:var(--wh)}.ly-link.armed{color:var(--danger)}.btn.lg{height:56px;padding:0 32px;font-size:16px}.btn.sm{height:34px;padding:0 16px;font-size:13px}.btn:disabled{opacity:.35;pointer-events:none}#btn-fullscreen>span{display:inline-flex;align-items:center;gap:8px}.btn .ic{width:18px;height:18px}.link{background:none;border:0;color:var(--fg2);font-weight:600;font-size:13px;padding:6px 8px;border-radius:8px}@media(hover:hover){.link:hover{color:var(--k0);background:var(--wh)}}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:inline-grid;place-items:center;background:transparent;color:var(--fg);position:relative;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast) var(--ease)}@media(hover:hover){.icon-btn:hover{background:var(--wh);color:var(--k0)}}.icon-btn:active{transform:scale(.94)}.icon-btn.sm{width:32px;height:32px}.icon-btn.sm .ic{width:16px;height:16px}#btn-queue-clear{--hold: 0;touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}#btn-queue-clear>.ic{position:relative;z-index:1}#btn-queue-clear:before{content:"";position:absolute;inset:-1px;border-radius:50%;background:var(--danger);opacity:0;transition:opacity .45s var(--ease);pointer-events:none}#btn-queue-clear.holding,#btn-queue-clear.holding:hover{background:transparent;color:var(--wh);transition:none;transform:scale(calc(1 + var(--hold) * .16))}#btn-queue-clear.holding:before{opacity:calc(.14 + var(--hold) * .86);transition:none}#btn-queue-clear.shake>.ic{animation:qshake .16s linear infinite}@keyframes qshake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-1px) rotate(-7deg)}75%{transform:translate(1px) rotate(7deg)}}#btn-queue-clear:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid var(--danger);opacity:0;pointer-events:none}#btn-queue-clear.bang:after{animation:qbang .75s var(--ease) forwards}html[data-theme=light] #btn-queue-clear{--danger: var(--danger-light)}@keyframes qbang{0%{transform:scale(1);opacity:.95}to{transform:scale(2.3);opacity:0}}.queue.clearing #btn-queue-clear{z-index:2}.queue.clearing #btn-queue-clear:before{opacity:1}.queue.clearing #btn-queue-clear.holding{transform:scale(1.16)}.queue.clearing .qlist{overflow:visible;pointer-events:none}.queue.is-empty #btn-queue-clear{opacity:.35;pointer-events:none}@media(prefers-reduced-motion:reduce){#btn-queue-clear.shake>.ic{animation:none}#btn-queue-clear.bang:after{animation:none}}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;height:24px;padding:0 12px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid var(--line);color:var(--fg2)}.select,select,.field input{height:40px;border-radius:12px;border:1px solid var(--line);padding:0 12px;background:var(--s1);color:var(--fg);font-size:14px;font-weight:400}select option{color:var(--k0);background:var(--wh)}.select{max-width:260px;height:34px;font-size:13px;border-radius:999px;padding:0 16px}.seg{display:inline-flex;padding:4px;gap:2px;border-radius:999px;border:1px solid var(--line)}.seg button{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--fg2);font-weight:400;font-size:13px;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),opacity var(--t-fast)}.seg button .ic{width:16px;height:16px}.seg button[aria-pressed=true],.seg button[aria-selected=true]{background:var(--wh);color:var(--k0);font-weight:600}.set-tabs{align-self:center}.set-panel{display:flex;flex-direction:column;gap:16px;min-width:0}.set-panel[hidden]{display:none}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:24px;background:transparent;margin:0;cursor:pointer;touch-action:pan-y;--p: 50%}input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:linear-gradient(90deg,var(--wh) 0,var(--wh) var(--p),var(--w16) var(--p))}input[type=range]::-moz-range-track{height:2px;border-radius:2px;background:var(--w16)}input[type=range]::-moz-range-progress{height:2px;border-radius:2px;background:var(--wh)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-6px;border-radius:50%;background:var(--wh);border:0;box-shadow:0 0 0 4px var(--k78);transition:transform var(--t-fast) var(--ease)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--wh);border:0;box-shadow:0 0 0 4px var(--k78)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}.top{position:fixed;z-index:30;left:0;right:0;top:0;height:var(--top);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(22px,env(safe-area-inset-left))}.brand{justify-self:start;display:flex;align-items:baseline;gap:0;background:none;border:0;padding:8px 8px 8px 0;border-radius:12px;font-size:24px;letter-spacing:-.03em;color:var(--fg)}.brand b{font-weight:700}.steps{display:flex;gap:2px;padding:4px;border-radius:999px;border:1px solid var(--line);background:var(--k90);transition:opacity var(--t-med) var(--ease)}.steps button{display:flex;align-items:center;gap:8px;height:32px;padding:0 16px 0 8px;border:0;border-radius:999px;background:transparent;color:var(--fg3);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;transition:background var(--t-fast),color var(--t-fast)}.steps button i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:400;border:1px solid var(--line2)}.steps button:hover{color:var(--wh)}.steps button[aria-current=step]{background:var(--wh);color:var(--k0)}.steps button[aria-current=step] i{border-color:var(--k0);font-weight:600}.steps button.done i{background:var(--wh);color:var(--k0);border-color:var(--wh);font-weight:700}.steps button:disabled{opacity:.35;pointer-events:none}body[data-phase=intro] .steps{opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--t-fast) var(--ease),visibility 0s var(--t-fast)}.top-right{justify-self:end;display:flex;gap:8px}#btn-queue-open b{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 6px;border-radius:8px;background:var(--wh);color:var(--k0);font-size:11px;font-weight:700;display:grid;place-items:center}#btn-queue-open:hover b{background:var(--k0);color:var(--wh)}body[data-phase=intro] #btn-queue-open{display:none!important}.shell{position:fixed;z-index:2;inset:var(--top) 0 0 0;padding:8px max(22px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,1fr);gap:24px}body[data-queue=on] .shell{grid-template-columns:minmax(0,1fr) 330px}.screens{position:relative;min-height:0;min-width:0}.screen{position:absolute;inset:0;display:flex;flex-direction:column;gap:16px;min-height:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate(var(--sx, 24px));transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),visibility 0s var(--t-fast)}.screen.before{--sx: -24px}.screen.active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity var(--t-med) var(--ease) .04s,transform var(--t-slow) var(--ease) .04s,visibility 0s}#s-intro{flex-direction:row;align-items:center;gap:0}.hero{position:relative;z-index:3;flex:0 1 620px;min-width:0;display:flex;flex-direction:column;gap:24px;padding:0 0 6vh 1vw}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.22em;line-height:16px;height:16px;text-transform:uppercase;color:var(--fg2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hero h1{font-size:var(--fs-f6);line-height:.94;letter-spacing:-.03em;font-weight:700;padding-bottom:.06em}.hero h1 .thin{font-weight:200;letter-spacing:-.03em}.hero h1.alt{font-size:calc(var(--fs-f6) * .82)}.hero h1.alt b{white-space:nowrap}.lead{font-size:var(--fs-f2);font-weight:400;color:var(--fg2);max-width:28ch;line-height:1.35}.site-foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-top:12px;font-size:12px;color:var(--fg3)}.site-foot a{color:inherit;text-decoration:underline;text-underline-offset:3px}.site-foot a:hover,.site-foot a:focus-visible{color:var(--fg)}@media(max-width:820px){.site-foot{max-width:calc(100% - 80px)}}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.fx-marquee{position:relative;height:16px;margin-top:20px;width:min(100%,540px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,var(--k0) 16%,var(--k0) 84%,transparent);mask-image:linear-gradient(90deg,transparent,var(--k0) 16%,var(--k0) 84%,transparent)}.fx-run{position:absolute;left:0;top:0;display:flex;width:max-content;animation:fx-scroll 42s linear infinite}.fx-track{display:flex;flex:none}.fx-track li{flex:none;padding-right:32px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--fg3);white-space:nowrap;line-height:16px}@keyframes fx-scroll{to{transform:translate(-50%)}}@media(max-width:820px){.fx-marquee{width:calc(100% - 80px)}}@media(prefers-reduced-motion:reduce){.fx-run{animation:none}.fx-track[aria-hidden]{display:none}}.hero-mic{flex:1 1 0;align-self:stretch;min-width:0;margin-bottom:clamp(60px,15vh,160px);touch-action:none;user-select:none;-webkit-user-select:none}.searchbar{flex:none;display:flex;align-items:center;gap:12px;height:64px;padding:0 12px 0 24px;border-radius:999px;border:1px solid var(--line2);background:var(--k78);transition:border-color var(--t-fast),background var(--t-fast)}.searchbar:focus-within{border-color:var(--wh);background:var(--k0)}.searchbar>.ic{color:var(--fg2);width:22px;height:22px}.searchbar input{flex:1;min-width:0;height:100%;background:transparent;border:0;outline:0;font-size:24px;font-weight:400;letter-spacing:-.015em;padding:0}.searchbar input::placeholder{color:var(--fg3);font-weight:400}.searchbar input::-webkit-search-cancel-button{display:none}.q-clear{width:30px;height:30px;border-radius:50%;border:0;background:var(--s3);display:grid;place-items:center;color:var(--fg2)}@media(hover:hover){.q-clear:hover{background:var(--wh);color:var(--k0)}}.q-clear .ic{width:15px;height:15px}.chip-toggle{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--line);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg2);background:transparent;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),opacity var(--t-fast)}.chip-toggle .ic{width:16px;height:16px}.chip-toggle[aria-pressed=true]{color:var(--k0);background:var(--wh);border-color:var(--wh)}.status{flex:none;min-height:18px;margin:-6px 0 -2px 22px;font-size:12px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}.view-bar{display:flex;align-items:center;gap:12px;margin:-4px 0 -2px}.view-bar .status{flex:1 1 auto;min-width:0;margin:0 0 0 22px}.view-seg{flex:none;padding:2px}.view-seg button{width:36px;height:28px;padding:0;justify-content:center}.status.busy:after{content:"";display:inline-block;width:10px;height:10px;margin-left:12px;border-radius:50%;border:1.5px solid var(--fg3);border-top-color:var(--wh);vertical-align:-1px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.callout{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 16px 16px 24px;border-radius:20px;border:1px solid var(--line2)}.callout-text{display:flex;flex-direction:column;gap:2px}.callout-text b{font-weight:700;letter-spacing:-.015em}.callout-text span{color:var(--fg2);font-size:13px}.scroll{flex:1;min-height:0;overflow-y:auto;padding:4px 4px 110px;scrollbar-width:thin;scrollbar-color:var(--w30) transparent;-webkit-mask-image:linear-gradient(180deg,var(--k0) calc(100% - 100px),transparent);mask-image:linear-gradient(180deg,var(--k0) calc(100% - 100px),transparent)}.shelf{margin:0 0 32px}.shelf h2,.block h2{font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--fg);margin-bottom:16px;display:flex;align-items:baseline;gap:12px}.shelf-toggle{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:8px 0;margin:-8px 0;background:transparent;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer}.shelf-toggle .chev{width:18px;height:18px;flex:none;color:var(--fg3);transform:rotate(90deg);transition:transform var(--t-med) var(--ease),color var(--t-fast)}.shelf.collapsed .shelf-toggle .chev{transform:rotate(0)}@media(hover:hover){.shelf-toggle:hover .chev{color:var(--fg)}}.shelf-toggle:focus-visible{outline:2px solid var(--wh);outline-offset:4px;border-radius:6px}#suggest:not(.cols) .shelf.collapsed>:not(h2){display:none}#suggest:not(.cols) .shelf.collapsed{margin-bottom:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}#suggest:not(.cols) .shelf.collapsed h2{margin-bottom:0}@container songs (max-width: 599px){#suggest.cols .shelf.collapsed>:not(h2){display:none}#suggest.cols .shelf.collapsed{margin-bottom:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}#suggest.cols .shelf.collapsed h2{margin-bottom:0}}@container songs (min-width: 600px){#suggest.cols .shelf-toggle{pointer-events:none;cursor:default}#suggest.cols .shelf-toggle .chev{display:none}}.shelf h2 small{font-size:11px;font-weight:400;letter-spacing:.14em;color:var(--fg3)}.hscroll{--cw: 168px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cw),1fr));gap:12px;padding:2px 2px 12px}#classics-list:not(.listing),#artists-list:not(.listing){display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:var(--cw);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}#classics-list:not(.listing){--cw: 124px}#artists-list{--cw: 112px}@media(hover:hover)and (pointer:fine){#classics-list.fold,#artists-list.fold{grid-template-columns:repeat(auto-fill,minmax(var(--cw),1fr));grid-template-rows:auto;grid-auto-flow:row;grid-auto-columns:auto;grid-auto-rows:0;row-gap:0;overflow:hidden;padding-bottom:0;margin-bottom:12px}#classics-list:not(.listing):not(.fold),#artists-list:not(.listing):not(.fold){grid-template-columns:repeat(auto-fill,minmax(var(--cw),1fr));grid-auto-flow:row;grid-auto-columns:auto;overflow:visible}}@media(hover:none),(pointer:coarse){.desk-only{display:none!important}}.hscroll.listing{grid-template-columns:1fr;gap:0;padding:0 0 8px}.hscroll.listing .row{border-top-color:transparent}#s-songs{container:songs / inline-size}@container songs (min-width: 600px){#suggest.cols{display:grid;height:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(280px,1fr);gap:24px 32px}#suggest.cols.odd .shelf.last{grid-column:1 / -1}#suggest.cols .shelf{display:flex;flex-direction:column;min-width:0;min-height:0;margin:0}#suggest.cols .shelf h2,#suggest.cols .trend-seg{flex:none}#suggest.cols .hscroll.listing{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));grid-auto-rows:max-content;align-content:start;column-gap:20px;padding:0 8px 24px 0;scrollbar-width:thin;scrollbar-color:var(--w30) transparent;-webkit-mask-image:linear-gradient(180deg,var(--k0) calc(100% - 40px),transparent);mask-image:linear-gradient(180deg,var(--k0) calc(100% - 40px),transparent)}#suggest.cols .hscroll.listing::-webkit-scrollbar{display:block;width:6px}#suggest.cols .hscroll.listing::-webkit-scrollbar-thumb{background:var(--w30);border-radius:3px}#suggest.cols .hscroll.listing .row{grid-template-columns:46px minmax(0,1fr) auto;gap:12px;padding-right:8px;border-top-color:var(--line)}#suggest.cols .hscroll.listing .row img,#suggest.cols .hscroll.listing .thumb-ph{width:46px;height:46px}#suggest.cols .hscroll.listing .row-actions{gap:8px}#suggest.cols .hscroll.listing .row-rec small,#suggest.cols .hscroll.listing .row-rec i,#suggest.cols .more{display:none}#suggest.cols[data-n="2"]{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;grid-template-rows:minmax(280px,1fr)}}@container songs (min-width: 880px){#suggest.cols[data-n="3"]{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;grid-template-rows:minmax(280px,1fr)}#suggest.cols[data-n="3"] .shelf.last{grid-column:auto}}@container songs (min-width: 1160px){#suggest.cols[data-n="4"]{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;grid-template-rows:minmax(280px,1fr)}#suggest.cols[data-n="4"] .shelf.last{grid-column:auto}}.artist-item .thumb-ph{text-transform:uppercase}.hscroll.listing+.more,.hscroll+.more{margin-top:4px}.hscroll.tiles{list-style:none;padding:2px 2px 12px;margin:0}.hscroll.tiles .tile{display:contents}.hscroll.tiles>.note-empty{grid-column:1 / -1}.row-kick{color:var(--fg3);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row:hover .row-kick{color:var(--k60)}.hscroll::-webkit-scrollbar{display:none}.trend-seg{margin:0 0 12px;max-width:100%;overflow-x:auto;scrollbar-width:none}.trend-seg::-webkit-scrollbar{display:none}.trend-seg button{white-space:nowrap;padding:0 12px;font-size:13px}.card{position:relative;min-width:0;scroll-snap-align:start;text-align:left;padding:0;border:0;background:transparent;color:var(--fg);display:flex;flex-direction:column;gap:12px}.card-cover{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--s2);transition:border-color var(--t-fast)}.card-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-cover img[src*=hqdefault],.card-cover img[src*=sddefault]{transform:scale(1.4)}.card-cover img.late{opacity:0;transition:opacity var(--t-slow)}.card-cover img.late.on{opacity:1}.card-cover .card-ph{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;color:var(--fg3)}.card.has-art .card-cover .card-ph{display:none}.card-body{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;padding-right:40px}.card b{font-size:15px;font-weight:600;letter-spacing:-.015em;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.card span.card-s{font-size:13px;font-weight:400;color:var(--fg2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card span.card-p{font-size:12px;color:var(--fg3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:6px -40px 0 0}.card-meta:empty{display:none}.card-k{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}.card-add{position:absolute;top:0;right:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);background:transparent;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.card-add .ic{width:15px;height:15px}.card:hover .card-cover{border-color:var(--wh)}.card:hover .card-add,.card.added .card-add{background:var(--wh);color:var(--k0);border-color:var(--wh)}.card.artist .card-body{padding-right:0}.card.artist .card-meta{margin-right:0}.block{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}.block-head{display:flex;align-items:baseline;gap:16px}.block-head h2{margin-bottom:8px}.block-head .count{font-size:13px;font-weight:400;letter-spacing:0;color:var(--fg2)}.artist-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 12px}.artist-row::-webkit-scrollbar{display:none}.artist-row button{flex:none;height:34px;padding:0 16px;border-radius:999px;border:1px solid var(--line2);background:transparent;font-weight:600;font-size:13px}.artist-row button:hover{background:var(--wh);color:var(--k0);border-color:var(--wh)}.rows{display:flex;flex-direction:column}@media(min-width:640px)and (max-width:1099px){.rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.rows .row:nth-child(2){border-top-color:transparent}.rows>.note-empty{grid-column:1 / -1}}.row{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;padding:8px 12px 8px 8px;border-radius:16px;border-top:1px solid var(--line);cursor:pointer;transition:background .15s,color .15s;outline-offset:-2px}.rows .row:first-child{border-top-color:transparent}.row img,.thumb-ph{width:52px;height:52px;border-radius:8px;object-fit:cover;background:var(--s3);filter:contrast(1.04)}.thumb-ph{display:grid;place-items:center;font-weight:700;font-size:18px;color:var(--fg3)}.row-main{min-width:0;display:flex;flex-direction:column;gap:2px}.row-title{font-weight:600;font-size:16px;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{color:var(--fg2);font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-fx{color:var(--fg3);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px;margin-top:2px}.row-fx .ic{width:12px;height:12px}.row-mine{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:24px;margin-top:4px;padding:0 12px 0 8px;border-radius:999px;border:1px solid var(--wh);background:var(--wh);color:var(--k0);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.row-mine .ic{width:13px;height:13px;flex:none}.row-tempo{font-variant-numeric:tabular-nums;white-space:nowrap}.row-badges{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:4px;min-width:0;max-width:100%}.row-mine,.row-comm{min-width:0}.row-mine>span,.row-comm>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-badges .row-mine,.row-badges .row-comm{margin-top:0}.row-none{display:inline-flex;align-items:center;height:24px;padding:0 12px;border-radius:999px;border:1px dashed var(--line2);color:var(--fg3);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.row-comm{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 12px 0 8px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--fg);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.row-comm .ic{width:13px;height:13px;flex:none}.row-mine.a{border-color:var(--line2);background:var(--w10);color:var(--fg)}.row-actions{display:flex;align-items:center;gap:12px}.row-rec{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;font-variant-numeric:tabular-nums}.row-rec b{font-size:15px;font-weight:700;letter-spacing:-.015em}.row-rec small{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--fg3);margin-bottom:2px}.row-rec i{font-style:normal;font-size:11px;letter-spacing:.08em;color:var(--fg2)}.round{width:36px;height:36px;flex:none;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;color:var(--fg);background:transparent;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),opacity var(--t-fast)}.round .ic{width:17px;height:17px}.round:hover{background:var(--k0);color:var(--wh);border-color:var(--k0)}.round.added{background:var(--wh);color:var(--k0);border-color:var(--wh)}.row.added:not(:hover){background:var(--w6)}.row:hover{background:var(--wh);color:var(--k0)}.row:hover .row-mine{color:var(--wh);background:var(--k0);border-color:var(--k0)}.row:hover .row-comm{color:var(--k0);background:transparent;border-color:var(--k40)}.row:hover .row-mine.a{color:var(--k0);background:var(--k12);border-color:var(--k40)}.row:hover .row-sub,.row:hover .row-fx,.row:hover .row-rec small,.row:hover .row-rec i{color:var(--k60)}.row:hover img{filter:contrast(1.04)}.row:hover .round{border-color:var(--k40);color:var(--k0)}.row:hover .round:hover{background:var(--k0);color:var(--wh)}.row:hover .round.added{background:var(--k0);color:var(--wh);border-color:var(--k0)}.row.flash{animation:flash .5s var(--ease)}@keyframes flash{0%{background:var(--wh);color:var(--k0)}to{background:transparent}}.more{align-self:center;margin:16px auto 0}#more-sentinel{height:1px}.sk{height:72px;border-top:1px solid var(--line);background:linear-gradient(100deg,transparent 30%,var(--w6) 50%,transparent 70%) 0 0 / 220% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{to{background-position:-120% 0}}.note-empty{color:var(--fg2);padding:20px 6px;font-weight:400}.cta-bar{position:absolute;z-index:5;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 0 2px;pointer-events:none}.cta-bar>*{pointer-events:auto}.cta-n{font-weight:700}#s-songs>.cta-bar{position:static;flex:none;padding:16px 0 2px}#songs-scroll{padding-bottom:28px;-webkit-mask-image:linear-gradient(180deg,var(--k0) calc(100% - 28px),transparent);mask-image:linear-gradient(180deg,var(--k0) calc(100% - 28px),transparent)}.cta-n:not(:empty):before{content:"\b7";margin:0 8px 0 2px;font-weight:400}.queue{display:flex;flex-direction:column;min-height:0;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:var(--k90)}body[data-queue=off] .queue{display:none}.queue>header{flex:none;display:flex;align-items:center;gap:12px;padding:20px 16px 12px 20px}.queue h2{font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.count{min-width:24px;height:22px;padding:0 8px;border-radius:12px;display:inline-grid;place-items:center;font-size:12px;font-weight:600;border:1px solid var(--line2)}.qlist{flex:1;min-height:0;overflow-y:auto;padding:4px 12px 12px;position:relative;scrollbar-width:thin;scrollbar-color:var(--w16) transparent;counter-reset:q}.qitem{position:relative;display:grid;grid-template-columns:26px 40px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:8px 6px 8px 2px;border-radius:12px;transition:background var(--t-fast),color var(--t-fast),transform var(--t-med) var(--ease-io);user-select:none}.qitem:hover{background:var(--s3)}.qitem.current{background:var(--wh);color:var(--k0)}.qitem.current .qsub,.qitem.current .grip,.qitem.current .qx{color:var(--k60)}.qitem.current .qx:hover{background:var(--k12);color:var(--k0)}.qitem.dragging{z-index:3;background:var(--k4);color:var(--wh);box-shadow:0 18px 40px var(--k78),0 0 0 1px var(--line2);transition:box-shadow var(--t-fast)}.qitem.shifting{transition:transform var(--t-med) var(--ease-io)}.grip{display:grid;place-items:center;color:var(--fg3);cursor:grab;touch-action:none;height:44px;margin:-4px 0}.grip .ic{width:15px;height:15px}.qitem img{width:40px;height:40px;border-radius:8px;object-fit:cover;background:var(--s3);filter:contrast(1.04)}.qmain{min-width:0;background:none;border:0;padding:0;text-align:left;display:flex;flex-direction:column;gap:2px;color:inherit}.qtitle{font-weight:600;font-size:14px;letter-spacing:-.015em;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qsub{font-size:12px;font-weight:400;color:var(--fg2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qstate{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}.qitem.current .qstate{color:var(--k60)}.qstate.err{color:var(--fg);text-decoration:underline}.qx{width:28px;height:28px;border-radius:50%;border:0;background:transparent;color:var(--fg3);display:grid;place-items:center;opacity:0;transition:opacity var(--t-fast),background var(--t-fast)}.qitem:hover .qx,.qx:focus-visible{opacity:1}@media(hover:none){.qx{opacity:.7}}.qx:hover{background:var(--w16);color:var(--wh)}.qx .ic{width:15px;height:15px}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px;margin-right:6px;vertical-align:-1px}.eq i{width:3px;background:currentColor;border-radius:2px;animation:eq 1s ease-in-out infinite}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:3px}50%{height:12px}}.paused .eq i{animation-play-state:paused}.empty{flex:1;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--fg3);padding:32px;text-align:center;font-weight:400}.queue.is-empty .empty{display:flex}.queue.is-empty .qlist{display:none}.scrim{position:fixed;inset:0;z-index:35;background:var(--k60)}.voice-stage{flex:1;min-height:0;overflow-y:auto;-webkit-mask-image:linear-gradient(180deg,var(--k0) calc(100% - 96px),transparent);mask-image:linear-gradient(180deg,var(--k0) calc(100% - 96px),transparent);display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;justify-items:center;gap:16px;padding:0 4px 100px;scrollbar-width:none}.voice-stage::-webkit-scrollbar{display:none}.voice-hero{position:relative;width:100%;display:grid;place-items:center}.orb-slot{grid-area:1 / 1;width:min(100%,44vh);aspect-ratio:1;min-height:190px;margin:0 auto}.orb-ui{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:3;pointer-events:none;text-align:center}.orb-ui>*{pointer-events:auto}.mic-btn{height:54px;padding:0 24px;border-radius:999px;border:1px solid var(--line2);display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:15px;color:var(--wh);background:var(--k90);transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}@media(hover:hover){.mic-btn:hover{background:var(--wh);color:var(--k0);border-color:var(--wh)}}.mic-btn .ic{width:22px;height:22px}.mic-btn.on{width:52px;height:52px;padding:0;justify-content:center;background:var(--wh);color:var(--k0);border-color:var(--wh)}.mic-btn.on span{display:none}.note-read{display:flex;flex-direction:column;align-items:center;line-height:1;min-height:66px;text-shadow:0 2px 18px var(--k78)}.note-read b{font-size:56px;font-weight:400;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.note-read small{margin-top:6px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--fg2);font-variant-numeric:tabular-nums}.cal-msg{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wh);text-shadow:0 2px 14px var(--k78)}.voice-panel{width:min(640px,100%);display:flex;flex-direction:column;align-items:center;gap:16px}.voice-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.style-card{width:100%;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;border-radius:20px;border:1px solid var(--line);background:var(--k78)}.style-card img{width:56px;height:56px;border-radius:12px;object-fit:cover;background:var(--s3);filter:contrast(1.04)}.style-main{min-width:0;display:flex;flex-direction:column;gap:4px}.style-main b{font-size:18px;font-weight:700;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-main>span{font-size:13px;font-weight:400;color:var(--fg2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-main>span:empty{display:none}.style-main .chips,.now .chips{flex-wrap:nowrap}.style-main .chips .chip,.now .chips .chip{flex:0 1 auto;display:block;min-width:0;line-height:22px;overflow:hidden;text-overflow:ellipsis}@media(max-width:560px){.style-card{grid-template-columns:48px minmax(0,1fr) auto;gap:4px 12px;padding:12px}.style-card img{grid-row:1 / span 2;width:48px;height:48px}.style-main{display:contents}.style-main b{grid-column:2;grid-row:1;align-self:end;font-size:16px}.style-main>span{grid-column:2;grid-row:2;align-self:start}.style-main:has(>span:empty) b{grid-row:1 / span 2;align-self:center}.style-card #btn-tune{grid-column:3;grid-row:1 / span 2}.style-main .chips{grid-column:1 / -1;grid-row:3;margin-top:8px}.style-main .chips .chip{flex:1 1 auto}.style-main .chips .chip,.now .chips .chip{padding:0 6px;font-size:10px;letter-spacing:.02em;text-align:center}}.style-card img{grid-row:1 / span 2;width:48px;height:48px}.style-main{display:contents}.style-main b{grid-column:2;grid-row:1;align-self:end;font-size:16px}.style-main>span{grid-column:2;grid-row:2;align-self:start}.style-card #btn-tune{grid-column:3;grid-row:1 / span 2}.style-main .chips{grid-column:1 / -1;grid-row:3;grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.style-main .chips .chip,.now .chips .chip{padding:0 6px;font-size:10px;letter-spacing:.02em;text-align:center}} .tune{width:100%;padding:20px;border-radius:20px;border:1px solid var(--line);background:var(--k78)}.voice-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;width:100%}.voice-meta .muted{flex-basis:100%;text-align:center}.tip{text-align:center;max-width:52ch}.ed{display:flex;flex-direction:column;gap:16px}.artist-row.dragging{cursor:grabbing;scroll-snap-type:none}.artist-row.dragging *{cursor:grabbing;pointer-events:none}.ed-sec{border-top:1px solid var(--line);padding-top:12px}.ed-sec>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--fg2);padding:4px 0 12px}.ed-sec>summary::-webkit-details-marker{display:none}.ed-sec>summary:after{content:"+";font-size:16px;font-weight:400;letter-spacing:0;transition:transform var(--t-med) var(--ease)}.ed-sec[open]>summary:after{content:"\2013"}.sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;padding-bottom:6px}.fx-group{display:flex;flex-direction:column;gap:12px;min-width:0}.sliders{align-items:start}.fx-subs{display:flex;flex-direction:column;gap:12px;margin:0 0 4px 4px;padding:2px 0 2px 16px;border-left:2px solid var(--line);min-width:0}.fx-subs .slider label{color:var(--fg2);font-size:13px}.fx-extra .ed-row{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:8px}.slider{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 12px;min-width:0}.slider label{font-size:13px;color:var(--fg);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider output{font-size:12px;font-weight:600;color:var(--fg2);font-variant-numeric:tabular-nums}.slider input{grid-column:1 / -1}.ed-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:6px}.ed-row label,.field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--fg2);font-weight:400}.ed-presets-wrap,.ed-pbar{display:flex;flex-direction:column;gap:8px}.ed-ptop{display:flex;align-items:center;gap:6px;min-width:0}.psel{position:relative;flex:0 1 320px;min-width:0;display:flex}.pchip.psel-btn{flex:1 1 auto;min-width:0;max-width:none;justify-content:flex-start;gap:8px;padding:0 10px 0 16px}.psel-btn .psl{flex:none;font-weight:400;color:var(--fg3)}.psel-btn .t{flex:1 1 auto;min-width:0;text-align:left}.psel-btn .ic{flex:none;width:18px;height:18px;margin-left:auto;transition:transform var(--t-med) var(--ease)}.psel-btn[aria-expanded=true] .ic{transform:rotate(180deg)}.pchip.psel-btn.mod:after{content:none}.pdot{flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}.psel-btn.on,.psel-btn.on .psl{background:var(--wh);color:var(--k0);border-color:var(--wh)}.psel-menu{position:absolute;z-index:30;left:0;top:calc(100% + 6px);box-sizing:border-box;min-width:100%;width:max-content;max-width:min(340px,calc(100vw - 32px));max-height:264px;overflow-y:auto;overscroll-behavior:contain;padding:6px;display:flex;flex-direction:column;gap:2px;border-radius:16px;border:1px solid var(--line2);background:var(--s2);transform-origin:0 0;animation:popin var(--t-med) var(--ease)}.psel-menu.up{top:auto;bottom:calc(100% + 6px);transform-origin:0 100%}.psel-opt{flex:none;display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 12px;border:0;border-radius:12px;background:transparent;font-size:14px;font-weight:400;text-align:left}.psel-opt .t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psel-opt .ic{flex:none;width:16px;height:16px}.psel-opt.on{font-weight:600;background:var(--w10)}.psel-sep{flex:none;height:1px;margin:3px 6px;border:0;background:var(--line)}@media(hover:hover){.psel-opt:hover{background:var(--wh);color:var(--k0)}}.psel-opt:active{transform:scale(.98)}.psel-empty{margin:4px 12px 6px;font-size:12px;line-height:1.45;color:var(--fg3);max-width:26ch}.ed-pacts{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:32px}.pchip{flex:none;max-width:220px;height:32px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--line2);background:transparent;font-weight:600;font-size:13px;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),opacity var(--t-fast)}.pchip .t{overflow:hidden;text-overflow:ellipsis}@media(hover:hover){.pchip:hover{background:var(--wh);color:var(--k0);border-color:var(--wh)}}.pchip:active{transform:scale(.94)}.pchip.mod:after{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}.pchip.act{border-style:dashed}.pchip.pmore{width:34px;margin-left:auto;padding:0;justify-content:center}.pchip.pmore .ic{width:18px;height:18px;transition:transform var(--t-med) var(--ease)}.pchip.pmore[aria-expanded=true] .ic{transform:rotate(180deg)}.pchip.ptab{flex:none}@media(max-width:560px){.pchip{padding:0 12px}.pchip.psel-btn{padding:0 8px 0 14px}.pchip.pmore{padding:0}}.pchip .plus{font-size:16px;font-weight:400;line-height:1}.pchip:disabled{opacity:.35;pointer-events:none}.ed-ptools{display:flex;flex-direction:column;gap:6px}.pt-row{display:flex;flex-wrap:wrap;gap:6px}.pt-row .btn{flex:1 1 0;min-width:min-content;height:auto;min-height:34px;padding:6px 12px;line-height:1.2;text-align:center}.pt-row .btn.pt-wide{flex:2 1 0}.pt-row .btn.pt-fit{flex:0 0 auto}.pt-row .pname{flex:1 1 140px;min-width:0;height:34px;padding:0 16px;border-radius:999px;border:1px solid var(--line2);background:var(--s1);color:var(--fg);font-size:13px;font-weight:400}.pt-row .pname:focus{outline:none;border-color:var(--wh)}.btn.pub{background:var(--pub-fill);border-color:var(--pub-fill);color:var(--wh);font-weight:600}@media(hover:hover){.btn.pub:hover{background:var(--pub-hover);border-color:var(--pub-hover);color:var(--wh)}}.btn.pub:active{transform:scale(.96)}.pchip.on{background:var(--wh);color:var(--k0);border-color:var(--wh)}.pchip .cnt{min-width:18px;height:18px;padding:0 6px;border-radius:8px;display:inline-grid;place-items:center;border:1px solid currentColor;font-size:11px;font-weight:600;line-height:1}.ed-comm{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;border:1px solid var(--line);background:var(--s1)}.cm-head{display:flex;align-items:center;gap:8px;font-size:13px}.cm-head .btn.sm{padding:0 12px}.cm-msg{margin:0;padding:6px 2px;font-size:13px;line-height:1.45;color:var(--fg3)}.mod-search{margin:0 0 8px}.mod-search input{width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none}.mod-more{display:flex;margin:12px auto 0}.cm-list,.mod-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cm-list.multi{flex-direction:row;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cm-list.multi::-webkit-scrollbar{display:none}.cm-list.multi>.cm-item{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.cm-nav{display:flex;align-items:center;gap:6px}.cm-pos{font-size:12px;font-weight:600;color:var(--fg2);font-variant-numeric:tabular-nums}.cm-arrow{width:34px;height:34px;padding:0;border-radius:50%}.cm-arrow:disabled{opacity:.35}.cm-item{display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px;border-radius:16px;border:1px solid var(--line);background:var(--w6)}.cm-item.hid{border-style:dashed}.cm-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.cm-nick{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.vbadge{display:inline-grid;place-items:center;flex:none;width:14px;height:14px;margin-left:6px;border-radius:50%;background:var(--verified-blue);color:var(--wh);vertical-align:-.5px}.vbadge .ic{width:9px;height:9px;stroke-width:3}.cm-nick em{margin-left:6px;font-style:normal;font-size:11px;font-weight:600;color:var(--fg3)}.cm-stars{flex:none;font-size:12px;font-weight:600;color:var(--fg2);font-variant-numeric:tabular-nums}.cm-name{font-size:13px;font-weight:400;overflow-wrap:anywhere}.cm-sum{font-size:12px;line-height:1.4;color:var(--fg3)}.cm-flag{font-size:12px;font-weight:600;color:var(--fg2)}.cm-own{font-size:12px;color:var(--fg3)}.cm-acts,.cm-report{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}.cm-acts .btn.sm,.cm-report .btn.sm{padding:0 12px}.cm-report>span{font-size:12px;color:var(--fg3)}.cm-rate{display:flex;align-items:center;gap:0;font-size:12px;color:var(--fg3)}.cm-rate>span:first-child{margin-right:6px}.cm-star{width:34px;height:34px;padding:0;border-radius:50%;border:0;background:transparent;color:var(--fg3);font-size:20px;line-height:1}.cm-star.on{color:var(--fg)}@media(hover:hover){.cm-star:hover{color:var(--fg)}}.cm-rep{font-size:12px}.acct-nick{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px}.acct-nick b{color:var(--fg);font-weight:600}.toast .toast-act{pointer-events:auto;margin-left:16px;padding:0;border:0;background:none;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;color:inherit;cursor:pointer}.ed-key{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--fg2)}.ed-key b{color:var(--wh);font-weight:700}.sing-grid{flex:1;min-height:0;display:flex;justify-content:center;padding-bottom:96px}.stage{width:min(100%,var(--sw1));display:flex;flex-direction:column;gap:16px;min-height:0;min-width:0;overflow-y:auto;scrollbar-width:none;padding:4px 2px 0}.stage::-webkit-scrollbar{display:none}.video-card{container:vc / inline-size;position:relative;flex:none;width:min(100%,max(360px,calc((100vh - 420px) * 16 / 9)));aspect-ratio:16 / 9;margin:0 auto;border-radius:20px;overflow:hidden;background:var(--k0);border:1px solid var(--line)}.player-wrap,#player{position:absolute;inset:0;width:100%;height:100%;border:0}.manual{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:20px;text-align:center;background:var(--k1);overflow:hidden}.player-wrap.manual-on .manual{display:flex}.manual>img{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(28px) brightness(.4)}.manual-body{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:440px}.manual-body p{font-size:14px;color:var(--fg);line-height:1.4}.manual-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.now{flex:none;display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px 16px;padding:2px 4px}.now-text{flex:1 1 100%;min-width:0}.now .chips{flex:1 1 240px;min-width:0;margin-top:6px}.now h2{font-size:var(--fs-f3);font-weight:700;letter-spacing:-.03em;line-height:1.05}.now p{color:var(--fg2);font-size:15px;font-weight:400}.alt-pop{align-self:flex-end;width:min(460px,100%);padding:8px;border-radius:16px;border:1px solid var(--line2);background:var(--k96);transform-origin:100% 0;animation:popin var(--t-med) var(--ease)}.alt-pop button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;text-align:left;padding:8px 12px;border:0;border-radius:12px;background:transparent}@media(hover:hover){.alt-pop button:hover{background:var(--wh);color:var(--k0)}}.alt-pop b{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alt-pop small{display:block;font-size:12px;font-weight:400;color:var(--fg2)}@media(hover:hover){.alt-pop button:hover small{color:var(--k60)}}.alt-pop .cur{font-weight:700}.hud{flex:none;display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:stretch;border:1px solid var(--line);border-radius:20px;background:var(--k78);padding:12px 16px;min-height:148px}body[data-mic=off] .hud,body[data-score=off] .hud{display:none}.lbl{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--fg3)}.hud-note{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.hud-note b{font-size:56px;font-weight:400;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.hud-note small{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--fg2);min-height:14px;font-variant-numeric:tabular-nums}.needle{position:relative;height:3px;margin-top:8px;background:linear-gradient(90deg,var(--line2),var(--line2)) center / 1px 9px no-repeat,var(--w16);border-radius:2px}.needle i{position:absolute;top:-4px;left:50%;width:3px;height:11px;margin-left:-1px;border-radius:2px;background:var(--wh);transition:left .15s linear,opacity var(--t-fast);opacity:.25}.needle.live i{opacity:1}.highway-wrap{position:relative;min-width:0;border-radius:12px;overflow:hidden;background:var(--k0);border:1px solid var(--line)}#highway{position:absolute;inset:0;width:100%;height:100%;display:block}.judge{position:absolute;right:14px;top:8px;pointer-events:none;font-size:24px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-align:right}.judge span{display:block;animation:judge .8s var(--ease) forwards;text-shadow:0 2px 16px var(--k0)}.judge span.perfect{font-size:28px}.judge span.miss{font-weight:400;color:var(--fg3)}@keyframes judge{0%{opacity:0;transform:translateY(8px) scale(.9)}15%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px)}}.hud-score{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;text-align:right;min-width:0}.hud-score b{font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.hud-row{display:flex;align-items:center;gap:12px}.mult{font-size:15px;font-weight:700;letter-spacing:.04em;padding:2px 8px;border:1px solid var(--line2);border-radius:999px}.mult.hot{background:var(--wh);color:var(--k0);border-color:var(--wh)}.stars{font-size:15px;letter-spacing:.14em}.meter{width:100%;height:4px;border-radius:2px;background:var(--w16);overflow:hidden;margin-top:4px}.meter i{display:block;height:100%;width:50%;background:var(--wh);border-radius:2px;transition:width .15s linear}.rec{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);min-height:13px;font-variant-numeric:tabular-nums}.rec.beat{color:var(--wh)}.interlude{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:var(--k96);animation:fadein var(--t-slow) var(--ease);overflow-y:auto}.interlude[hidden]{display:none}@keyframes fadein{0%{opacity:0}}@keyframes popin{0%{opacity:0;transform:translateY(8px) scale(.98)}}.il-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"img label" "img title" "img chips" "count actions";column-gap:20px;row-gap:6px;align-items:center;text-align:left;max-width:94%}.il-card .il-label{grid-area:label}.il-card img{grid-area:img}.il-card h3{grid-area:title}.il-card .chips{grid-area:chips;justify-content:flex-start!important}.il-card .chips .chip:nth-child(n+3){display:none}.il-card .il-count{grid-area:count;margin-top:8px}.il-card .il-actions{grid-area:actions;justify-content:flex-start;margin-top:8px}.il-card.il-end{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.il-card.il-end .il-actions{justify-content:center;margin-top:4px}.il-label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--fg2);font-weight:600}.il-card img{width:clamp(64px,7vw,104px);aspect-ratio:1;object-fit:cover;border-radius:12px;filter:contrast(1.04)}.il-card h3{font-size:var(--fs-f3);font-weight:700;letter-spacing:-.015em;line-height:1.08}.il-count{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:400;background:conic-gradient(var(--wh) var(--pct, 100%),var(--w16) 0);position:relative}.il-count:before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--k0)}.il-count span{position:relative}.il-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.il-card.il-res{position:relative}.il-tools{position:relative;display:flex;align-items:center;justify-content:center;margin-top:-4px}.il-tools .btn{gap:6px}.il-tools .btn .ic{width:15px;height:15px}.il-tools .btn:disabled{opacity:.5;cursor:progress}.btn.il-auto{position:relative;overflow:hidden}.btn.il-auto:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:var(--pct, 100%);background:currentColor;opacity:.35;pointer-events:none}.il-result{display:flex;flex-direction:column;align-items:center;gap:4px}.il-grade{font-size:var(--fs-f7);font-weight:700;letter-spacing:-.03em;line-height:.9}.il-says{margin-top:12px;font-size:var(--fs-f3);font-weight:400;letter-spacing:-.015em;color:var(--fg2)}.il-record{padding:4px 12px;border-radius:999px;background:var(--wh);color:var(--k0);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;text-align:center}@container vc (max-width: 620px){.interlude{padding:8px 12px}.il-card.il-res{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"label label" "grade says" "grade record" "grade prev" "actions actions" "tools tools";column-gap:16px;row-gap:0;align-items:center;justify-items:start;text-align:left;width:100%;max-width:420px}.il-card.il-res .il-label{grid-area:label;justify-self:stretch;margin-bottom:4px;text-align:center;letter-spacing:.14em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.il-card.il-res .il-tools{grid-area:tools;justify-self:center;margin-top:0}.il-card.il-res .il-tools .btn{height:24px;padding:0 10px;font-size:12px}.il-card.il-res .il-result{display:contents}.il-card.il-res .il-grade{grid-area:grade;justify-self:end;font-size:min(22cqw,76px)}.il-card.il-res .il-says{grid-area:says;margin:0;font-size:16px;line-height:1.15}.il-card.il-res .il-record{grid-area:record;margin-top:4px;padding:3px 10px;font-size:10px;letter-spacing:.1em;max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.il-card.il-res>.muted{grid-area:prev;margin-top:4px;font-size:12px}.il-card.il-res .il-actions{grid-area:actions;justify-self:center;margin-top:8px}.il-card:not(.il-end){column-gap:12px;row-gap:4px}.il-card:not(.il-end) img{width:56px}.il-card:not(.il-end) h3{font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.il-card:not(.il-end) .il-count{width:44px;height:44px;font-size:18px;margin-top:4px}.il-card:not(.il-end) .il-actions{margin-top:4px}}.editor-sheet{position:absolute;z-index:9;right:0;top:0;bottom:var(--dock-h);width:min(400px,100%);display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--line2);background:var(--k96);animation:slidein var(--t-slow) var(--ease)}.editor-sheet[hidden]{display:none}@keyframes slidein{0%{opacity:0;transform:translate(24px)}}@keyframes fade-in{0%{opacity:0}}.editor-sheet>header{flex:none;display:flex;align-items:center;gap:12px;padding:16px 16px 8px 20px}.editor-sheet h2{font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.editor-scroll{flex:1;min-height:0;overflow-y:auto;padding:4px 20px 20px;scrollbar-width:thin;scrollbar-color:var(--w16) transparent}.editor-sheet .sliders{grid-template-columns:1fr}.dock-wrap{position:absolute;z-index:10;left:0;right:0;bottom:4px;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.dock-wrap>*{pointer-events:auto}.dock{position:relative;display:flex;align-items:center;gap:12px;padding:8px 20px;border-radius:999px;max-width:100%;border:1px solid var(--line2);background:var(--k90)}.dock-group{display:flex;align-items:center;gap:4px}.d-btn{width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--fg);display:grid;place-items:center;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast) var(--ease)}.d-btn{position:relative}@media(hover:hover){.d-btn:hover{background:var(--wh);color:var(--k0)}}.d-btn:active{transform:scale(.9)}.d-btn .ic{width:21px;height:21px}.d-btn.play{width:54px;height:54px;background:var(--wh);color:var(--k0)}@media(hover:hover){.d-btn.play:hover{background:var(--kmist)}}.d-btn.play .ic{width:24px;height:24px}.d-btn#d-score[aria-pressed=true],.d-btn#d-lyrics[aria-pressed=true],.d-btn#d-mic.on,.d-btn[aria-expanded=true]{background:var(--wh);color:var(--k0)}.dock-sep{width:1px;height:28px;background:var(--line2);margin:0 4px}.vols{display:flex;align-items:center;gap:20px}.vol{display:grid;grid-template-columns:auto auto 112px auto;align-items:center;gap:8px;color:var(--fg2);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.vol .ic{width:17px;height:17px}.vol output{min-width:34px;text-align:right;letter-spacing:0;font-weight:600;font-variant-numeric:tabular-nums;color:var(--fg)}@media(max-width:1500px){.vol span{display:none}.vol{grid-template-columns:auto 96px auto}}@media(max-width:1280px){.vol output{display:none}.vol{grid-template-columns:auto 84px}.vols{gap:12px}}.toast{position:fixed;z-index:60;left:50%;bottom:112px;transform:translate(-50%,16px);max-width:min(560px,calc(100vw - 32px));padding:12px 24px;border-radius:999px;font-size:14px;font-weight:400;text-align:center;opacity:0;pointer-events:none;background:var(--wh);color:var(--k0);box-shadow:0 14px 40px var(--k60);transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.toast:not(:empty){opacity:1;transform:translate(-50%);transition:opacity var(--t-med) var(--ease),transform var(--t-slow) var(--ease)}.toast.bad{background:var(--k0);color:var(--wh);box-shadow:0 0 0 1.5px var(--wh),0 14px 40px var(--k60)}body:not([data-phase=sing]) .toast{bottom:96px}dialog.sheet{border:0;padding:0;background:transparent;color:var(--fg);width:min(500px,calc(100vw - 28px));max-height:none;overflow:visible}dialog.sheet::backdrop{background:var(--k78)}dialog.sheet{opacity:0;transform:scale(.9);transform-origin:calc(50% + var(--dx, 0px)) calc(50% + var(--dy, 0px));transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),overlay var(--t-fast) allow-discrete,display var(--t-fast) allow-discrete}dialog.sheet[open]{opacity:1;transform:none;transition:opacity var(--t-med) var(--ease),transform var(--t-slow) var(--ease),overlay var(--t-slow) allow-discrete,display var(--t-slow) allow-discrete}@starting-style{dialog.sheet[open]{opacity:0;transform:scale(.9)}}dialog.sheet::backdrop{opacity:0;transition:opacity var(--t-fast),overlay var(--t-fast) allow-discrete,display var(--t-fast) allow-discrete}dialog.sheet[open]::backdrop{opacity:1;transition-duration:var(--t-med)}@starting-style{dialog.sheet[open]::backdrop{opacity:0}}dialog.sheet form{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:24px;background:var(--k1);box-shadow:0 0 0 1px var(--line2),0 40px 100px var(--k78);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}dialog.sheet header{display:flex;align-items:center;justify-content:space-between}dialog.sheet h2{font-size:28px;font-weight:700;letter-spacing:-.03em}.how summary{cursor:pointer;font-weight:600;font-size:13px;color:var(--fg2);list-style:none;padding:4px 0}.how summary::-webkit-details-marker{display:none}.how summary:after{content:" +"}.how[open] summary:after{content:" \2013"}.how ol{margin:8px 0 8px 20px;padding:0;list-style:decimal;display:flex;flex-direction:column;gap:4px;color:var(--fg2);font-size:14px}html.kb :is(.screen,.queue,.editor-sheet,.alt-pop,.psel-menu,.vols,dialog.sheet){animation:none!important;transition-duration:0s!important;transition-delay:0s!important}html.kb dialog.sheet::backdrop{transition-duration:0s!important}.fly{position:fixed;z-index:70;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:12px;background:var(--s3) center / cover;box-shadow:0 0 0 1px var(--line2),0 10px 30px var(--k60);pointer-events:none;will-change:transform}.il-res .il-grade{animation:grade-pop .56s var(--spring) .1s backwards}.il-res .il-says{animation:say-in var(--t-slow) var(--ease) .38s backwards}.il-res .il-record{animation:grade-pop .48s var(--spring) .3s backwards}@keyframes grade-pop{0%{opacity:0;transform:scale(.55) rotate(-5deg)}}@keyframes say-in{0%{opacity:0;transform:translateY(8px)}}.sheet-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sheet-actions.left{justify-content:flex-start}.sheet-actions.center{justify-content:center}dialog.share-sheet{width:min(480px,calc(100vw - 28px))}.share-sheet .btn{gap:8px}.share-sheet .btn .ic{width:16px;height:16px}.share-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:4px}.share-opt{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:0;border:0;background:transparent;color:var(--fg);cursor:pointer}.share-thumb{display:block;width:100%;max-width:max(96px,calc((100vh - 330px)*.5625));max-width:max(96px,calc((100dvh - 330px)*.5625));aspect-ratio:9 / 16;overflow:hidden;border-radius:16px;background:var(--s2);box-shadow:0 0 0 1px var(--line2);transition:box-shadow var(--t-fast)}.share-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity var(--t-med)}.share-opt.busy .share-thumb{background:linear-gradient(100deg,transparent 30%,var(--w6) 50%,transparent 70%) 0 0 / 220% 100%,var(--s2);animation:shimmer 1.3s linear infinite}.share-opt.busy .share-thumb img{opacity:0}.share-cap{display:inline-flex;align-items:center;height:28px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg2);transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}@media(hover:hover){.share-opt:not(:disabled):hover .share-thumb{box-shadow:0 0 0 2px var(--fg2)}}.share-opt:focus-visible{outline:none}.share-opt:focus-visible .share-thumb{box-shadow:0 0 0 2px var(--fg2),0 0 0 5px var(--line2)}.share-opt[aria-pressed=true] .share-thumb{box-shadow:0 0 0 3px var(--wh)}.share-opt[aria-pressed=true] .share-cap{background:var(--wh);color:var(--k0);border-color:var(--wh)}.share-opt:disabled{cursor:progress}.share-hint{text-align:center}.share-hint[hidden]{display:none}@media(max-width:1099px){body[data-queue=on] .shell{grid-template-columns:minmax(0,1fr)}.only-narrow{display:inline-grid!important}.queue{position:fixed;z-index:40;top:calc(var(--top) + 6px);right:12px;bottom:12px;width:min(390px,calc(100vw - 24px));transform:translate(115%);visibility:hidden;transition:transform var(--t-med) var(--ease),visibility 0s var(--t-med);background:var(--k96)}body[data-queue=off] .queue{display:flex}.queue.open{transform:none;visibility:visible;transition:transform var(--t-slow) var(--ease),visibility 0s}}@media(max-width:820px){:root{--top: 58px}.top{grid-template-columns:1fr auto 1fr;padding:0 16px}.steps{justify-self:center;padding:4px}.steps button{padding:0 8px;height:30px}.steps button span{display:none}.steps button[aria-current=step] span{display:inline}.shell{padding:6px 16px max(14px,env(safe-area-inset-bottom))}#s-intro{flex-direction:column-reverse;justify-content:flex-end;gap:0}.hero{flex:none;width:100%;padding:0 0 4vh;align-items:flex-start}.hero-mic{flex:1 1 0;width:100%;min-height:150px}.searchbar{height:56px;padding-left:16px}.searchbar input{font-size:18px}.chip-toggle span{display:none}.chip-toggle{padding:0 12px}.status,.view-bar .status{margin-left:16px}.hscroll{--cw: 132px}#artists-list{--cw: 128px}.row{grid-template-columns:46px minmax(0,1fr) auto;gap:12px}.row img,.thumb-ph{width:46px;height:46px}.row-fx{display:none}.queue{inset:auto 8px 8px;width:auto;height:min(72vh,560px);height:min(72dvh,560px);transform:translateY(115%)}.queue.open{transform:none}.stage{gap:12px}.video-card{border-radius:16px;width:100%}.now h2{font-size:20px}.now p{font-size:13px}.hud{grid-template-columns:minmax(0,1fr);grid-template-areas:"note" "road";gap:8px 16px;padding:12px;min-height:0}.hud-note{grid-area:note}.highway-wrap{grid-area:road;height:78px}.hud-note b{font-size:40px}.dock{gap:2px;padding:6px 12px;flex-wrap:wrap;justify-content:center;border-radius:28px;width:calc(100vw - 28px)}.dock .dock-sep:not(.wide-only){flex:0 0 calc(100% - 24px);width:calc(100% - 24px);height:1px;margin:4px 12px}.d-btn{width:42px;height:42px}.d-btn.play{width:50px;height:50px}.vols{display:none;position:absolute;left:0;right:0;bottom:calc(100% + 10px);flex-direction:column;align-items:stretch;gap:8px;padding:16px;border-radius:20px;border:1px solid var(--line2);background:var(--k96)}.vols.open{display:flex}.vol{grid-template-columns:auto 64px minmax(0,1fr) 42px}.vol span{display:inline}.vol output{display:inline}.sliders,.ed-row{grid-template-columns:1fr}.sing-grid{padding-bottom:132px}.editor-sheet{position:static;z-index:auto;flex:none;width:auto;margin:2px 0 0;animation:fade-in var(--t-med) var(--ease)}.editor-scroll{flex:none;overflow:visible;padding:4px 16px 20px}.orb-slot{width:min(100%,36vh)}.toast{bottom:170px!important}body:not([data-phase=sing]) .toast{bottom:90px!important}}@media(max-width:820px){.wide-only{display:none}}@media(max-height:680px)and (min-width:821px){.sing-grid{padding-bottom:86px}.hud{min-height:120px}.hud-note b{font-size:44px}.hud-score b{font-size:36px}}@media(max-height:600px){#s-intro{overflow-y:auto}.hero{gap:12px;padding:2vh 0 2vh 1vw}.hero h1{font-size:var(--fs-f5)}.hero h1.alt{font-size:calc(var(--fs-f5) * .82)}.lead{font-size:16px}.splash{--sfs: 16px}.fx-marquee{display:none}.hud{display:none!important}.video-card{width:min(100%,max(240px,calc((100vh - 230px) * 16 / 9)))}.stage{overflow-y:auto}}@media(max-height:600px)and (max-width:820px){#s-intro{flex-direction:row;align-items:center;justify-content:flex-start}.hero{flex:0 1 60%;align-items:flex-start;padding:0}.hero-mic{flex:1 1 0;width:auto;min-height:0;align-self:stretch}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.d-btn.has-auto:after{content:"";position:absolute;top:10px;right:10px;width:7px;height:7px;border-radius:50%;background:currentColor}.lyrics-panel{flex:none;display:flex;flex-direction:column;gap:8px;padding:12px 16px;border:1px solid var(--line);border-radius:20px;background:var(--k78);min-width:0}.lyrics-panel[hidden]{display:none}.stage>.lyrics-panel{order:1}.stage>.hud{order:2}.stage>.auto-panel{order:3}.stage>.editor-sheet{order:4}.ly-head{display:flex;align-items:center;gap:12px;min-height:28px}.ly-src{font-size:11px;font-weight:400;color:var(--fg3);letter-spacing:.04em}.ly-off{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--fg2);font-variant-numeric:tabular-nums}.ly-off[hidden]{display:none}.ly-off button{width:24px;height:24px;border-radius:50%;border:1px solid var(--line2);background:transparent;color:inherit;font-size:15px;line-height:1;transition:background var(--t-fast),color var(--t-fast)}@media(hover:hover){.ly-off button:hover{background:var(--wh);color:var(--k0);border-color:var(--wh)}}.ly-off output{min-width:38px;text-align:center}.ly-link{background:none;border:0;padding:4px 2px;color:var(--fg2);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2)}@media(hover:hover){.ly-link:hover{color:var(--fg)}}.ly-body{position:relative;max-height:clamp(150px,26vh,280px);overflow-y:auto;scrollbar-width:none;text-align:center;font-size:var(--fs-f1);font-weight:400;line-height:1.5;color:var(--fg3);-webkit-mask-image:linear-gradient(180deg,transparent,var(--k0) 22px,var(--k0) calc(100% - 22px),transparent);mask-image:linear-gradient(180deg,transparent,var(--k0) 22px,var(--k0) calc(100% - 22px),transparent);padding:24px 0;outline:none}.ly-body::-webkit-scrollbar{display:none}.ly-body p{margin:0 0 .1em;transition:color var(--t-fast),font-weight var(--t-fast);overflow-wrap:anywhere}.ly-body p.gap{height:.9em}.ly-body p.past{color:var(--fg2)}.ly-body p.on{color:var(--fg);font-weight:700}.ly-body.plain{text-align:left;color:var(--fg2);font-size:var(--fs-f1)}.ly-msg{padding:16px 6px;font-size:14px;font-weight:400;color:var(--fg3);text-align:center}.ly-form{display:flex;flex-direction:column;gap:12px}.ly-form[hidden]{display:none}.ly-form textarea{width:100%;min-height:150px;resize:vertical;padding:12px;border-radius:12px;border:1px solid var(--line2);background:var(--k0);color:var(--fg);font:inherit;font-size:14px;line-height:1.5}.ly-form textarea:focus{outline:none;border-color:var(--wh)}.ly-actions{display:flex;align-items:center;gap:8px}.slider.has-kf{grid-template-columns:1fr auto auto}.kf{width:24px;height:24px;margin-left:4px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--fg3);display:grid;place-items:center;transition:color .15s,background .15s}.kf .ic{width:14px;height:14px;stroke-width:1.8}@media(hover:hover){.kf:hover{color:var(--fg);background:var(--w10)}}.kf.has{color:var(--fg2)}.kf.on{color:var(--fg)}.kf.held{color:var(--k0);background:var(--wh);animation:kf-held 1.4s ease-in-out infinite}@keyframes kf-held{50%{box-shadow:0 0 0 4px var(--w30)}}@media(prefers-reduced-motion:reduce){.kf.held{animation:none}}.kf.on .ic{fill:currentColor}.kf:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.auto-panel{--aw: 112px;position:relative;flex:none;display:flex;flex-direction:column;gap:8px;padding:12px 16px 16px;border:1px solid var(--line);border-radius:20px;background:var(--k78);min-width:0}.auto-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;min-height:32px;padding-right:40px}#auto-close{position:absolute;top:10px;right:14px}.auto-time{font-size:12px;font-weight:600;color:var(--fg2);font-variant-numeric:tabular-nums}.auto-add{height:32px;max-width:210px;border-radius:999px;padding:0 12px;font-size:13px}.auto-hint{font-size:13px;color:var(--fg3);font-weight:400}.auto-keep{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:6px 6px 6px 16px;border:1px solid var(--fg2);border-radius:24px;background:var(--w6)}.auto-keep[hidden]{display:none}.auto-keep span{flex:1 1 200px;min-width:0;font-size:13px;font-weight:600;line-height:1.3}.auto-keep .btn{height:30px;padding:0 16px;font-size:13px}.auto-sel{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:6px 6px 6px 16px;border:1px solid var(--line2);border-radius:24px}.auto-sel output{flex:1 1 150px;min-width:0;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-sel .btn{height:30px;padding:0 12px;font-size:13px}.auto-sel .btn .ic{width:15px;height:15px}.auto-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px}.auto-grp{display:inline-flex;align-items:center;gap:2px}.auto-grp-ic{width:15px;height:15px;margin:0 4px;color:var(--fg3)}.auto-bar .icon-btn.sm{width:28px;height:28px}.auto-bar .icon-btn.sm .ic{width:14px;height:14px}.auto-bar .icon-btn:disabled{opacity:.3;pointer-events:none}.auto-span{min-width:46px;text-align:center;font-size:12px;font-weight:600;color:var(--fg2);font-variant-numeric:tabular-nums}.auto-follow{height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--fg2);font-size:12px;font-weight:600;letter-spacing:.04em;transition:background .15s,color .15s}.auto-follow[aria-pressed=true]{background:var(--wh);border-color:var(--wh);color:var(--k0)}.auto-follow:disabled{opacity:.3;pointer-events:none}.auto-follow[aria-pressed=true].hold{background:transparent;border:1px dashed var(--wh);color:var(--wh)}@media(hover:hover){.auto-follow[aria-pressed=false]:hover{color:var(--fg);border-color:var(--fg2)}}.auto-body.catch .auto-wide{transition:transform .4s var(--ease-io)}.auto-body{--vw: 100%;--vx: 0%;position:relative;display:flex;flex-direction:column;gap:6px}.auto-clip{position:absolute;top:0;bottom:0;left:var(--gut, 0px);right:var(--gut, 0px)}.auto-wide{position:absolute;top:0;bottom:0;left:0;width:var(--vw);transform:translate(var(--vx))}.auto-row{display:flex;align-items:stretch;gap:12px}.auto-ruler-row{padding-right:8px}.auto-ruler-row .auto-lead{flex:0 0 var(--aw)}.auto-ruler{--gut: 9px;position:relative;flex:1 1 0;min-width:0;height:22px;border-bottom:1px solid var(--line);cursor:pointer;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}.auto-ruler.panning{cursor:grabbing}.auto-ruler .auto-clip{-webkit-mask-image:linear-gradient(90deg,transparent,var(--k0) 22px,var(--k0) calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent,var(--k0) 22px,var(--k0) calc(100% - 22px),transparent)}.auto-tick{position:absolute;bottom:4px;transform:translate(-50%);font-size:11px;color:var(--fg3);font-variant-numeric:tabular-nums;pointer-events:none}.auto-tick:first-child{transform:none}.auto-ly{position:absolute;top:0;width:1px;height:7px;background:var(--fg3);pointer-events:none}.auto-scroll-wrap{position:relative}.auto-scroll{max-height:min(42vh,340px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line2) transparent;overscroll-behavior:contain}.auto-more{position:absolute;right:14px;bottom:8px;height:26px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:var(--s4a);color:var(--fg);font-size:12px;font-weight:600;box-shadow:0 2px 12px var(--k60);white-space:nowrap}.auto-more:before{content:"\2193  "}.auto-lane.fresh .auto-track{animation:auto-fresh 1.4s ease-out}@keyframes auto-fresh{0%,35%{box-shadow:0 0 0 2px var(--fg)}to{box-shadow:0 0 0 2px transparent}}@media(prefers-reduced-motion:reduce){.auto-lane.fresh .auto-track{animation:none}}.auto-inner{position:relative;padding:6px 8px 6px 0}.auto-lanes{display:flex;flex-direction:column;gap:6px}.auto-lane{height:72px}.auto-lane .auto-lead{flex:0 0 var(--aw);min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:2px 4px}.auto-name{font-size:13px;font-weight:600;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;align-self:center}.auto-rm{width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--fg2);display:grid;place-items:center}.auto-rm .ic{width:13px;height:13px}@media(hover:hover){.auto-rm:hover{background:var(--wh);color:var(--k0)}}.auto-kf{width:26px;height:26px;padding:0;border:1px solid var(--line2);border-radius:50%;background:transparent;color:var(--fg2);display:grid;place-items:center;transition:background .15s,color .15s}.auto-kf .ic{width:12px;height:12px}.auto-kf:disabled{opacity:.3;pointer-events:none}@media(hover:hover){.auto-kf:hover{background:var(--wh);color:var(--k0);border-color:var(--wh)}}.auto-val{font-size:12px;color:var(--fg2);font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-val.held{color:var(--fg);font-weight:600}.auto-track:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.auto-track{--gut: 8px;position:relative;flex:1 1 0;min-width:0;border-radius:12px;border:1px solid var(--line);background:var(--w6);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;overflow-x:clip;overflow-y:visible}@supports not (overflow: clip){.auto-track{overflow:hidden}}.auto-lanes.panning .auto-track{cursor:grabbing}.auto-ghost{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:2px dashed var(--fg);opacity:.8;pointer-events:none;animation:auto-ghost .5s ease-out forwards}@keyframes auto-ghost{0%{transform:scale(.4);opacity:1}to{transform:scale(1);opacity:.5}}@media(prefers-reduced-motion:reduce){.auto-ghost{animation:none}}.auto-tip{position:absolute;z-index:6;transform:translate(-50%,-100%);padding:4px 12px;border-radius:999px;background:var(--wh);color:var(--k0);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;box-shadow:0 2px 12px var(--k60)}.auto-tip[hidden]{display:none}.auto-tip.below{transform:translate(-50%)}.auto-track svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.auto-area{fill:var(--w10);stroke:none}.auto-line{fill:none;stroke:var(--fg);stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke}.auto-pt{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;padding:0;border-radius:50%;border:2px solid var(--fg);background:var(--k0);cursor:grab;touch-action:none;transition:transform .15s var(--ease),background .15s}.auto-pt:after{content:"";position:absolute;inset:-9px;border-radius:50%}.auto-pt:hover{transform:scale(1.2)}.auto-pt.on{background:var(--wh);transform:scale(1.25)}.auto-pt:active{cursor:grabbing}.auto-pt:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.auto-ph-wrap{--gut: 9px;position:absolute;top:0;bottom:0;left:calc(var(--aw) + 10px);right:8px;pointer-events:none;overflow-x:clip}@supports not (overflow: clip){.auto-ph-wrap{overflow:hidden}}.auto-ph-r{position:absolute;top:0;bottom:0;left:0;width:2px;margin-left:-1px;background:var(--wh);opacity:.85;pointer-events:none}.sing-grid.auto-on .video-card{width:min(100%,max(320px,calc((100vh - 600px) * 16 / 9)))}.auto-ph-wrap i{position:absolute;top:0;bottom:0;left:0;width:2px;margin-left:-1px;border-radius:2px;background:var(--wh);opacity:.85}@media(max-width:560px){.auto-panel{--aw: 96px;padding:12px}#auto-close{right:10px}.auto-add{max-width:160px}}@media(min-width:1100px){body[data-queue=on] #s-sing{--cx: clamp(0px, calc(100% - max(930px, var(--sw1))) , 354px)}body[data-queue=on] #s-sing:has(.sing-grid.lyr-on){--cx: clamp(0px, calc(100% - max(1100px, var(--sw2))) , 354px)}body[data-queue=on] #s-sing .sing-grid,body[data-queue=on] #s-sing .dock-wrap{padding-left:var(--cx)}body[data-queue=on] #s-voice .voice-stage{padding-left:clamp(0px,calc(100% - 700px),354px)}}@media(min-width:2200px){.sing-grid.lyr-on .stage{--vr: 2fr}}@media(min-width:1000px){.sing-grid.lyr-on .stage{width:min(100%,var(--sw2));display:grid;grid-template-columns:minmax(0,var(--vr, 1.55fr)) minmax(300px,1fr);grid-auto-rows:max-content;column-gap:20px;align-content:start}.sing-grid.lyr-on .stage>*{grid-column:1}.sing-grid.lyr-on .stage>.auto-panel{grid-column:1 / -1}.sing-grid.lyr-on .stage>.lyrics-panel{grid-column:2;grid-row:1 / span 3;align-self:stretch;contain:size}body[data-mic=off] .sing-grid.lyr-on .stage>.lyrics-panel,body[data-score=off] .sing-grid.lyr-on .stage>.lyrics-panel{grid-row:1 / span 2}.sing-grid.lyr-on .ly-body{max-height:none;flex:1 1 auto;min-height:0;font-size:var(--fs-f2)}.sing-grid.lyr-on .alt-pop{justify-self:end}}@media(min-width:1180px){#s-sing{--sw: var(--sw1);--edmax: 412px;--edpl: clamp(0px, calc(100% - 412px - var(--sw) - 80px), var(--edmax))}#s-sing:has(.sing-grid.lyr-on){--sw: var(--sw2)}body[data-queue=on] #s-sing{--edmax: 766px}.sing-grid.ed-on{padding-right:412px}#s-sing .sing-grid.ed-on,body[data-queue=on] #s-sing .sing-grid.ed-on{padding-left:var(--edpl)}}@media(min-width:1180px)and (max-width:1779px){#s-sing:has(.sing-grid.lyr-on.ed-on){--sw: var(--sw1)}.sing-grid.lyr-on.ed-on .stage{display:flex;width:min(100%,var(--sw1))}.sing-grid.lyr-on.ed-on .stage>.lyrics-panel{contain:none;align-self:auto}.sing-grid.lyr-on.ed-on .ly-body{max-height:clamp(150px,26vh,280px);flex:none;font-size:var(--fs-f1)}}@media(min-width:1780px){#s-sing:has(.sing-grid.ed-on) .dock-wrap{padding-left:max(0px,calc(var(--edpl) - 412px));padding-right:max(0px,calc(412px - var(--edpl)))}}.splash{--sfs: clamp(17px, 1.7vw, 22px);--splash-h: calc(var(--sfs) * 1.25 + 8px);align-self:flex-start;max-width:100%;padding:0 .2em 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;background:none;color:var(--wh);font:inherit;font-size:var(--sfs);font-weight:700;font-style:italic;letter-spacing:-.015em;line-height:var(--splash-h);height:var(--splash-h);text-align:left;transform:rotate(-2deg);transform-origin:left center;animation:splash-pulse 2.4s ease-in-out infinite;cursor:pointer}.splash:hover{opacity:.75}@keyframes splash-pulse{50%{transform:rotate(-2deg) scale(1.045)}}@media(prefers-reduced-motion:reduce){.splash{animation:none}}#set-gen{gap:0}#set-gen>.acct{margin-bottom:12px}.set-rows{display:flex;flex-direction:column}.lang-field{flex-direction:row!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}.lang-field>span,.lang-field>label{font-size:14px;font-weight:600;color:var(--fg)}.lang-field>.muted{flex-basis:100%;margin:0}.set-rows>.lang-field{min-height:50px;padding:4px 0;border-top:1px solid var(--line)}.set-rows>.lang-field:first-child{border-top:0}.set-key{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:14px;border-top:1px solid var(--line)}.set-key>.field{gap:8px;font-size:14px;font-weight:600;color:var(--fg)}.set-key p{margin:0}#key-status:empty{display:none}.set-data{margin-top:10px;padding-top:14px;border-top:1px solid var(--line)}.corner-mark{position:fixed;z-index:3;right:max(22px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:78px;padding:0;border:0;background:none;cursor:pointer;opacity:.94;transition:opacity var(--t-med) var(--ease),transform var(--t-med) var(--ease);-webkit-tap-highlight-color:transparent}.corner-mark:hover,.corner-mark:focus-visible{opacity:1;transform:rotate(-5deg) scale(1.07)}.corner-mark:active{transform:scale(.95)}.corner-mark:focus-visible{outline:2px solid var(--fg);outline-offset:6px;border-radius:16px}@media(prefers-reduced-motion:reduce){.corner-mark:hover,.corner-mark:focus-visible,.corner-mark:active{transform:none}}.corner-mark .mark{display:block;width:100%;height:auto;color:var(--wh)}body[data-queue=on] .queue .qlist{padding-bottom:104px}@media(min-width:1100px){body[data-queue=on] .queue{margin-bottom:var(--dock-h)}body[data-queue=on] .queue .qlist{padding-bottom:12px}}@media(max-width:1099px){body:not([data-phase=intro]) .corner-mark{display:none}}@media(max-width:820px){.corner-mark{width:56px;right:14px;bottom:max(14px,env(safe-area-inset-bottom))}}@media(max-height:600px){body:not([data-phase=intro]) .corner-mark{display:none}.corner-mark{width:44px}}dialog.board-sheet{width:min(560px,calc(100vw - 28px))}dialog.board-sheet{--bp: 24px}dialog.board-sheet form{padding:var(--bp)}dialog.board-sheet header{position:sticky;top:calc(var(--bp) * -1);z-index:1;margin:calc(var(--bp) * -1) calc(var(--bp) * -1) 0;padding:20px var(--bp) 12px;background:var(--k1)}.board-seg{display:flex;width:100%;margin:4px 0 8px;box-sizing:border-box}.board-seg button{flex:1;justify-content:center;padding:0 8px;white-space:nowrap}.board-seg[hidden]{display:none}.board-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.brow{display:grid;grid-template-columns:30px 48px minmax(0,1fr) auto 36px;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--line)}.brow:first-child{border-top-color:transparent}.brow-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:14px;font-weight:700;letter-spacing:-.015em;color:var(--fg3);font-variant-numeric:tabular-nums}.brow:nth-child(-n+3) .brow-rank{border:1px solid var(--line2);color:var(--fg)}.brow:first-child .brow-rank{background:var(--fg);border-color:var(--fg);color:var(--bg)}.brow img,.brow .thumb-ph{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--s3);filter:contrast(1.04)}.brow-main{min-width:0;display:flex;flex-direction:column;gap:2px}.brow-title{font-weight:600;font-size:16px;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brow-sub{color:var(--fg2);font-size:13px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brow-meta{color:var(--fg3);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brow-score{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05;font-variant-numeric:tabular-nums}.brow-score b{font-size:24px;font-weight:700;letter-spacing:-.03em}.brow-score small{font-size:12px;font-weight:600;color:var(--fg2)}.board-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 12px 20px;text-align:center;color:var(--fg3);font-weight:400}.board-empty[hidden]{display:none}.board-empty b{color:var(--fg);font-size:18px;font-weight:700;letter-spacing:-.015em}@media(max-width:460px){dialog.board-sheet{--bp: 18px}.brow-score .unit{display:none}.brow-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15}.brow{grid-template-columns:26px 42px minmax(0,1fr) auto 34px;gap:8px}.brow img,.brow .thumb-ph{width:42px;height:42px}.brow-rank{width:24px;height:24px;font-size:13px}.brow-score b{font-size:20px}}@media(max-width:560px){.top{padding:0 12px}.brand{font-size:20px;padding-right:4px}.steps{padding:4px;gap:4px}.steps button{height:38px;padding:0 6px;gap:6px;font-size:12px;letter-spacing:.04em}.steps button i{width:28px;height:28px;font-size:14px}.steps button[aria-current=step] i{font-weight:700}.steps button.done i{font-size:15px}.top-right{gap:6px}.top-right .icon-btn{width:38px;height:38px}.top-right .icon-btn .ic{width:19px;height:19px}#btn-queue-open b{top:-5px;right:-5px}}@media(max-width:380px){.top{padding:0 12px}.brand{font-size:18px;padding-right:2px}.top-right{gap:4px}.top-right .icon-btn{width:36px;height:36px}}@media(max-width:340px){.steps button{height:34px;padding:0 4px}.steps button i{width:26px;height:26px;font-size:13px}.top-right .icon-btn{width:34px;height:34px}.brand{font-size:16px}}html[data-theme=light]{filter:invert(1) hue-rotate(180deg);background:var(--wh)}html[data-theme=light] img,html[data-theme=light] video,html[data-theme=light] iframe,html[data-theme=light] #mic-canvas,html[data-theme=light] .fly{filter:invert(1) hue-rotate(180deg)}html[data-theme=light] dialog.sheet{filter:invert(1) hue-rotate(180deg)}html[data-theme=light] dialog.sheet::backdrop{background:var(--w68)}@media(max-width:430px){.steps button span,.steps button[aria-current=step] span{display:none}}.about{gap:12px}.about h2{margin-right:auto}#key-form>header.about{position:relative;justify-content:center}#key-form>header.about h2{margin:0;text-align:center}#key-form>header.about .icon-btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}.set-tabs button[hidden]{display:none}.about-story{display:flex;flex-direction:column;gap:12px}.about-story p{margin:0;max-width:46ch;font-size:var(--fs-f1);line-height:1.55;color:var(--fg2)}.about-story p:last-of-type{color:var(--fg);font-weight:600}.about-sec{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid var(--line)}.about-sec h3{margin:0;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--fg3)}.about-sec p,.about-sec li{margin:0;max-width:52ch;font-size:14px;line-height:1.55;color:var(--fg2)}.about-sec ol,.about-sec ul{display:flex;flex-direction:column;gap:12px;margin:0;padding-left:20px}.about-sec ol{list-style:decimal}.about-sec ul{list-style:disc}.about-sec li::marker{color:var(--fg3)}.about-id{display:flex;align-items:center;justify-content:center;align-self:center;gap:16px;margin:56px 0 16px;padding-top:6px}.about-logo{flex:none;width:58px;height:auto;color:var(--wh)}.about-txt{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.about-logo{transform-origin:50% 90%;user-select:none;-webkit-tap-highlight-color:transparent}.about-logo.bounce{animation:logo-bounce .42s cubic-bezier(.3,1.6,.5,1)}@keyframes logo-bounce{0%{transform:translateY(0) scale(1)}25%{transform:translateY(-9px) scale(.94,1.08)}55%{transform:translateY(0) scale(1.08,.92)}80%{transform:translateY(-2px) scale(.99,1.02)}to{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.about-logo.bounce{animation:none}}.about-brand{font-size:32px;font-weight:400;letter-spacing:-.03em;line-height:1}.about-brand b{font-weight:700}.about-ig{font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--fg2);text-decoration:none;border-bottom:1px solid var(--line2);padding-bottom:2px;transition:color var(--t-fast),border-color var(--t-fast)}.about-ver:empty{display:none}.about-ver{font-size:11px;font-weight:400;letter-spacing:.04em;color:var(--fg3);font-variant-numeric:tabular-nums}.about-ig:hover,.about-ig:focus-visible{color:var(--fg);border-color:var(--fg)}.acct{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--s1)}.acct>div{display:flex;flex-direction:column;gap:12px;min-width:0}.acct-title{font-size:12px;font-weight:600;color:var(--fg2)}.acct p{margin:0}.acct-gsi{min-height:44px;display:flex;align-items:center}.acct-gsi,.acct-gsi iframe{color-scheme:light}.acct-gsi:empty{min-height:0}.acct-err{color:var(--danger-ink)}.acct-id{display:flex;align-items:center;gap:12px;min-width:0}.acct-id img{width:40px;height:40px;border-radius:50%;flex:none;object-fit:cover;background:var(--s2)}.acct-who{display:flex;flex-direction:column;gap:2px;min-width:0}.acct-who b{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-who .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct .muted a{color:var(--fg2);text-underline-offset:2px}.bar-layer{position:fixed;inset:0;z-index:50;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(90% 60% at 50% -10%,var(--k3),var(--k0) 62%);padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}body[data-bar]>:not(.bar-layer):not(dialog):not(#toast):not(script):not(svg):not(#bar-print){display:none!important}.bar-wrap{max-width:560px;margin:0 auto;padding:16px 16px 48px;display:flex;flex-direction:column;gap:16px}.bar-wrap.wide{max-width:760px}.bar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.bar-brand{font-size:20px;font-weight:400;letter-spacing:-.015em}.bar-brand b{font-weight:700}.bar-brand i{font-style:normal;font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg2);margin-left:8px}.bar-lang button{padding:0 12px}.bar-hero h1{font-size:var(--fs-f4);font-weight:700;letter-spacing:-.03em;line-height:1.04;overflow-wrap:anywhere}.bar-sub{margin-top:6px;color:var(--fg2);font-size:15px;font-weight:400}.bar-banner{padding:12px 16px;border-radius:16px;border:1px solid var(--line2);background:var(--w6);color:var(--fg);font-size:14px;font-weight:400}.bar-banner.bad{border-color:var(--danger);background:var(--danger-bg);color:var(--danger-ink)}.bar-search{height:56px;padding-left:20px}.bar-search input{font-size:18px}.bar-results{display:flex;flex-direction:column}.bar-results .row{grid-template-columns:52px minmax(0,1fr) auto}.bar-results .row-actions .round{width:40px;height:40px}.bar-more{align-self:center}.bar-gone{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:var(--bg)}.bar-gone b{font-size:28px;font-weight:700;letter-spacing:-.015em}.qr{display:inline-block;padding:12px;border-radius:16px;background:var(--wh);line-height:0}.qr svg{display:block;width:224px;height:224px}.qr.bar-qr-big{align-self:center;padding:16px}.qr.bar-qr-big svg{width:min(300px,62vw);height:min(300px,62vw)}html[data-theme=light] .qr{filter:invert(1) hue-rotate(180deg)}.check{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.4;color:var(--fg2);font-weight:400;cursor:pointer}.check input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--wh)}.field small{font-weight:400;line-height:1.4}.field>.seg{align-self:flex-start;max-width:100%}.lang-field>input{flex:0 1 180px;width:180px;min-width:0}.lang-field>.seg{align-self:center}.field-row{display:flex;gap:12px;align-items:flex-end}.field-row .field{min-width:0}.field-row .field.grow{flex:1}.field-row select{max-width:150px}.bar-pix{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--s1)}.bar-pix[hidden]{display:none}.bar-url{width:100%;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--s2);color:var(--fg);font-size:13px;font-weight:400;-webkit-user-select:text;user-select:text;cursor:text;text-overflow:ellipsis}.copy-field{position:relative}.copy-field .bar-url{padding-right:48px}.copy-btn{position:absolute;right:4px;top:4px;width:32px;height:32px;border-radius:8px;border:0;background:transparent;color:var(--fg2);display:grid;place-items:center;transition:background var(--t-fast),color var(--t-fast)}.copy-btn:hover,.copy-btn:focus-visible{background:var(--s3);color:var(--fg)}.copy-btn.done{color:var(--fg)}.copy-btn .ic{width:16px;height:16px}.center-txt{text-align:center;overflow-wrap:anywhere}.ord-artist{margin-top:-8px}.ord-price{font-size:32px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.ord-amount{font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.ord-steps{list-style:decimal;padding-left:20px;display:flex;flex-direction:column;gap:4px}.ord-qr-box summary{color:var(--fg2);font-size:13px;padding:6px 0}.ord-qr-box .ord-qr{display:block;width:fit-content;margin:12px auto 4px}#ord-ask,#ord-pay{display:flex;flex-direction:column;gap:16px}#ord-ask[hidden],#ord-pay[hidden]{display:none}.bar-orders{display:flex;flex-direction:column;gap:12px}.bo{display:grid;grid-template-columns:52px minmax(0,1fr);gap:2px 16px;align-items:center;padding:16px;border-radius:20px;border:1px solid var(--line2);background:var(--s1)}.bo img,.bo .thumb-ph{width:52px;height:52px;border-radius:8px;object-fit:cover;background:var(--s3);grid-row:span 2}.bo .thumb-ph{display:grid;place-items:center;font-weight:700;font-size:20px;color:var(--fg2)}.bo-title{font-weight:700;font-size:16px;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:end}.bo-sub{color:var(--fg2);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:start}.bo-state{grid-column:1 / -1;margin-top:12px;font-size:20px;font-weight:700;letter-spacing:-.015em;line-height:1.2}.bo-note{grid-column:1 / -1;color:var(--fg2);font-size:13px;font-weight:400}.bo-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.bo[data-s=line],.bo[data-s=next],.bo[data-s=stage]{border-color:var(--w42);background:var(--w10)}.bo[data-s=line] .bo-state,.bo[data-s=next] .bo-state,.bo[data-s=stage] .bo-state{color:var(--fg)}.bo[data-s=stage]{box-shadow:0 0 0 2px var(--wh)}.bo[data-s=wait]{border-color:var(--w42);background:var(--w10)}.bo[data-s=wait] .bo-state{color:var(--fg)}.bo[data-s=refused],.bo[data-s=removed]{border-color:var(--danger);background:var(--danger-bg2)}.bo[data-s=refused] .bo-state,.bo[data-s=removed] .bo-state{color:var(--danger-ink)}.bo[data-s=done],.bo[data-s=cancelled]{opacity:.8}.cash-title{display:flex;flex-direction:column;gap:2px;min-width:0}.cash-title>b{font-size:24px;font-weight:700;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cash-tools{display:flex;align-items:center;gap:8px;flex:none}.cash-tools .btn[aria-pressed=true]{background:var(--wh);color:var(--k0);border-color:var(--wh)}.cash-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.stat{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:16px;border:1px solid var(--line);background:var(--s1)}.stat b{font-size:24px;font-weight:700;letter-spacing:-.015em;font-variant-numeric:tabular-nums}.stat span{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}.cash-sec{display:flex;flex-direction:column;gap:8px}.cash-sec h2{font-size:20px;font-weight:700;letter-spacing:-.015em}.cash-list{display:flex;flex-direction:column;gap:12px}.cash-more summary{color:var(--fg2);font-size:13px;padding:8px 2px}.cash-more .cash-list{margin-top:6px}.cx{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:16px;border-radius:20px;border:1px solid var(--line2);background:var(--s1)}.cx.said{border-color:var(--line2);background:var(--w6)}.cx.fresh{animation:cxflash 1.8s var(--ease)}@keyframes cxflash{0%{box-shadow:0 0 0 0 var(--w90)}to{box-shadow:0 0 0 14px transparent}}.cx.sortable{grid-template-columns:30px minmax(0,1fr) auto;column-gap:8px;position:relative;transition:transform var(--t-med) var(--ease-io),box-shadow var(--t-fast),background var(--t-fast)}.cx.sortable>.cx-nick,.cx.sortable>.cx-song{grid-column:2}.cx.sortable>.cx-amount{grid-column:3}.cx.sortable>.cx-meta,.cx.sortable>.cx-actions{grid-column:2 / -1}.cx-grip{grid-column:1;grid-row:1 / span 2;align-self:stretch;display:grid;place-items:center;width:30px;margin:-6px 0 -6px -8px;border:0;border-radius:12px;background:transparent;color:var(--fg3);cursor:grab;touch-action:none}.cx-grip:hover,.cx-grip:focus-visible{background:var(--s3);color:var(--fg)}.cx-grip .ic{width:16px;height:16px}.cx.dragging{z-index:3;transition:box-shadow var(--t-fast);box-shadow:0 18px 40px var(--k60),0 0 0 1px var(--line2);background:var(--s3)}.cx.shifting{transition:transform var(--t-med) var(--ease-io)}.cx-nick{font-weight:700;font-size:18px;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cx-song{color:var(--fg2);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;grid-column:1}.cx-amount{grid-column:2;grid-row:1 / span 2;font-weight:700;font-size:24px;letter-spacing:-.015em;font-variant-numeric:tabular-nums;text-align:right}.cx-meta{grid-column:1 / -1;color:var(--fg3);font-size:12px}.cx-tag{display:inline-block;margin-right:6px;padding:2px 8px;border-radius:999px;border:1px solid var(--line2);color:var(--fg2);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.cx-tag.ok{border-color:var(--line2);color:var(--fg)}.cx-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.cx-actions .btn{flex:1 1 130px}.cx-actions .btn.sm{flex:0 1 auto}.cash-foot{margin-top:6px}.qsinger{font-weight:600;color:var(--fg)}.qitem.current .qsinger{color:var(--k0)}.il-singer{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg2)}.now-singer{font-weight:600;color:var(--fg)}#bar-print{display:none}@page{size:A4;margin:0}@media print{html,html[data-theme=light]{filter:none!important;background:var(--wh)!important}body{overflow:visible!important;height:auto!important;background:var(--wh)!important}body>:not(#bar-print):not(svg){display:none!important}#bar-print{display:flex!important;flex-direction:column;align-items:center;box-sizing:border-box;width:210mm;height:296mm;padding:9mm 10mm 10mm;overflow:hidden;text-align:center;color:var(--k0);font-family:var(--font);-webkit-print-color-adjust:exact;print-color-adjust:exact}#bar-print .pr-hero{box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center;gap:3.5mm;padding:9mm 10mm 22mm;border-radius:11mm;background:var(--k0);color:var(--wh)}#bar-print .pr-brand{display:flex;align-items:center;gap:2.5mm;font-size:30px;letter-spacing:-.03em;line-height:1}#bar-print .pr-brand .w-thin{font-weight:200;margin-right:-2mm}#bar-print .pr-brand b{font-weight:700}#bar-print .pr-mark{width:10mm;height:10mm}#bar-print .pr-orb{width:50mm;height:50mm;margin:-3mm 0;display:block}#bar-print .pr-orb-css{border-radius:50%;background:radial-gradient(circle at 38% 34%,var(--wh) 0,var(--fg2) 14%,var(--k5) 46%,transparent 72%)}#bar-print .pr-tag{padding:1.5mm 5mm;border:.35mm solid var(--w68);border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}#bar-print .pr-name{max-width:100%;font-weight:700;letter-spacing:-.035em;line-height:1.02;overflow-wrap:anywhere}#bar-print .pr-cta{font-size:21px;font-weight:400;color:var(--w90)}#bar-print .pr-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:5mm;margin-top:-15mm;padding:7mm;border:.6mm solid var(--k0);border-radius:9mm;background:var(--wh)}#bar-print .qr{filter:none!important;padding:0}#bar-print .qr svg{display:block;width:86mm;height:86mm}#bar-print .pr-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6mm;width:100%;margin:8mm 0 0;padding:0 2mm;list-style:none;box-sizing:border-box}#bar-print .pr-steps li{display:flex;flex-direction:column;align-items:center;gap:2.5mm;font-size:15px;line-height:1.25;text-wrap:balance}#bar-print .pr-steps i{display:grid;place-items:center;width:11mm;height:11mm;border:.45mm solid var(--k0);border-radius:50%;font-style:normal;font-size:18px;font-weight:700}#bar-print .pr-foot{display:flex;flex-direction:column;align-items:center;gap:1.5mm;margin-top:auto;font-size:13px;color:var(--k5);overflow-wrap:anywhere}#bar-print .pr-foot b{font-size:14px;font-weight:600;color:var(--k0);letter-spacing:.01em}}@media(max-width:560px){.bar-wrap{padding-left:16px;padding-right:16px}.cx-amount{font-size:20px}}@media(max-width:700px){.fx-extra .ed-row{grid-template-columns:1fr}}