:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-body:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Outfit", var(--font-body);--bg:#08090d;--card:#11131bbd;--card-solid:#12141c;--card-2:#ffffff09;--card-3:#fff1;--hover:#ffffff17;--line:#ffffff13;--line-2:#ffffff1f;--line-3:#fff3;--ink:#f5f7fb;--ink-2:#ccd2de;--ink-3:#9ea6b7;--ink-4:#7f879a;--coral:#ff5f5a;--orange:#ff8a4c;--amber:#ffbe55;--teal:#2ee6c0;--sky:#45c8ff;--violet:#a98bff;--danger:#ff6b6b;--danger-ink:#ffb4b0;--on-brand:#1c0b06;--focus:#ffd08a;--grad-brand:linear-gradient(115deg, #ff5f5a 0%, #ff8a4c 48%, #ffbe55 100%);--grad-cool:linear-gradient(115deg, var(--teal), var(--sky));--grad-text:linear-gradient(100deg, #ff7468 0%, #ffab57 30%, #ffd98a 50%, #5ff0d2 75%, #ff7468 100%);--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-spring-soft:cubic-bezier(.3, 1.3, .5, 1);--gutter:clamp(16px, 3vw, 32px);--shell:1280px;font-family:var(--font-body);background:var(--bg);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scrollbar-color:#ffffff2e transparent}html.is-scroll-locked,html.is-scroll-locked body{overflow:hidden}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}*{scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff29 padding-box padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}::selection{color:#fff;background:#ff8a4c52}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}img{max-width:100%}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative}.app-main{width:min(var(--shell), 100%);padding:24px var(--gutter) 24px;flex:1;margin:0 auto}.app-footer{padding:20px var(--gutter) calc(28px + env(safe-area-inset-bottom));color:var(--ink-4);flex-wrap:wrap;justify-content:center;gap:8px;font-size:12.5px;display:flex}.ambient{z-index:-1;pointer-events:none;background:var(--bg);position:fixed;inset:0;overflow:hidden}.aurora{will-change:transform;border-radius:50%;width:62vmax;height:62vmax;position:absolute}.aurora-1{animation:drift-1 26s var(--ease-in-out) infinite alternate;background:radial-gradient(circle,#ff5f5a4d,#0000 62%);top:-30vmax;left:-18vmax}.aurora-2{animation:drift-2 32s var(--ease-in-out) infinite alternate;background:radial-gradient(circle,#2ee6c02b,#0000 62%);top:-26vmax;right:-24vmax}.aurora-3{animation:drift-3 38s var(--ease-in-out) infinite alternate;background:radial-gradient(circle,#a98bff29,#0000 62%);bottom:-38vmax;left:18vw}.ambient-art{object-fit:cover;filter:blur(72px)saturate(1.7)brightness(.85);opacity:0;width:130%;max-width:none;height:130%;animation:art-in 1.8s var(--ease-out) forwards;position:absolute;top:-15%;left:-15%}.ambient-shade{background:radial-gradient(120% 80% at 50% 0%, transparent 0%, #08090d8c 55%, var(--bg) 100%), linear-gradient(180deg, #08090d26 0%, #08090db3 60%, var(--bg) 100%);position:absolute;inset:0}.busy-bar{z-index:90;pointer-events:none;height:2px;position:fixed;inset:0 0 auto;overflow:hidden}.busy-bar:after{content:"";background:var(--grad-brand);animation:busy 1.1s var(--ease-in-out) infinite;position:absolute;inset:0;box-shadow:0 0 12px #ff8a4ccc}.topbar{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:linear-gradient(#08090ddb,#08090da8);position:sticky;top:0}.topbar-inner{width:min(var(--shell), 100%);min-height:72px;padding:10px var(--gutter);align-items:center;gap:16px;margin:0 auto;display:flex}.brand{flex:none;align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{width:42px;height:42px;box-shadow:0 0 0 1px var(--line-2), 0 10px 24px -10px #ff5f5ab3;transition:transform .5s var(--ease-spring);border-radius:13px;display:block;position:relative;overflow:hidden}.brand:hover .brand-mark{transform:rotate(-8deg)scale(1.06)}.brand-mark img{width:100%;height:100%;display:block}.brand-text{flex-direction:column;min-width:0;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:19px;font-weight:700;line-height:1.1}.brand-tag{color:var(--ink-3);font-size:12px;font-weight:600}.sponsor{flex:auto;max-width:420px;margin-inline:auto;position:relative}.sponsor-stage{aspect-ratio:6.2;box-shadow:0 0 0 1px var(--line-2), 0 12px 30px -14px #000c;background:#e8f0fb;border-radius:12px;position:relative;overflow:hidden}.sponsor-slide{opacity:0;transition:opacity .9s var(--ease-out), transform 1.4s var(--ease-out);position:absolute;inset:0;transform:scale(1.04)}.sponsor-slide.is-active{z-index:1;opacity:1;transform:none}.sponsor-slide img{object-fit:cover;width:100%;height:100%;display:block}.sponsor-slide:focus-visible{outline-offset:-3px}.topbar-actions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.sponsor+.topbar-actions{margin-left:0}.share-button.is-copied{color:var(--teal);background:#2ee6c01f;border-color:#2ee6c080}.share-button.is-copied svg{animation:pop .45s var(--ease-spring)}.btn{min-height:42px;color:var(--ink);white-space:nowrap;transition:transform .18s var(--ease-out), background-color .2s ease, background-position .5s var(--ease-out), border-color .2s ease, box-shadow .3s var(--ease-out), color .2s ease, opacity .2s ease;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn svg{flex:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.48}.btn-primary{background:var(--grad-brand);color:var(--on-brand);background-position:0%;background-size:170% 100%;box-shadow:0 10px 26px -12px #ff6e50d9,inset 0 1px #ffffff59}.btn-primary:hover:not(:disabled){background-position:100%;transform:translateY(-1px);box-shadow:0 14px 32px -12px #ff8250f2,inset 0 1px #fff6}.btn-soft{background:var(--card-3);border-color:var(--line-2)}.btn-soft:hover:not(:disabled),.btn-soft.is-active{background:var(--hover);border-color:var(--line-3)}.btn-ghost{border-color:var(--line-2);color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--card-3);color:var(--ink)}.btn-danger{color:var(--on-brand);background:linear-gradient(115deg,#ff6b6b,#ff8a65);box-shadow:0 10px 26px -12px #ff6b6bd9}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px -12px #ff6b6bf2}.btn-danger-text{color:var(--danger-ink)}.btn-danger-text:hover:not(:disabled){color:#ffd0cd;background:#ff6b6b1f;border-color:#ff6b6b66}.btn-lg{border-radius:14px;min-height:50px;padding:0 22px;font-size:15px}.btn-sm{border-radius:10px;gap:6px;min-height:34px;padding:0 12px;font-size:13px}.btn-block{width:100%}.icon-btn{border:1px solid var(--line-2);background:var(--card-2);width:40px;height:40px;color:var(--ink-2);transition:transform .18s var(--ease-out), background-color .2s ease, border-color .2s ease, color .2s ease, opacity .2s ease;border-radius:12px;flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn:hover:not(:disabled){border-color:var(--line-3);background:var(--hover);color:var(--ink)}.icon-btn:active:not(:disabled){transform:scale(.92)}.icon-btn:disabled{cursor:not-allowed;opacity:.35}.icon-btn:hover:not(:disabled) svg{animation:nudge-icon .4s var(--ease-spring)}.icon-btn-sm{border-radius:10px;width:34px;height:34px}.icon-btn.is-active{color:var(--amber);background:#ffbe5524;border-color:#ffbe5573}.icon-btn-danger:hover:not(:disabled){color:var(--danger-ink);background:#ff6b6b24;border-color:#ff6b6b73}.icon-btn-ok:hover:not(:disabled){color:var(--teal);background:#2ee6c01f;border-color:#2ee6c073}.icon-btn-play:hover:not(:disabled){background:var(--grad-brand);color:var(--on-brand);border-color:#0000}.spinner{flex:none;animation:.8s linear infinite spin}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field>label,.field-label{color:var(--ink-2);font-size:13px;font-weight:700}.field-hint{color:var(--ink-3);align-items:center;gap:6px;font-size:12.5px;line-height:1.45;display:flex}.field-hint.is-ok{color:var(--teal)}.field-hint.is-error{color:var(--danger-ink)}.input,.unit-input input{border:1px solid var(--line-2);width:100%;min-height:44px;color:var(--ink);transition:border-color .2s ease, box-shadow .25s var(--ease-out), background-color .2s ease;background:#00000042;border-radius:12px;outline:none;padding:0 14px;font-size:15px}.input::placeholder,.unit-input input::placeholder,.input-shell input::placeholder{color:var(--ink-4)}.input:hover:not(:disabled),.unit-input input:hover:not(:disabled){border-color:var(--line-3)}.input:focus,.unit-input input:focus{background:#0000005c;border-color:#ff965abf;box-shadow:0 0 0 4px #ff785029}.input:disabled,.unit-input input:disabled{cursor:not-allowed;opacity:.5}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-shell{border:1px solid var(--line-2);min-height:46px;color:var(--ink-3);transition:border-color .2s ease, box-shadow .25s var(--ease-out), background-color .2s ease, color .2s ease;background:#00000042;border-radius:14px;align-items:center;gap:10px;padding:0 6px 0 14px;display:flex}.input-shell svg{flex:none}.input-shell:hover{border-color:var(--line-3)}.input-shell:focus-within{color:var(--orange);background:#0000005c;border-color:#ff965abf;box-shadow:0 0 0 4px #ff785029}.input-shell input{min-width:0;height:44px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:16px}.input-shell input:disabled{cursor:not-allowed}.input-shell-lg{border-radius:16px;min-height:52px}.input-shell.is-loading{border-color:#ff965a66}.input-shell .spinner{color:var(--orange)}.input-shell.is-invalid{border-color:#ff6b6bbf;box-shadow:0 0 0 4px #ff6b6b24}.input-shell[data-nudge="1"]{animation:nudge-a .45s var(--ease-out)}.input-shell[data-nudge="2"]{animation:nudge-b .45s var(--ease-out)}.input-clear{width:34px;height:34px;color:var(--ink-3);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;transition:background-color .2s,color .2s;display:grid}.input-clear:hover:not(:disabled){background:var(--card-3);color:var(--ink)}.unit-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.unit-input{position:relative}.unit-input input{font-variant-numeric:tabular-nums;padding-right:42px}.unit-input span{color:var(--ink-4);pointer-events:none;font-size:12px;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.range-row{align-items:center;gap:14px;min-height:40px;display:flex}.range{appearance:none;background:linear-gradient(90deg, var(--coral), var(--amber)) 0 50% / var(--fill,0%) 6px no-repeat, linear-gradient(#ffffff1a, #ffffff1a) 0 50% / 100% 6px no-repeat;cursor:pointer;border-radius:999px;flex:1;height:28px;margin:0}.range::-webkit-slider-thumb{appearance:none;width:22px;height:22px;transition:transform .2s var(--ease-spring);background:#fff;border:0;border-radius:50%;box-shadow:0 2px 8px #00000073,0 0 0 5px #ff8a4c38}.range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #00000073,0 0 0 5px #ff8a4c38}.range:active::-webkit-slider-thumb{transform:scale(1.15)}.range:focus-visible{outline-offset:4px}.range-value{min-width:48px;font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:20px;font-weight:700}.check{border:1.5px solid var(--line-3);appearance:none;cursor:pointer;background:#00000040;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;margin:0;transition:background-color .2s,border-color .2s;display:grid}.check:after{content:"";border-bottom:2.2px solid var(--on-brand);border-left:2.2px solid var(--on-brand);width:10px;height:6px;transition:transform .25s var(--ease-spring);margin-top:-3px;transform:rotate(-45deg)scale(0)}.check:checked{background:var(--grad-brand);border-color:#0000}.check:checked:after{transform:rotate(-45deg)scale(1)}.card{border:1px solid var(--line);border-radius:var(--r-xl);background:linear-gradient(180deg, #ffffff0b, #ffffff03 40%), var(--card);flex-direction:column;gap:16px;min-width:0;padding:20px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0d,0 24px 60px -36px #000000e6}.card-head{align-items:center;gap:12px;min-width:0;display:flex}.card-head-copy{flex:1;min-width:0}.card-head h2,.summary-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:700;line-height:1.2}.card-head p,.summary-sub{color:var(--ink-3);align-items:center;gap:6px;margin-top:2px;font-size:13px;font-weight:500;display:flex}.card-icon{background:var(--card-3);width:38px;height:38px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);border-radius:12px;flex:none;place-items:center;display:grid}.card-icon-brand{background:var(--grad-brand);color:var(--on-brand);box-shadow:0 10px 24px -12px #ff6e50e6}.card-icon-gold{color:var(--amber);background:#ffbe5521;box-shadow:inset 0 0 0 1px #ffbe554d}.count-pill{min-width:22px;height:22px;color:var(--ink-2);font-variant-numeric:tabular-nums;background:#ffffff14;border-radius:999px;place-items:center;padding:0 7px;font-size:11.5px;font-weight:800;display:inline-grid}.chip{border:1px solid var(--line-2);background:var(--card-2);height:32px;color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.chip-gold{color:var(--amber);background:#ffbe551a;border-color:#ffbe5559}.chip-teal{color:var(--teal);background:#2ee6c014;border-color:#2ee6c052}.tag{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;height:20px;padding:0 7px;font-size:10.5px;font-weight:800;display:inline-flex}.tag-teal{color:var(--teal);background:#2ee6c01f}.tag-gold{color:var(--amber);background:#ffbe5524}.tag-muted{color:var(--ink-2);background:#ffffff14}.you-chip{color:#ffb98f;letter-spacing:.04em;text-transform:uppercase;background:#ff8a4c29;border-radius:999px;flex:none;padding:1px 7px;font-size:10.5px;font-weight:800}.eyebrow{color:var(--ink-3);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.eyebrow-accent{color:var(--orange)}.eyebrow-sep{opacity:.6;background:currentColor;border-radius:50%;width:3px;height:3px;margin:0 2px}.live-dot{background:var(--teal);border-radius:50%;flex:none;width:8px;height:8px;animation:2s ease-out infinite live;display:inline-block}.text-gradient{background:var(--grad-text);color:#0000;background-size:220%;-webkit-background-clip:text;background-clip:text;animation:9s linear infinite shimmer-text}.note{border:1px solid var(--line);background:var(--card-2);color:var(--ink-2);border-radius:12px;align-items:center;gap:9px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.note svg{color:var(--ink-3);flex:none}.note-error{color:var(--danger-ink);background:#ff6b6b14;border-color:#ff6b6b47}.note-error svg{color:var(--danger)}.muted-copy{color:var(--ink-3);font-size:13px}.banner{border-radius:var(--r-lg);border:1px solid;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.banner svg{flex:none;margin-top:2px}.banner>div{flex-direction:column;gap:2px;display:flex}.banner strong{color:var(--ink);font-size:14.5px}.banner span{color:var(--ink-2);font-size:13.5px}.banner-warning{color:var(--amber);background:linear-gradient(120deg,#ffbe5521,#ffbe550a);border-color:#ffbe5559}.banner-warning svg{animation:hourglass 2.4s var(--ease-in-out) infinite}.empty{border:1px dashed var(--line-2);border-radius:var(--r-lg);text-align:center;background:#ffffff04;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;display:flex}.empty h3{font-family:var(--font-display);font-size:16px;font-weight:700}.empty p{max-width:38ch;color:var(--ink-3);font-size:13.5px;line-height:1.5}.empty-art{background:var(--card-3);width:52px;height:52px;color:var(--ink-3);animation:float 4s var(--ease-in-out) infinite;border-radius:16px;place-items:center;margin-bottom:4px;display:grid}.empty.is-compact{text-align:left;flex-direction:row;gap:12px;padding:16px}.empty.is-compact .empty-art{border-radius:12px;width:40px;height:40px;margin:0;animation:none}.empty.is-error{border-color:#ff6b6b4d}.empty.is-error .empty-art{color:var(--danger-ink);background:#ff6b6b1f}.skeleton{background:linear-gradient(90deg,#ffffff0d 0%,#ffffff1c 50%,#ffffff0d 100%) 0 0/200% 100%;border-radius:10px;animation:1.4s linear infinite shimmer;display:block}.skeleton-lines{flex-direction:column;justify-content:center;gap:8px;min-width:0;display:flex}.skeleton-line{width:80%;height:12px}.skeleton-line.short{width:48%}.skeleton-art{border-radius:16px;width:56px;height:56px}.skeleton-thumb{aspect-ratio:16/9;width:100%}.skeleton-block{border-radius:var(--r-xl);height:140px}.skeleton-block.tall{height:320px}.eq{align-items:flex-end;gap:var(--eq-gap,2px);height:var(--eq-h);flex:none;display:inline-flex}.eq i{width:var(--eq-w);background:linear-gradient(to top, var(--coral), var(--amber));transform-origin:bottom;border-radius:2px;height:100%;display:block;transform:scaleY(.35)}.eq-sm{--eq-h:12px;--eq-w:2.5px}.eq-md{--eq-h:18px;--eq-w:3.5px;--eq-gap:3px}.eq-lg{--eq-h:38px;--eq-w:7px;--eq-gap:5px}.eq.is-playing i{animation:eq .9s var(--ease-in-out) infinite alternate}.eq.is-playing i:first-child{animation-duration:.82s;animation-delay:-.2s}.eq.is-playing i:nth-child(2){animation-duration:1.12s;animation-delay:-.62s}.eq.is-playing i:nth-child(3){animation-duration:.74s;animation-delay:-.4s}.eq.is-playing i:nth-child(4){animation-duration:1s;animation-delay:-.1s}.eq.is-paused i:first-child{transform:scaleY(.45)}.eq.is-paused i:nth-child(2){transform:scaleY(.8)}.eq.is-paused i:nth-child(3){transform:scaleY(.55)}.eq.is-paused i:nth-child(4){transform:scaleY(.3)}.avatar{width:var(--av);height:var(--av);flex:none;display:inline-block;position:relative}.avatar-xs{--av:20px;font-size:8.5px}.avatar-sm{--av:30px;font-size:11px}.avatar-md{--av:42px;font-size:14px}.avatar-lg{--av:64px;font-size:21px}.avatar-face{background:linear-gradient(135deg, hsl(var(--hue,20) 72% 58%), hsl(calc(var(--hue,20) + 45) 76% 44%));color:#fff;font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}.avatar-initials{text-shadow:0 1px 2px #00000059}.avatar-face img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.presence{background:var(--ink-4);width:30%;min-width:9px;height:30%;min-height:9px;box-shadow:0 0 0 2.5px var(--card-solid);border-radius:50%;position:absolute;bottom:-1px;right:-1px}.avatar.is-online .presence{background:var(--teal)}.avatar.is-online .presence:after{content:"";border:2px solid var(--teal);animation:ping 2.6s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.avatar-stack{align-items:center;display:flex}.avatar-stack .avatar+.avatar{margin-left:-9px}.avatar-stack .avatar-face{box-shadow:0 0 0 2px var(--bg)}.avatar-stack-more{min-width:30px;height:30px;box-shadow:0 0 0 2px var(--bg);color:var(--ink-2);background:#1c1f29;border-radius:999px;place-items:center;margin-left:-9px;padding:0 6px;font-size:11px;font-weight:800;display:grid}.disclosure{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card-2)}.disclosure>summary{border-radius:var(--r-md);min-height:46px;color:var(--ink-2);cursor:pointer;align-items:center;gap:10px;padding:0 14px;font-size:14px;font-weight:600;list-style:none;transition:background-color .2s,color .2s;display:flex}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:hover{background:var(--card-3);color:var(--ink)}.disclosure-chevron,.chevron{transition:transform .35s var(--ease-out);flex:none;margin-left:auto}.chevron.is-flipped,.disclosure[open]>summary .disclosure-chevron{transform:rotate(180deg)}.disclosure-body{animation:drop-in .35s var(--ease-out);flex-direction:column;gap:14px;padding:6px 14px 14px;display:flex}.disclosure-card{background:0 0;border:0}.disclosure-card>summary{border-radius:var(--r-md);gap:12px;min-height:0;padding:0}.disclosure-card>summary:hover{background:0 0}.disclosure-card>.disclosure-body{padding:18px 0 0}.disclosure-card .summary-title{color:var(--ink);display:block}.disclosure-card .summary-sub{display:block}.disclosure-inline{margin-top:4px}.tabs{border:1px solid var(--line);border-radius:var(--r-md);scrollbar-width:none;background:#00000042;gap:2px;padding:4px;display:flex;position:relative;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs-indicator{transition:transform .45s var(--ease-spring-soft), width .45s var(--ease-out);background:linear-gradient(#ffffff21,#ffffff0f);border-radius:10px;position:absolute;top:4px;bottom:4px;left:0;box-shadow:inset 0 0 0 1px #ffffff1a,0 6px 16px -8px #000000b3}.tab{z-index:1;min-height:38px;color:var(--ink-3);white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:1 0 auto;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13.5px;font-weight:700;transition:color .2s;display:inline-flex;position:relative}.tab:hover{color:var(--ink-2)}.tab.is-active{color:var(--ink)}.tab:focus-visible{outline-offset:-2px}.tab-count{min-width:20px;height:20px;color:var(--ink-2);font-variant-numeric:tabular-nums;background:#ffffff14;border-radius:999px;place-items:center;padding:0 6px;font-size:11px;font-weight:800;transition:background-color .3s,color .3s;display:inline-grid}.tab.is-active .tab-count{background:var(--grad-brand);color:var(--on-brand)}.tabs-sm .tab{min-height:34px;font-size:13px}.tab-panel{animation:fade-up .4s var(--ease-out)}.segmented{grid-template-columns:repeat(var(--seg-count), minmax(0, 1fr));border:1px solid var(--line);background:#00000042;border-radius:12px;padding:4px;display:grid;position:relative}.segmented-thumb{width:calc((100% - 8px) / var(--seg-count));transform:translateX(calc(var(--seg-index) * 100%));transition:transform .4s var(--ease-spring-soft);background:linear-gradient(#ffffff26,#ffffff12);border-radius:9px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:inset 0 0 0 1px #ffffff1f}.segmented button{z-index:1;min-width:0;min-height:36px;color:var(--ink-3);white-space:nowrap;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;transition:color .2s;display:inline-flex;position:relative}.segmented button:hover:not(:disabled){color:var(--ink-2)}.segmented button.is-active{color:var(--ink)}.switch{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card-2);cursor:pointer;align-items:center;gap:14px;padding:12px 14px;transition:border-color .2s;display:flex;position:relative}.switch:hover{border-color:var(--line-2)}.switch-copy{flex:1;min-width:0}.switch-label{color:var(--ink);font-size:14px;font-weight:700;display:block}.switch-description{color:var(--ink-3);margin-top:2px;font-size:12.5px;line-height:1.45;display:block}.switch-input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{width:44px;height:26px;box-shadow:inset 0 0 0 1px var(--line-2);background:#ffffff21;border-radius:999px;flex:none;transition:background-color .25s;position:relative}.switch-thumb{width:20px;height:20px;transition:transform .35s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0006}.switch-input:checked+.switch-track{background:var(--grad-cool);box-shadow:0 0 16px -4px #2ee6c099}.switch-input:checked+.switch-track .switch-thumb{transform:translate(18px)}.switch-input:focus-visible+.switch-track{outline:2px solid var(--focus);outline-offset:3px}.switch.is-compact{border-radius:12px;gap:10px;padding:8px 10px}.switch.is-compact .switch-label{font-size:13px;font-weight:600}.switch.is-compact .switch-track{width:38px;height:22px}.switch.is-compact .switch-thumb{width:16px;height:16px}.switch.is-compact .switch-input:checked+.switch-track .switch-thumb{transform:translate(16px)}.switch.is-disabled{cursor:not-allowed;opacity:.5}.lobby{flex-direction:column;gap:22px;display:flex}.hero{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:32px;padding:28px 0 8px;display:grid}.kicker{border:1px solid var(--line-2);color:var(--ink-2);background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;padding:7px 14px 7px 11px;font-size:13px;font-weight:600;display:inline-flex}.hero-title{font-family:var(--font-display);letter-spacing:-.04em;margin-top:20px;font-size:clamp(42px,6.4vw,78px);font-weight:800;line-height:.98}.hero-lead{max-width:50ch;color:var(--ink-2);margin-top:20px;font-size:17px;line-height:1.6}.hero-points{flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none;display:flex}.hero-points li{border:1px solid var(--line);background:var(--card-2);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.hero-points li:first-child svg{color:var(--coral)}.hero-points li:nth-child(2) svg{color:var(--amber)}.hero-points li:nth-child(3) svg{color:var(--teal)}.identity-card{gap:18px}.profile-preview{border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(120% 140% at 0% 0%, #ff5f5a4d, transparent 55%), radial-gradient(120% 140% at 100% 100%, #2ee6c02e, transparent 55%), var(--card-2);align-items:center;gap:14px;min-height:104px;padding:18px;display:flex;position:relative;overflow:hidden}.profile-preview-banner{z-index:0;object-fit:cover;width:100%;height:100%;animation:.6s fade-in;position:absolute;inset:0}.profile-preview.has-banner:before{content:"";z-index:1;background:linear-gradient(90deg,#08090de6,#08090d73 70%,#08090d33);position:absolute;inset:0}.profile-preview>.avatar,.profile-preview-copy{z-index:2;position:relative}.profile-preview .avatar-face{box-shadow:0 0 0 3px #ffffff1f,0 12px 28px -10px #000c}.profile-preview-copy{flex-direction:column;min-width:0;display:flex}.profile-preview-copy strong{font-family:var(--font-display);overflow-wrap:anywhere;font-size:21px;font-weight:700;line-height:1.15}.profile-preview-copy span{color:var(--ink-2);margin-top:3px;font-size:13px;font-weight:600}.lobby-grid{grid-template-columns:minmax(300px,.9fr) minmax(0,1.4fr);grid-template-areas:"create rooms""private rooms";align-items:start;gap:20px;display:grid}.create-card{grid-area:create}.rooms-card{grid-area:rooms;align-self:stretch}.private-card{grid-area:private}.choice-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.choice{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--card-2);color:var(--ink-2);text-align:left;transition:border-color .25s ease, background-color .25s ease, box-shadow .3s var(--ease-out), transform .2s var(--ease-out);flex-direction:column;align-items:flex-start;gap:10px;padding:14px;display:flex}.choice:hover{border-color:var(--line-3);background:var(--card-3)}.choice:active{transform:scale(.98)}.choice.is-active{color:var(--ink);background:linear-gradient(160deg,#ff5f5a26,#ffbe550d);border-color:#ff8a4c99;box-shadow:0 0 0 3px #ff78501f}.choice-icon{background:var(--card-3);border-radius:10px;place-items:center;width:34px;height:34px;transition:background-color .3s,color .3s;display:grid}.choice.is-active .choice-icon{background:var(--grad-brand);color:var(--on-brand);animation:pop .45s var(--ease-spring)}.choice-copy strong{font-size:15px;font-weight:700;display:block}.choice-copy small{color:var(--ink-3);margin-top:2px;font-size:12.5px;line-height:1.4;display:block}.reveal-soft{animation:fade-up .35s var(--ease-out)}.room-tiles{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.room-tile{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card-2);transition:transform .35s var(--ease-out), border-color .3s ease, background-color .3s ease, box-shadow .35s var(--ease-out);animation:rise .55s var(--ease-out) both;animation-delay:calc(var(--i,0) * 55ms);grid-template-columns:56px minmax(0,1fr);gap:12px 14px;padding:14px;display:grid}.room-tile:hover{border-color:hsl(var(--hue,20) 80% 65% / .45);background:var(--card-3);box-shadow:0 20px 40px -24px hsl(var(--hue,20) 90% 55% / .75);transform:translateY(-3px)}.room-tile-art{background:radial-gradient(circle at 30% 20%, hsl(var(--hue,20) 92% 70%), transparent 70%), linear-gradient(140deg, hsl(var(--hue,20) 80% 55%), hsl(calc(var(--hue,20) + 55) 78% 40%));width:56px;height:56px;box-shadow:inset 0 0 0 1px #fff3, 0 12px 26px -14px hsl(var(--hue,20) 90% 50%);transition:transform .45s var(--ease-spring);border-radius:16px;place-items:center;display:grid}.room-tile:hover .room-tile-art{transform:rotate(-6deg)scale(1.05)}.room-tile-art .eq i{background:#fffffff2}.room-tile-copy h3{font-family:var(--font-display);overflow-wrap:anywhere;font-size:16px;font-weight:700;line-height:1.25}.room-tile-meta{color:var(--ink-2);flex-wrap:wrap;gap:4px 12px;margin-top:5px;font-size:12.5px;font-weight:600;display:flex}.room-tile-meta span{align-items:center;gap:5px;display:inline-flex}.room-tile-meta svg{color:var(--ink-3)}.room-tile-meta .is-live,.room-tile-meta .is-live svg{color:var(--teal)}.room-tile-time{color:var(--ink-4);margin-top:3px;font-size:12px}.room-tile>.btn{grid-column:1/-1}.room-tile.is-skeleton{animation:none}.saved-rooms{flex-direction:column;gap:8px;display:flex}.saved-room{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card-2);align-items:center;gap:12px;padding:10px 10px 10px 12px;transition:border-color .25s,background-color .25s;display:flex}.saved-room:hover{border-color:var(--line-2);background:var(--card-3)}.saved-room-icon{background:hsl(var(--hue,20) 70% 55% / .16);width:36px;height:36px;color:hsl(var(--hue,20) 88% 74%);border-radius:11px;flex:none;place-items:center;display:grid}.saved-room-copy{flex:1;min-width:0}.saved-room-copy h3{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;overflow:hidden}.saved-room-copy p{color:var(--ink-3);font-size:12.5px}.library-card{padding:18px 20px}.library-body{gap:16px}.library-publish{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;align-items:end;gap:12px;display:grid}.library-toolbar{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.library-toolbar .segmented{min-width:240px}.library-toolbar .icon-btn{margin-left:auto}.pack-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.pack{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card-2);align-items:center;gap:12px;padding:12px 12px 12px 14px;display:flex}.pack-copy{flex:1;min-width:0}.pack-copy h3{overflow-wrap:anywhere;font-size:14.5px;font-weight:700}.pack-description{color:var(--ink-2);font-size:12.5px}.pack-meta{color:var(--ink-3);font-size:12px}.connecting{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:64px 0 24px;display:flex}.connecting-art{background:var(--grad-brand);width:96px;height:96px;animation:breathe 2.4s var(--ease-in-out) infinite;border-radius:28px;place-items:center;margin-bottom:10px;display:grid;box-shadow:0 24px 60px -20px #ff6e50bf}.connecting-art .eq i{background:var(--on-brand)}.connecting h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:30px;font-weight:800}.connecting p{color:var(--ink-3);margin-bottom:8px}.connecting-skeleton{gap:16px;width:min(900px,100%);margin-top:28px;display:grid}.room{flex-direction:column;gap:20px;display:flex}.room-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;padding-top:6px;display:flex}.room-hero-copy{flex:340px;min-width:0}.room-title-row{align-items:center;gap:10px;margin-top:8px;display:flex}.room-title{min-width:0;font-family:var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(30px,4.4vw,50px);font-weight:800;line-height:1.04}.room-rename{gap:8px;max-width:520px;margin-top:8px;display:flex}.room-rename .input{font-family:var(--font-display);font-size:20px;font-weight:700}.room-hero-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.room-layout{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:20px;display:grid}.room-main,.room-side{flex-direction:column;gap:20px;min-width:0;display:flex}.reveal{animation:rise .7s var(--ease-out) both;animation-delay:calc(var(--i,0) * 70ms)}.now-card{gap:16px;overflow:hidden}.now-card:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(140deg,#ff8a4c99,#0000 32% 68%,#2ee6c066);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.now-card.is-paused:before{background:linear-gradient(140deg,#ffbe558c,#0000 40%)}.now-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px 16px;display:flex}.now-copy{flex:260px;min-width:0}.now-title{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;animation:title-in .65s var(--ease-out);margin-top:8px;font-size:clamp(21px,2.4vw,28px);font-weight:700;line-height:1.15}.now-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;font-size:14px;display:flex}.now-meta strong{color:var(--ink-2)}.now-trim{background:var(--card-3);color:var(--ink-2);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.now-actions{flex-wrap:wrap;gap:8px;display:flex}.playback-toggle span{text-align:left;min-width:52px}.player-frame{border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line-2), 0 30px 60px -30px #000000f2, 0 0 90px -34px #ff6e5073;background:#000;position:relative;overflow:hidden}.player-empty,.yt-crossfade-shell{aspect-ratio:16/9;border:0;width:100%}.player-empty{color:var(--ink-2);text-align:center;background:radial-gradient(60% 80% at 50% 40%,#ff5f5a33,#0000 70%),#07080b;place-content:center;justify-items:center;gap:12px;padding:16px;font-weight:600;display:grid}.player-empty svg{color:var(--orange);animation:float 3s var(--ease-in-out) infinite}.yt-crossfade-shell{background:#000;position:relative;overflow:hidden}.yt-slot{z-index:0;opacity:0;pointer-events:none;transition:opacity var(--yt-fade-ms,.24s) linear;position:absolute;inset:0}.yt-slot.active{z-index:1;opacity:1;pointer-events:auto}.yt-slot.active.outgoing{opacity:0;pointer-events:none}.yt-slot.fading{z-index:2;opacity:1}.yt-player-target,.yt-slot iframe{border:0;width:100%;height:100%;display:block}.up-next{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card-2);grid-template-columns:auto 72px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.up-next-label{color:var(--ink-4);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:800}.up-next-copy{min-width:0}.up-next-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;display:block;overflow:hidden}.up-next-copy small{color:var(--ink-3);font-size:12.5px}.now-card-art{grid-template-columns:minmax(200px,300px) minmax(0,1fr);align-items:center;gap:32px;padding:26px;display:grid}.now-art{aspect-ratio:1.12;position:relative}.vinyl{z-index:1;aspect-ratio:1;background:conic-gradient(from 30deg,#ffffff1a,#0000 12%,#ffffff0d 25%,#0000 40%,#ffffff1a 50%,#0000 62%,#ffffff0d 75%,#0000 90%),repeating-radial-gradient(circle,#0d0d10 0 2px,#17171c 2px 3.5px);border-radius:50%;width:76%;position:absolute;top:8%;right:0;box-shadow:0 24px 50px -18px #000000f2,inset 0 0 0 1px #ffffff12}.vinyl.is-spinning{animation:5.5s linear infinite spin}.vinyl-label{background:var(--grad-brand);border-radius:50%;position:absolute;inset:34%;box-shadow:inset 0 0 0 3px #00000040}.vinyl-label:after{content:"";background:#0b0b0e;border-radius:50%;position:absolute;inset:42%}.now-art-cover{z-index:2;aspect-ratio:1;width:84%;transition:transform .6s var(--ease-out);background:radial-gradient(circle at 30% 20%,#ff8a4c59,#0000 70%),#16181f;border-radius:22px;place-items:center;display:grid;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 30px 60px -22px #000000f2,0 0 0 1px #ffffff17}.now-card-art:hover .now-art-cover{transform:rotate(-2deg)translateY(-2px)}.now-art-cover img{z-index:1;object-fit:cover;width:100%;height:100%;animation:.8s fade-in;position:absolute;inset:0;transform:scale(1.34)}.now-art-fallback{color:var(--ink-3)}.now-next{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;margin-top:14px;font-size:13.5px;overflow:hidden}.now-next span{color:var(--ink-4);letter-spacing:.09em;text-transform:uppercase;margin-right:6px;font-size:11px;font-weight:800}.now-foot{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:20px;display:flex}.now-hint{color:var(--ink-3);align-items:center;gap:8px;font-size:13px;display:flex}.tools{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card-2)}.tools-summary{border-radius:var(--r-lg);min-height:50px;color:var(--ink-2);cursor:pointer;align-items:center;gap:10px;padding:0 16px;font-size:14px;font-weight:700;list-style:none;transition:background-color .2s,color .2s;display:flex}.tools-summary::-webkit-details-marker{display:none}.tools-summary:hover{background:var(--card-3);color:var(--ink)}.tools-summary-sub{color:var(--ink-4);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.tools[open] .tools-summary .disclosure-chevron{transform:rotate(180deg)}.tools-body{animation:drop-in .35s var(--ease-out);flex-direction:column;gap:14px;padding:2px 16px 16px;display:flex}.tools-panel{flex-direction:column;gap:14px;display:flex}.tools-hint{color:var(--ink-3);font-size:13.5px;line-height:1.5}.tools-hint strong{color:var(--ink-2)}.time-fields,.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.time-field{flex-direction:column;gap:7px;display:flex}.time-field>label{color:var(--ink-2);font-size:13px;font-weight:700}.tools-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tools-status{color:var(--ink-3);font-size:13px}.pair{grid-template-columns:72px auto 72px minmax(0,1fr);align-items:center;gap:10px;display:grid}.pair-arrow{color:var(--orange)}.pair-copy{min-width:0;color:var(--ink-3);flex-direction:column;gap:2px;font-size:13px;display:flex}.pair-copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pair-copy strong{color:var(--ink-2)}.add-song{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.preview{border:1px solid var(--line);border-radius:var(--r-lg);animation:drop-in .35s var(--ease-out);background:#0000003d;flex-direction:column;gap:12px;padding:14px;display:flex}.preview-skeleton{flex-direction:column;gap:10px;display:flex}.preview-skeleton-row{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;display:grid}.preview-video{animation:fade-up .35s var(--ease-out);grid-template-columns:148px minmax(0,1fr);align-items:center;gap:14px;display:grid}.preview-video-copy h3{overflow-wrap:anywhere;margin-top:4px;font-size:15px;font-weight:700;line-height:1.3}.preview-video-copy p:not(.eyebrow){color:var(--ink-3);margin-top:2px;font-size:13px}.preview-multi{flex-direction:column;gap:12px;display:flex}.preview-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.preview-head-copy{min-width:0}.preview-head-copy h3{overflow-wrap:anywhere;margin-top:4px;font-size:15px;font-weight:700}.preview-count{color:var(--ink-3);font-size:13px}.preview-actions{gap:6px;display:flex}.pick-list{overscroll-behavior:contain;flex-direction:column;gap:4px;max-height:360px;margin-right:-6px;padding-right:6px;display:flex;overflow:auto}.pick{border-radius:var(--r-md);cursor:pointer;animation:fade-up .35s var(--ease-out) both;border:1px solid #0000;grid-template-columns:auto 104px minmax(0,1fr);align-items:center;gap:12px;padding:8px 10px;transition:background-color .2s,border-color .2s;display:grid}.pick:hover{background:var(--card-2)}.pick.is-selected{background:#ff8a4c14;border-color:#ff8a4c4d}.pick-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.pick-copy strong{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.pick-copy small{color:var(--ink-3);font-size:12px}.pick-warning{font-weight:700;color:var(--amber)!important}.preview-video.is-over .thumb,.pick.is-over .thumb{box-shadow:0 0 0 2px #ffbe558c}.thumb{aspect-ratio:16/9;background:var(--card-3);width:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;display:block;position:relative;overflow:hidden}.thumb img{z-index:1;object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out);position:absolute;inset:0}.thumb-fallback{color:var(--ink-4);place-items:center;display:grid;position:absolute;inset:0}.thumb-duration{z-index:2;color:#fff;font-variant-numeric:tabular-nums;background:#000c;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;bottom:5px;right:5px}.track-list{flex-direction:column;gap:8px;display:flex;position:relative}.track{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card-2);transition:background-color .25s ease, border-color .25s ease, box-shadow .3s var(--ease-out), opacity .2s ease;animation:rise .5s var(--ease-out) both;animation-delay:calc(var(--i,0) * 40ms);grid-template-columns:30px 92px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px 10px 8px;display:grid;position:relative}.track:hover{border-color:var(--line-2);background:var(--card-3)}.track:hover .thumb img{transform:scale(1.07)}.track.is-history{grid-template-columns:92px minmax(0,1fr) auto;padding-left:10px}.track.is-current{background:linear-gradient(100deg, #ff5f5a2b, #ffbe550f 55%, transparent), var(--card-2);border-color:#ff8a4c73;box-shadow:0 14px 34px -22px #ff6e50bf}.track.is-current.is-paused{background:linear-gradient(100deg, #ffbe551f, transparent 60%), var(--card-2);border-color:#ffbe5559}.track.is-current:before{content:"";background:var(--grad-brand);border-radius:0 3px 3px 0;width:3px;position:absolute;top:14px;bottom:14px;left:-1px}.track[draggable=true]{cursor:grab}.track[draggable=true]:active{cursor:grabbing}.track.is-dragging{opacity:.45;border-style:dashed}.track-lead{color:var(--ink-3);align-self:stretch;place-items:center;display:grid;position:relative}.track-index{min-width:22px;font-family:var(--font-display);font-variant-numeric:tabular-nums;place-items:center;font-size:14px;font-weight:700;transition:opacity .2s;display:grid}.track-grip{opacity:0;transition:opacity .2s;position:absolute}.track-copy{min-width:0}.track-title{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;font-weight:700;line-height:1.32;display:-webkit-box;overflow:hidden}.track-meta{min-width:0;color:var(--ink-3);align-items:center;gap:6px;margin-top:4px;font-size:12.5px;display:flex}.track-owner{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.track-move{gap:4px;display:inline-flex}.now-chip{background:var(--grad-brand);color:var(--on-brand);letter-spacing:.06em;text-transform:uppercase;vertical-align:2px;border-radius:999px;align-items:center;margin-right:8px;padding:2px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.now-chip.is-paused{color:var(--amber);background:#ffbe5529}.vote-pill{height:34px;color:var(--amber);font-variant-numeric:tabular-nums;transition:background-color .2s ease, transform .2s var(--ease-out), box-shadow .3s ease;background:#ffbe551a;border:1px solid #ffbe5559;border-radius:999px;align-items:center;gap:4px;padding:0 12px 0 8px;font-weight:800;display:inline-flex}.vote-pill svg{transition:transform .3s var(--ease-spring)}.vote-pill:hover{background:#ffbe5533;transform:translateY(-1px);box-shadow:0 8px 20px -10px #ffbe5599}.vote-pill:hover svg{transform:translateY(-2px)}.vote-pill:active{transform:scale(.95)}.vote-count{text-align:center;min-width:12px;animation:bump .45s var(--ease-spring);display:inline-block}.overflow-strip{border-radius:var(--r-md);color:#d8ccff;text-align:left;width:100%;transition:background-color .25s ease, border-color .25s ease, transform .2s var(--ease-out);background:#a98bff14;border:1px dashed #a98bff73;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;font-size:13.5px;display:flex}.overflow-strip:hover{background:#a98bff24;border-style:solid}.overflow-strip:hover>svg{transform:translate(3px)}.overflow-strip>svg{transition:transform .3s var(--ease-out)}.overflow-strip-icon{background:#a98bff2e;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.overflow-strip-copy{flex:1}.panel-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;margin-bottom:10px;display:flex}.panel-toolbar p{color:var(--ink-3);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.panel-toolbar-actions{gap:6px;display:flex}.members-body{flex-direction:column;gap:12px;display:flex}.member-list{flex-direction:column;gap:8px;display:flex;position:relative}.member{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card-2);animation:rise .45s var(--ease-out) both;transition:border-color .25s,background-color .25s;position:relative;overflow:hidden}.member:hover{border-color:var(--line-2)}.member.is-self{border-color:#ff8a4c52}.member.is-managing{border-color:#ffbe5566}.member-banner{z-index:0;object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease-out);position:absolute;inset:0}.member.has-banner:before{content:"";z-index:1;background:linear-gradient(90deg,#0a0b10f0 0%,#0a0b10bd 48%,#0a0b1061 100%);position:absolute;inset:0}.member.has-banner:hover .member-banner{transform:scale(1.06)}.member-main,.member-manage{z-index:2;position:relative}.member-main{align-items:center;gap:12px;min-height:64px;padding:10px 10px 10px 12px;display:flex}.member.has-banner .member-main{min-height:80px}.member-copy{flex:1;min-width:0}.member-name{align-items:center;gap:6px;min-width:0;display:flex}.member-name-text{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;overflow:hidden}.member.is-away .member-name-text{color:var(--ink-3)}.member.has-banner .member-name-text{color:#fff;text-shadow:0 1px 3px #000000b3}.member-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.member-status{color:var(--ink-3);font-size:12px}.member.has-banner .member-status{color:#ffffffc7}.member-tools{flex:none;gap:6px;display:flex}.member.has-banner .icon-btn{background:#0a0b108c}.member-manage{border-top:1px solid var(--line);animation:drop-in .3s var(--ease-out);background:#08090db8;flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex}.manage-switches{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.manage-actions{flex-wrap:wrap;gap:6px;display:flex}.member-section{border-top:1px dashed var(--line-2);flex-direction:column;padding-top:14px;display:flex}.approvals{flex-direction:column;display:flex}.approval-list{overscroll-behavior:contain;flex-direction:column;gap:6px;max-height:clamp(220px,50vh,520px);display:flex;overflow-y:auto}.approval{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card-2);animation:rise .4s var(--ease-out) both;align-items:center;gap:10px;padding:8px 8px 8px 10px;display:flex}.approval-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.approval-actions{gap:6px;display:flex}.ban-list{flex-direction:column;gap:6px;display:flex}.ban{background:#00000038;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 12px;display:flex}.ban-copy{flex-direction:column;min-width:0;display:flex}.ban-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.ban-copy small{color:var(--ink-3);font-size:12px}.settings-group{flex-direction:column;gap:10px;display:flex}.settings-group+.settings-group{border-top:1px solid var(--line);padding-top:16px}.settings-label{color:var(--ink-4);letter-spacing:.1em;text-transform:uppercase;font-size:11.5px;font-weight:800}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mode-option{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--card-2);color:var(--ink-2);text-align:left;transition:border-color .25s ease, background-color .25s ease, box-shadow .3s var(--ease-out), transform .2s var(--ease-out);align-items:flex-start;gap:10px;padding:12px;display:flex}.mode-option:hover{border-color:var(--line-3);background:var(--card-3)}.mode-option:active{transform:scale(.97)}.mode-option.is-active{color:var(--ink);background:linear-gradient(160deg,#ff5f5a29,#ffbe550d);border-color:#ff8a4c99;box-shadow:0 0 0 3px #ff78501a}.mode-icon{background:var(--card-3);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;transition:background-color .3s,color .3s;display:grid}.mode-option.is-active .mode-icon{background:var(--grad-brand);color:var(--on-brand);animation:pop .45s var(--ease-spring)}.mode-copy{min-width:0}.mode-copy strong{font-size:13.5px;font-weight:700;display:block}.mode-copy small{color:var(--ink-3);margin-top:2px;font-size:12px;line-height:1.35;display:block}.settings-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field-wide{grid-column:1/-1}.activity-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.activity-list:before{content:"";background:var(--line-2);width:1px;position:absolute;top:12px;bottom:12px;left:5px}.activity{animation:fade-up .4s var(--ease-out) both;grid-template-columns:11px minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 0;display:grid;position:relative}.activity-dot{z-index:1;border:2px solid var(--ink-4);background:var(--card-solid);border-radius:50%;width:11px;height:11px;position:relative}.activity:first-child .activity-dot{border-color:var(--teal);background:var(--teal);box-shadow:0 0 10px #2ee6c099}.activity.level-warning .activity-dot{border-color:var(--amber)}.activity.level-error .activity-dot{border-color:var(--danger)}.activity:first-child.level-warning .activity-dot{background:var(--amber);box-shadow:0 0 10px #ffbe5599}.activity-message{color:var(--ink-2);overflow-wrap:anywhere;font-size:13px;line-height:1.45}.activity-time{color:var(--ink-4);white-space:nowrap;font-size:11.5px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040508ad;place-items:center;padding:20px;animation:.22s both fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-backdrop.is-closing{animation:.18s both fade-out}.modal{border:1px solid var(--line-2);border-radius:var(--r-xl);width:100%;max-height:calc(100dvh - 40px);animation:modal-in .42s var(--ease-spring-soft) both;background:radial-gradient(120% 60% at 0 0,#ff5f5a1a,#0000 60%),linear-gradient(#ffffff0d,#ffffff04),#11131a;outline:none;flex-direction:column;gap:16px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -30px #000000f2,inset 0 1px #ffffff0f}.modal.is-closing{animation:.18s both modal-out}.modal-sm{max-width:440px}.modal-md{max-width:560px}.modal-lg{max-width:720px}.modal-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.modal-head-actions{flex:none;align-items:center;gap:8px;display:flex}.modal-title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:4px;font-size:23px;font-weight:700;line-height:1.2}.modal-copy{color:var(--ink-3);margin-top:6px;font-size:14px;line-height:1.55}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.modal-form{flex-direction:column;gap:16px;min-height:0;margin:-8px;padding:8px;display:flex;overflow-y:auto}.modal-scroll{overscroll-behavior:contain;min-height:0;margin:0 -8px;padding:0 8px 2px;overflow-y:auto}.confirm-icon{width:50px;height:50px;color:var(--amber);animation:pop .5s var(--ease-spring) 50ms both;background:#ffbe5524;border-radius:16px;place-items:center;display:grid}.confirm-icon.danger{color:var(--danger);background:#ff6b6b24}.confirm-dialog .modal-title{margin-top:0}.confirm-dialog .modal-copy{margin-top:-8px}.invite-art{align-items:flex-end;gap:14px;display:flex}.invite-art img{width:64px;height:64px;animation:float 4s var(--ease-in-out) infinite;border-radius:18px;box-shadow:0 18px 34px -12px #ff5f5ab3}.invite-art .eq{margin-bottom:8px}.invite-copy .modal-title{margin-top:6px}.overflow-groups{flex-direction:column;gap:18px;display:flex}.overflow-group{flex-direction:column;gap:10px;display:flex}.overflow-owner{color:var(--ink-2);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.overflow-item{flex-direction:column;gap:8px;display:flex}.swap-panel{border:1px solid var(--line);border-radius:var(--r-md);animation:drop-in .3s var(--ease-out);background:#00000042;flex-direction:column;gap:10px;margin-left:42px;padding:12px;display:flex}.swap-title{color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.swap-options{flex-direction:column;gap:6px;display:flex}.swap-option{border:1px solid var(--line);background:var(--card-2);width:100%;min-height:50px;color:var(--ink);text-align:left;border-radius:12px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px 8px 8px;transition:border-color .2s,background-color .2s;display:grid}.swap-option:hover:not(:disabled){background:#ff8a4c14;border-color:#ff8a4c80}.swap-option>svg{color:var(--ink-3);transition:transform .3s var(--ease-out)}.swap-option:hover:not(:disabled)>svg{color:var(--orange);transform:translate(3px)}.swap-option-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.swap-option-copy strong{overflow-wrap:anywhere;font-size:13px}.swap-option-copy small{color:var(--ink-3);font-size:12px}.toast-stack{bottom:max(20px, env(safe-area-inset-bottom));z-index:80;pointer-events:none;flex-direction:column;gap:8px;width:min(460px,100vw - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line-2);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;animation:toast-in .5s var(--ease-spring-soft) both;background:#14161ff0;align-items:center;gap:12px;padding:12px 10px 12px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px -20px #000000f2}.toast.is-leaving{animation:.22s forwards toast-out}.toast-error{border-color:#ff6b6b66}.toast-icon{border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.toast-info .toast-icon{color:var(--teal);background:#2ee6c024}.toast-error .toast-icon{color:var(--danger);background:#ff6b6b26}.toast-message{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.4}.toast-close{width:32px;height:32px;color:var(--ink-3);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;transition:background-color .2s,color .2s;display:grid}.toast-close:hover{background:var(--card-3);color:var(--ink)}.toast-progress{background:var(--grad-cool);transform-origin:0;width:100%;height:2px;animation:toast-timer var(--toast-ms,5.5s) linear forwards;position:absolute;bottom:0;left:0}.toast-error .toast-progress{background:var(--grad-brand)}.toast:hover .toast-progress,.toast:focus-within .toast-progress{animation-play-state:paused}@media (hover:hover) and (pointer:fine){.track.is-reorderable:hover .track-index{opacity:0}.track.is-reorderable:hover .track-grip{opacity:1}.track-move{opacity:0;transition:opacity .2s}.track:hover .track-move,.track:focus-within .track-move{opacity:1}}@media (pointer:coarse){.btn-sm{min-height:40px}.icon-btn-sm{width:40px;height:40px}}@media (width>=1001px){.room-side .member-list{overscroll-behavior:contain;max-height:min(68vh,620px);margin-right:-6px;padding-right:6px;overflow-y:auto}}@media (width<=1000px){.room-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.hero{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:12px}.lobby-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"create""rooms""private"}}@media (width<=720px){.topbar{position:relative}.topbar-inner{flex-wrap:wrap;gap:12px;min-height:0;padding-top:12px;padding-bottom:12px}.sponsor{flex-basis:100%;order:3;max-width:none}.topbar-actions,.sponsor+.topbar-actions{margin-left:auto}.app-main{padding-top:16px}.card{border-radius:20px;padding:16px}.hero-lead{font-size:16px}.library-publish{grid-template-columns:minmax(0,1fr)}.library-toolbar .segmented{flex:200px;min-width:0}.now-card-art{grid-template-columns:minmax(0,1fr);gap:20px;padding:18px}.now-art{width:min(280px,82%);margin:0 auto}.room-hero{align-items:flex-start}}@media (width<=560px){.add-song{grid-template-columns:minmax(0,1fr)}.now-actions{width:100%}.now-actions .btn{flex:1}.time-fields,.tools-grid,.settings-fields,.manage-switches{grid-template-columns:minmax(0,1fr)}.tools-summary-sub{display:none}.pair{grid-template-columns:64px auto 64px}.pair-copy{grid-column:1/-1}.track{grid-template-columns:24px 76px minmax(0,1fr);gap:10px;padding-right:10px}.track.is-history{grid-template-columns:76px minmax(0,1fr)}.track-actions{flex-wrap:wrap;grid-column:3;justify-content:flex-start}.track.is-history .track-actions{grid-column:2}.track-actions .vote-pill{margin-right:auto}.preview-video{grid-template-columns:112px minmax(0,1fr)}.pick{grid-template-columns:auto 84px minmax(0,1fr);gap:10px}.up-next{grid-template-columns:64px minmax(0,1fr)}.up-next-label{grid-column:1/-1}.swap-panel{margin-left:0}.modal-backdrop{place-items:end stretch;padding:0}.modal{max-height:92dvh;padding-bottom:calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;animation-name:sheet-in}.modal.is-closing{animation-name:sheet-out}.modal-actions .btn{flex:1}}@media (width<=480px){.topbar-actions .btn{width:44px;padding:0}.topbar-actions .btn-label,.tab>svg{display:none}.tab{padding:0 8px}}@media (width<=380px){.brand-tag{display:none}.choice-group,.mode-grid{grid-template-columns:minmax(0,1fr)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes drop-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes title-in{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}}@keyframes modal-in{0%{opacity:0;transform:translateY(18px)scale(.96)}}@keyframes modal-out{to{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}@keyframes toast-in{0%{opacity:0;transform:translateY(24px)scale(.95)}}@keyframes toast-out{to{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes eq{0%{transform:scaleY(.18)}to{transform:scaleY(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes busy{0%{transform:translate(-100%)scaleX(.4)}50%{transform:translate(10%)scaleX(.7)}to{transform:translate(100%)scaleX(.4)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer-text{to{background-position:220%}}@keyframes live{0%{box-shadow:0 0 #2ee6c08c}70%{box-shadow:0 0 0 7px #2ee6c000}to{box-shadow:0 0 #2ee6c000}}@keyframes ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes breathe{50%{transform:scale(1.05);box-shadow:0 30px 70px -18px #ff6e50e6}}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes bump{0%{opacity:0;transform:translateY(6px)scale(.7)}}@keyframes nudge-icon{50%{transform:scale(1.15)}}@keyframes nudge-a{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes nudge-b{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes hourglass{0%,40%{transform:rotate(0)}60%,to{transform:rotate(180deg)}}@keyframes art-in{to{opacity:.4}}@keyframes drift-1{to{transform:translate(14vmax,9vmax)scale(1.15)}}@keyframes drift-2{to{transform:translate(-12vmax,12vmax)scale(.9)}}@keyframes drift-3{to{transform:translate(10vmax,-10vmax)scale(1.2)}}@media (prefers-reduced-motion:reduce){:not(.toast-progress),:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.toast-progress{opacity:0}.eq.is-playing i{animation:none!important}.eq.is-playing i:first-child{transform:scaleY(.45)}.eq.is-playing i:nth-child(2){transform:scaleY(.9)}.eq.is-playing i:nth-child(3){transform:scaleY(.6)}.eq.is-playing i:nth-child(4){transform:scaleY(.75)}.aurora,.vinyl.is-spinning,.text-gradient{animation:none!important}}