:root{color-scheme:light dark;--canvas: #ffffff;--ink: #000000;--paper-2: #f6f6f7;--panel: #ffffff;--border: #ececed;--hair: #e4e4e6;--muted: #6b6f76;--indigo: #4d49fc;--focus: var(--state-edge);--danger: #d92d4a;--danger-ink: color-mix(in srgb, var(--danger) 85%, var(--ink));--on-ink: var(--panel);--fx-blend: multiply;--fx-ink: #14161c;--fx-edge-mix: 34%;--fx-halo: 26%;--fx-halo-size: 60px;--fx-topline: 34%;--fx-now-halo: 22%;--fx-now-edge-mix: 26%;--fx-ring: var(--fx-acc);--fx-ring-peak: 58%;--fx-ring-soft: 30%;--fx-ring-faint: 22%;--fx-beam: 30%;--fx-beam-2: 22%;--fx-floor: 28%;--fx-breathe: 30%;--accent: var(--indigo);--accent-hover: color-mix(in srgb, var(--accent) 92%, #fff);--accent-wash: color-mix(in srgb, var(--accent) 12%, transparent);--accent-wash-faint: color-mix(in srgb, var(--accent) 6%, transparent);--accent-edge: color-mix(in srgb, var(--accent) 38%, var(--hair));--accent-ink: color-mix(in srgb, var(--accent) var(--accent-ink-mix, 33%), var(--ink));--accent-ink-mix: 33%;--on-accent: #ffffff;--now-rail: var(--accent);--heart: #dd4b66;--surface-0: var(--canvas);--surface-1: var(--panel);--surface-2: color-mix(in srgb, var(--panel) 96%, var(--ink));--state-edge: var(--ink);--state-wash: color-mix(in srgb, var(--ink) 14%, transparent);--state-wash-strong: color-mix(in srgb, var(--ink) 20%, transparent);--danger-edge: color-mix(in srgb, var(--danger-ink) 80%, var(--border));--danger-wash: color-mix(in srgb, var(--danger) 6%, transparent);--on-danger: #ffffff;--warning: #8a5300;--warning-ink: color-mix(in srgb, var(--warning) 85%, var(--ink));--warning-edge: color-mix(in srgb, var(--warning-ink) 80%, var(--border));--warning-wash: color-mix(in srgb, var(--warning) 8%, transparent);--on-warning: #ffffff;--success: #00734a;--success-ink: color-mix(in srgb, var(--success) 85%, var(--ink));--success-edge: color-mix(in srgb, var(--success-ink) 80%, var(--border));--success-wash: color-mix(in srgb, var(--success) 8%, transparent);--on-success: #ffffff;--color-primary: var(--ink);--color-canvas: var(--canvas);--color-border: var(--border);--color-indigo: var(--indigo);--color-focus: var(--focus);--color-on-primary: var(--on-ink);--color-muted: var(--muted);--font-ui: ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Nanum Gothic", sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--sans: var(--font-ui);--mono: var(--font-mono);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 24px;--space-xl: 32px;--float-top: 14px;--float-btn: 44px;--banner-top: calc(var(--float-top) + var(--float-btn) + 10px);--radius-control: 8px;--radius-hero: 16px;--radius-segment: 50px;--radius-full: 9999px;--r-control: 8px;--r-hero: 16px;--r-pill: 50px;--shadow-panel: 0 24px 70px rgba(0, 0, 0, .1);--shadow: 0 24px 70px rgba(0, 0, 0, .1);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .05)}@media (prefers-color-scheme: dark){:root{--canvas: #0a0a0c;--ink: #f4f4f6;--paper-2: #141417;--panel: #111114;--border: #232327;--hair: #26262b;--muted: #8b8f98;--on-ink: var(--canvas);--fx-blend: screen;--fx-ink: #ffffff;--fx-edge-mix: 62%;--fx-halo: 78%;--fx-halo-size: 110px;--fx-topline: 78%;--fx-now-halo: 62%;--fx-now-edge-mix: 46%;--fx-ring: var(--fx-ink);--fx-ring-peak: 100%;--fx-ring-soft: 55%;--fx-ring-faint: 45%;--fx-beam: 88%;--fx-beam-2: 68%;--fx-floor: 92%;--fx-breathe: 96%;--fx-vignette: rgba(0, 0, 0, .55);--danger: #ff6b81;--warning: #ffb454;--success: #3ddc97;--on-danger: #000000;--on-warning: #000000;--on-success: #000000;--accent-ink-mix: 75%;--shadow-panel: 0 24px 70px rgba(0, 0, 0, .55);--shadow: 0 24px 70px rgba(0, 0, 0, .55);--shadow-sm: 0 2px 12px rgba(0, 0, 0, .4)}}:root[data-theme=dark]{--canvas: #0a0a0c;--ink: #f4f4f6;--paper-2: #141417;--panel: #111114;--border: #232327;--hair: #26262b;--muted: #8b8f98;--shadow-panel: 0 24px 70px rgba(0, 0, 0, .55);--shadow: 0 24px 70px rgba(0, 0, 0, .55);--shadow-sm: 0 2px 12px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--canvas);overscroll-behavior:none;height:100%}body{height:100%;overflow:hidden;overscroll-behavior:none;background:radial-gradient(120% 80% at 15% -10%,var(--song-glow-1, var(--glow-1, transparent)),transparent 55%),radial-gradient(90% 70% at 100% 0%,var(--song-glow-2, var(--glow-2, transparent)),transparent 50%),transparent;background-attachment:fixed;color:var(--ink);font-family:var(--sans);font-size:16px;font-weight:400;line-height:1.42;letter-spacing:-.14px;-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-text-size-adjust:100%;word-break:keep-all;overflow-wrap:break-word}#root{height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.mono-label,.lab{font-family:var(--mono);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-weight:500}.btn{font-family:var(--sans);font-size:16px;font-weight:600;height:49px;padding:12px 21px;border-radius:var(--radius-control);border:1px solid var(--ink);background:var(--ink);color:var(--on-ink);cursor:pointer;transition:filter .12s ease,transform .06s ease;box-shadow:var(--shadow-sm)}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn--indigo{background:linear-gradient(180deg,var(--accent-hover),var(--accent));border-color:color-mix(in srgb,var(--accent) 76%,#000);color:var(--on-accent);box-shadow:0 4px 12px -4px color-mix(in srgb,var(--indigo) 45%,transparent),inset 0 1px #ffffff47}.btn--indigo:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 6px -3px color-mix(in srgb,var(--indigo) 40%,transparent),inset 0 1px #fff3}.btn--outline{background:transparent;color:var(--ink);border-color:var(--accent-edge);box-shadow:none}.btn--icon{height:40px;width:40px;padding:0;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.4;cursor:default}.btn:hover:not(:disabled){filter:brightness(.94)}.btn:active:not(:disabled){transform:translateY(1px)}.btn--outline:hover:not(:disabled){filter:none;border-color:var(--ink)}@media (prefers-reduced-motion: reduce){.btn{transition:none}}input[type=text],input[type=url],input[type=password]{font-family:var(--sans);font-size:16px;height:49px;padding:12px 16px;border-radius:var(--radius-control);border:1px solid var(--hair);background:var(--canvas);color:var(--ink)}input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::placeholder{color:var(--muted)}.pwfield{position:relative;display:block}.pwfield input{width:100%;padding-right:46px}.pweye{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .12s ease}.pweye:hover,.pweye[aria-pressed=true]{color:var(--ink)}@media (prefers-reduced-motion: reduce){.pweye{transition:none}}:root{--colw: 860px}@media (min-width: 1000px){:root{--colw: 1400px}}.floatstack{position:fixed;top:var(--float-top);z-index:60;--edge: max(clamp(16px, 4vw, 48px), calc((100vw - var(--colw)) / 2))}.floatstack--theme{right:var(--edge)}.floatstack--members{right:calc(var(--edge) + 46px)}.floatstack--share{right:calc(var(--edge) + 92px)}.floatstack--help{right:calc(var(--edge) + 138px)}.floatstack--leave{top:auto;right:var(--edge);bottom:calc(14px + env(safe-area-inset-bottom,0px))}.entrynote{margin:0 0 12px;padding:10px 12px 10px 13px;border-radius:10px;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border));border-left:3px solid var(--danger);background:var(--paper-2);color:var(--ink);font-size:13px;line-height:1.55}.floatbtn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:color .12s ease,border-color .12s ease}.floatbtn:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%}.floatbtn:not(.floatstack){position:relative}.floatbtn:hover:not(:disabled){border-color:var(--ink)}@media (prefers-reduced-motion: reduce){.floatbtn{transition:none}}@media (pointer: coarse){.floatbtn{width:44px;height:44px}.floatstack--members{right:calc(var(--edge) + 52px)}.floatstack--share{right:calc(var(--edge) + 104px)}.floatstack--help{right:calc(var(--edge) + 156px)}.requeue,.x{width:44px;height:44px}.mrename{width:36px;height:36px}}@media (max-width: 560px){.stage,.phonewrap{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}}.mlist-row{display:flex;align-items:center;gap:10px;padding:9px 8px;min-width:0;border-bottom:1px solid var(--hair)}.mlist-row:last-child{border-bottom:0}.mrename{width:26px;height:26px;border-radius:50%;border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mrename:hover{color:var(--ink)}.mrow{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:10px 12px;border-radius:8px;border:1px solid var(--hair);background:var(--paper-2);color:var(--ink);font:inherit;font-size:14px;cursor:pointer;transition:border-color .12s ease}.mrow:hover:not(:disabled){border-color:var(--ink)}.mrow__hint{color:var(--muted);font-size:12px;flex-shrink:0}@media (prefers-reduced-motion: reduce){.mrow{transition:none}}.badge{font-family:var(--mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ink);background:color-mix(in srgb,var(--ink) 10%,transparent);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:var(--r-pill);padding:4px 10px;font-weight:600}.badge--default{text-transform:none;letter-spacing:.3px;color:var(--accent-ink);background:color-mix(in srgb,var(--indigo) 12%,transparent);border-color:color-mix(in srgb,var(--indigo) 32%,transparent);padding:3px 9px}.now__deftag{margin-left:8px;vertical-align:middle}.onair{display:flex;align-items:center;gap:9px}.dot{width:9px;height:9px;border-radius:50%;background:var(--indigo);box-shadow:0 0 rgba(var(--accent-rgb, 77, 73, 252),.5);flex-shrink:0}@media (prefers-reduced-motion: no-preference){.dot{animation:pulse 2s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--accent-rgb, 77, 73, 252),.5)}70%{box-shadow:0 0 0 10px rgba(var(--accent-rgb, 77, 73, 252),0)}to{box-shadow:0 0 rgba(var(--accent-rgb, 77, 73, 252),0)}}}.onair .lab{color:var(--ink);font-weight:600;letter-spacing:1.6px}.stage{min-height:100vh;min-height:100dvh;padding:clamp(28px,5vh,72px) clamp(16px,4vw,48px) 72px;display:flex;flex-direction:column;align-items:center}.player{width:100%;max-width:760px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-hero);box-shadow:var(--shadow);overflow:hidden;align-self:flex-start}.player-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid var(--hair)}.player-top .left{display:flex;align-items:center;gap:12px}.player-top>.roomttl{flex:0 1 auto;min-width:0}.qcount{font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--muted);font-variant-numeric:tabular-nums}.hero-video{position:relative;aspect-ratio:16 / 9;background:#000}.hero-video>div,.hero-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;border:0}.hero-video iframe{pointer-events:none}.np{padding:24px 28px 24px 24px;border-inline-start:4px solid var(--now-rail);display:flex;flex-direction:column}.np .ey{margin-bottom:10px;display:block}.np__lab{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.np__lab .ey{margin-bottom:0}.np h2{font-size:clamp(16px,1.9vw,22px);font-weight:600;letter-spacing:-.02em;line-height:1.25;margin:0;text-wrap:balance}.np .meta{display:flex;align-items:center;gap:10px;margin-top:14px}.reqby{font-family:var(--mono);font-size:12px;letter-spacing:.3px;border:1px solid var(--hair);border-radius:var(--r-pill);padding:5px 12px;color:var(--muted)}.reqby b{color:var(--ink);font-weight:600}.transport{display:flex;align-items:center;gap:12px;margin-top:22px}.icbtn{width:46px;height:46px;flex-shrink:0;border-radius:50%;border:1px solid var(--ink);background:var(--ink);color:var(--on-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:transform .12s ease}.icbtn.ghost{background:transparent;color:var(--ink);border-color:var(--hair)}.icbtn:hover:not(:disabled){transform:scale(1.06)}.icbtn:disabled{opacity:.4;cursor:default}.icbtn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (prefers-reduced-motion: reduce){.icbtn{transition:none}}.cue{border-top:1px solid var(--hair);padding:16px 22px 22px}.cue .lab{display:block;margin-bottom:6px;letter-spacing:1.6px}.row{display:grid;grid-template-columns:34px 46px 1fr auto;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid var(--hair)}.row:last-child{border-bottom:0}.pos{font-family:var(--mono);font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:1px}.thumb{width:46px;height:46px;border-radius:6px;object-fit:cover;background:var(--paper-2);flex-shrink:0}.title{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.req{font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap}.empty{color:var(--muted);font-size:14px;padding:8px 0}.deftracks{display:flex;flex-direction:column;gap:12px;padding:8px 12px 4px}.deftracks__intro{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--indigo) 6%,var(--panel));border:1px solid color-mix(in srgb,var(--indigo) 22%,var(--hair))}.deftracks__glyph{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;color:var(--accent-ink);background:color-mix(in srgb,var(--indigo) 12%,transparent)}.deftracks__lede{margin:0;font-size:13.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.4}.deftracks__sub{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}.deftracks__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.deftracks__item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;transition:background .12s ease}.deftracks__item.is-playing{background:color-mix(in srgb,var(--indigo) 10%,transparent)}.deftracks__thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;background:var(--hair);flex-shrink:0}.deftracks__meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.deftracks__title{font-size:13.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deftracks__by{font-family:var(--mono);font-size:10.5px;letter-spacing:.3px;color:var(--accent-ink)}.deftracks__x{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;padding:4px 8px;border-radius:8px;flex-shrink:0}.deftracks__x:hover:not(:disabled){color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.deftracks__x:disabled{opacity:.4;cursor:default}.deftracks__hint{margin:0;padding:2px 2px 0;font-size:12px;line-height:1.5;color:var(--muted);word-break:keep-all}.deftracks__hint b{color:var(--accent-ink);font-weight:700}.deftracks__add{display:flex;flex-direction:column;gap:6px;margin-top:2px}.deftracks__addlab{padding:4px 2px 0;display:block}.handoff{border-top:1px solid var(--hair);padding:16px 22px 22px}.handoff .lab{display:block;margin-bottom:10px;letter-spacing:1.6px}.member{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--hair)}.member:last-child{border-bottom:0}.member .who{display:flex;align-items:center;gap:10px;min-width:0}.member .who b{font-weight:600}.member .cid{font-family:var(--mono);font-size:11px;color:var(--muted)}.passbtn{height:34px;padding:0 14px;border:1px solid var(--hair);border-radius:var(--r-control);background:transparent;color:var(--ink);font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer}.passbtn:hover{border-color:var(--ink)}.passbtn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.phonewrap{min-height:100vh;min-height:100dvh;padding:clamp(28px,5vh,64px) 16px 72px;display:flex;justify-content:center}.phonecol{display:flex;flex-direction:column;align-items:center;min-width:0;width:100%;max-width:860px;gap:24px}@media (min-width: 1000px){.phonecol--video{display:grid;grid-template-columns:1.5fr 1fr;align-items:stretch;max-width:1400px}.phonecol--video .guest-brand{grid-column:1 / -1}.phonecol--video>.phone{align-self:stretch}.phonecol--video>.phone:last-child .screen--queue{height:100%}}.guest-brand{display:flex;justify-content:center}.phone{border:1px solid var(--border);border-radius:30px;background:var(--panel);box-shadow:var(--shadow);padding:12px;max-width:860px;width:100%;align-self:flex-start}.screen{border-radius:20px;background:var(--canvas);border:1px solid var(--hair);overflow:hidden}.screen--info{padding-bottom:16px}.screen--queue{min-height:clamp(280px,38vh,420px);display:flex;flex-direction:column}.screen--queue>.rlist{flex:1 1 auto}.rhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 20px 4px}.rhead .brand{font-size:20px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:10px;min-width:0}.rhead .roomname{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25}@media (max-width: 480px){.rhead{flex-wrap:wrap}.rhead>.brand{flex:1 1 100%;align-items:flex-start}.rhead>.live{margin-left:auto}.rhead .roomname{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em}}.toast-live{position:fixed;left:0;right:0;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:150;padding-inline:var(--space-md);pointer-events:none}.toast{width:fit-content;max-width:100%;margin-inline:auto;display:flex;align-items:center;gap:8px;padding:11px 18px;border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--ink);font-size:14px;white-space:normal;overflow-wrap:anywhere;text-align:center;animation:toast-in .18s ease-out}.toast--danger{border-color:color-mix(in srgb,var(--danger-ink) 80%,var(--border));color:var(--danger-ink);pointer-events:auto}.toast__count{flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums}.toast__close{flex-shrink:0;position:relative;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:inherit;font:inherit;font-size:12px;line-height:1;cursor:pointer}.toast__close:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px;border-radius:50%}.toast__close:hover{background:color-mix(in srgb,var(--danger) 16%,transparent)}.toast__barbtn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid color-mix(in srgb,var(--danger-ink) 70%,var(--panel));border-radius:var(--r-pill);background:color-mix(in srgb,var(--danger) 8%,var(--panel));color:inherit;font:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer}.toast__barbtn:hover{background:color-mix(in srgb,var(--danger) 18%,var(--panel))}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width: 560px){.toast-live{left:16px;right:76px;padding-inline:0}}.ritem{animation:row-in .22s ease-out}@keyframes row-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.toast,.ritem{animation:none}}.cdlg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:color-mix(in srgb,#000 55%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:cdlg-in .12s ease-out}.cdlg__panel{width:min(380px,100%);padding:22px;border-radius:var(--r-hero);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);animation:cdlg-pop .14s ease-out}.cdlg__msg{margin:0 0 18px;color:var(--ink);font-size:15px;line-height:1.5}.cdlg__row{display:flex;gap:8px}.cdlg__row .btn{flex:1}.cdlg__danger{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}@keyframes cdlg-in{0%{opacity:0}}@keyframes cdlg-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.tour__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300}.tour__spot{position:fixed;z-index:301;border-radius:12px;box-shadow:0 0 0 9999px color-mix(in srgb,#000 68%,transparent);outline:2px solid var(--indigo);outline-offset:0;pointer-events:none;transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease}.tour__callout{position:fixed;z-index:302;padding:16px;border-radius:14px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);animation:cdlg-pop .14s ease-out}.tour__title{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.2px}.tour__body{margin:0 0 14px;font-size:13.5px;line-height:1.5;color:var(--muted);word-break:keep-all}.tour__nav{display:flex;align-items:center;gap:8px}.tour__count{margin-right:auto;font-family:var(--mono);font-size:12px;color:var(--muted)}.tour__skip{background:transparent;border:0;color:var(--muted);font-size:13px;cursor:pointer;padding:6px 4px}.tour__skip:hover{color:var(--ink)}.tour__btn{padding:7px 14px;border-radius:var(--r-control);border:1px solid var(--hair);background:transparent;color:var(--ink);font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer}.tour__btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tour__btn:focus-visible,.tour__skip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.tour__callout{animation:none}.tour__spot{transition:none}.cdlg,.cdlg__panel{animation:none}}.tbtn{position:relative;display:inline-flex}.reqbadge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-family:var(--mono);font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--panel)}.prog{display:flex;flex-direction:column;gap:6px}.prog__track{height:4px;border-radius:999px;background:color-mix(in srgb,var(--ink) 12%,transparent);overflow:hidden}.prog__fill{height:100%;border-radius:999px;background:var(--indigo);transition:width 1s linear}.prog__times{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}@media (prefers-reduced-motion: reduce){.prog__fill{transition:none}}.requeue{width:34px;height:34px;border-radius:50%;border:1px solid var(--hair);background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .12s ease,border-color .12s ease}.requeue:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.requeue:disabled{opacity:.4;cursor:default}.requeue--on{color:var(--ink);border-color:var(--ink);background:color-mix(in srgb,var(--ink) 14%,transparent)}.requeue--on:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 20%,transparent)}.hbtn{width:32px;height:32px;border-radius:50%;flex-shrink:0;border:1px solid var(--hair);background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.hbtn:hover:not(:disabled){color:var(--heart);border-color:color-mix(in srgb,var(--heart) 45%,var(--hair))}.hbtn--on{color:var(--heart);border-color:color-mix(in srgb,var(--heart) 55%,var(--hair));background:color-mix(in srgb,var(--heart) 14%,transparent)}.hbtn:disabled{opacity:.45;cursor:default}.heartgrp{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.hcount{font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);min-width:1ch}.hcount--on{color:var(--ink)}@keyframes mq-heartbeat{0%{filter:brightness(1);transform:scale(1)}9%{filter:brightness(1.42);transform:scale(1.13)}18%{filter:brightness(1.02);transform:scale(1.01)}27%{filter:brightness(1.3);transform:scale(1.08)}40%,to{filter:brightness(1);transform:scale(1)}}.hbtn--on svg{animation:mq-heartbeat 1.9s ease-in-out infinite;transform-origin:center}:root[data-song-still] .hbtn--on svg{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.hbtn--on svg{animation:none}}@media (pointer: coarse){.requeue{width:44px;height:44px}}@media (prefers-reduced-motion: reduce){.requeue{transition:none}}.mirror{position:relative;aspect-ratio:16 / 9;background:#000;margin:12px 20px 0;border-radius:12px;overflow:hidden}.mirror>div,.mirror iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;border:0}.mirror__block{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:default}.live{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.5px;font-variant-numeric:tabular-nums}.live .dot{width:7px;height:7px}.hostline{display:flex;align-items:center;gap:8px;padding:6px 20px 0;font-family:var(--mono);font-size:11px;letter-spacing:.5px;color:var(--muted)}.hostline b{color:var(--ink);font-weight:600}.radd{padding:14px 20px 8px}.field{display:flex;align-items:center;gap:8px;min-height:52px;padding:6px 6px 6px 16px;border:1px solid var(--hair);border-radius:var(--r-control);background:var(--paper-2)}.field:focus-within{outline:2px solid var(--focus);outline-offset:2px}.field input{flex:1 1 auto;min-width:0;height:auto;min-height:40px;border:0;background:transparent;font-family:var(--sans);font-size:15px;color:var(--ink);outline:none;letter-spacing:-.14px;padding:0}.addbtn{height:40px;padding:0 18px;flex-shrink:0;white-space:nowrap;border:0;border-radius:var(--r-control);background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:var(--on-accent);font-family:var(--sans);font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 4px 12px -4px color-mix(in srgb,var(--accent) 45%,transparent),inset 0 1px #ffffff42;transition:filter .12s ease,transform .06s ease}.addbtn:hover:not(:disabled){filter:brightness(1.05)}.addbtn:active:not(:disabled){transform:translateY(1px)}.addbtn:disabled{opacity:.4;cursor:default}.addbtn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ssearch{display:flex;flex-direction:column;gap:8px}.rec-chips{display:flex;flex-wrap:wrap;gap:6px}.rec-chip{align-self:flex-start;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--indigo) 40%,var(--hair));background:color-mix(in srgb,var(--indigo) 8%,transparent);color:var(--ink);font-family:var(--sans);font-size:12.5px;font-weight:500;cursor:pointer;transition:border-color .12s ease,background .12s ease}.rec-chip:hover:not(:disabled){border-color:var(--indigo);background:color-mix(in srgb,var(--indigo) 15%,transparent)}.rec-chip:disabled{opacity:.6;cursor:default}.rec-chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sresults{list-style:none;margin:2px 0 0;padding:4px;display:flex;flex-direction:column;gap:2px;max-height:264px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--hair);border-radius:12px;background:var(--canvas)}.sresult{width:100%;display:flex;align-items:center;gap:10px;padding:6px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;cursor:pointer;transition:background .12s ease}.sresult:hover:not(:disabled),.sresult:focus-visible{background:color-mix(in srgb,var(--indigo) 12%,transparent);outline:none}.sresult:disabled{opacity:.5;cursor:default}.sresult__thumb{width:52px;height:39px;flex-shrink:0;border-radius:6px;object-fit:cover;background:var(--hair)}.sresult--name{padding:9px 10px}.sresult__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.sresult__title{font-size:13px;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sresult__ch{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nick{margin-top:10px;font-family:var(--mono);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nick b{color:var(--ink);font-weight:600}.nick button{background:none;border:0;color:var(--muted);font-family:var(--mono);font-size:11px;cursor:pointer;text-decoration:underline}.nick input{height:30px;font-size:13px;padding:4px 8px}.errline{color:var(--danger-ink);font-weight:600;font-size:13px;padding:6px 20px 0}.takeover{margin:14px 14px 4px;padding:16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--indigo) 38%,var(--hair));background:color-mix(in srgb,var(--indigo) 9%,var(--panel));display:flex;flex-direction:column;gap:13px}.takeover p{font-size:13.5px;line-height:1.5;color:var(--muted);margin:0;word-break:keep-all}.takeover p b{color:var(--ink)}.takeover__row{display:flex;gap:10px}.takeover__row .big{flex:1}.takeover .big{width:100%;height:46px;border:0;border-radius:var(--r-control);background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:var(--on-accent);font-family:var(--sans);font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 4px 12px -4px color-mix(in srgb,var(--accent) 45%,transparent),inset 0 1px #ffffff42;transition:filter .12s ease,transform .06s ease}.takeover .big--ghost{background:transparent;color:var(--ink);border:1px solid var(--hair);box-shadow:none}.takeover .big--ghost:hover:not(:disabled){border-color:var(--ink);filter:none}.takeover .big:hover:not(:disabled){filter:brightness(1.05)}.takeover .big:active:not(:disabled){transform:translateY(1px)}.takeover .big:disabled{opacity:.5;cursor:default}.takeover .big:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.now{margin:12px 14px 0;padding:14px 16px 14px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--hair));border-inline-start:4px solid var(--now-rail);display:flex;flex-direction:column;gap:12px}.now__lab{color:var(--accent-ink);letter-spacing:1.6px;display:flex;align-items:center;justify-content:space-between;gap:10px}.now__head{display:flex;align-items:center;gap:12px;min-width:0}.now .thumb{flex-shrink:0}.now .title{flex:1;min-width:0;font-weight:600;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.now .eqbars{flex-shrink:0}.now__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.eqbars{display:flex;align-items:flex-end;gap:2px;height:16px}.eqbars i{width:3px;background:var(--indigo);border-radius:2px;height:40%}@media (prefers-reduced-motion: no-preference){.eqbars i{animation:eq .9s ease-in-out infinite}.eqbars i:nth-child(2){animation-delay:.15s}.eqbars i:nth-child(3){animation-delay:.3s}.eqbars i:nth-child(4){animation-delay:.45s}@keyframes eq{0%,to{height:30%}50%{height:100%}}}.rlist{padding:12px 8px 18px;max-height:46vh;overflow-y:auto;overscroll-behavior:contain}.rlist .lab{padding:10px 12px 6px;display:block;letter-spacing:1.6px}.ritem{display:grid;grid-template-columns:30px 40px 1fr auto 28px;align-items:center;gap:10px;padding:8px 12px;border-radius:10px}.ritem:hover{background:var(--paper-2)}.reord{display:inline-flex;gap:2px;flex-shrink:0}.reord__btn{width:26px;height:26px;border-radius:6px;border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.reord__grip{width:28px;height:28px;border-radius:6px;border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.reord__grip:hover{color:var(--ink)}.reord__grip.is-dragging{cursor:grabbing;color:var(--ink)}.ritem.is-dragging{opacity:.4}.ritem.is-dropbefore:before,.droptail{content:"";display:block;height:2px;border-radius:2px;background:var(--ink)}.ritem.is-dropbefore{position:relative}.ritem.is-dropbefore:before{position:absolute;left:8px;right:8px;top:-1px}.droptail{margin:0 8px}@media (prefers-reduced-motion: reduce){.ritem.is-dragging{opacity:.4}}.reord__btn:hover:not(:disabled){color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.reord__btn:disabled{opacity:.25;cursor:default}@media (pointer: coarse){.reord__btn{width:40px;height:40px}}.ritem .pos{font-size:13px}.ritem .thumb{width:40px;height:40px}.ritem .title{font-size:14px}.ritem .rq{font-family:var(--mono);font-size:11px;color:var(--muted)}.brandlogo{display:block;height:min(var(--logo-h, 48px),16vw);width:auto}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%) translateY(3px);padding:5px 9px;border-radius:7px;background:var(--ink);color:var(--canvas);font-family:var(--sans);font-size:12px;font-weight:500;line-height:1.25;letter-spacing:0;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:400}[data-tip]:before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%) translateY(3px);border:5px solid transparent;border-top-color:var(--ink);opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:400}@media (hover: hover){[data-tip]:hover:after,[data-tip]:hover:before,[data-tip]:focus-visible:after,[data-tip]:focus-visible:before{opacity:1;transform:translate(-50%) translateY(0)}}.morewrap{position:relative;flex-shrink:0;margin-left:auto}.moremenu{padding:6px;border-radius:12px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);z-index:200;display:flex;flex-direction:column;gap:2px;max-height:80vh;overflow-y:auto}.moremenu__row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:14px;cursor:pointer;text-align:left}.moremenu__row:hover:not(:disabled){background:var(--paper-2)}.moremenu__row:disabled{opacity:.4;cursor:default}.moremenu__label{flex:1;min-width:0}.moremenu__sub{display:block;margin-top:3px;font-size:11.5px;line-height:1.35;color:var(--muted);white-space:normal}.moremenu__state{flex-shrink:0;font-family:var(--mono);font-size:11px;letter-spacing:.5px;color:var(--muted);padding:2px 8px;border-radius:999px;border:1px solid var(--hair)}.moremenu__state.on{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.addbtn--icon{width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;position:relative}.addbtn--icon:after{content:"";position:absolute;top:-2px;right:0;bottom:-2px;left:0}.addbtn__spin{width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,var(--on-accent) 40%,transparent);border-top-color:var(--on-accent);animation:mq-spin .7s linear infinite}@keyframes mq-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.addbtn__spin{animation:none}}.hero-stage{position:relative}.radio-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(60% 60% at 50% 45%,color-mix(in srgb,var(--indigo) 30%,#000),#000 75%);color:color-mix(in srgb,var(--indigo) 60%,#fff)}.radio-cover__pulse{width:54px;height:54px;border-radius:50%;background:color-mix(in srgb,var(--indigo) 70%,transparent);box-shadow:0 0 color-mix(in srgb,var(--indigo) 55%,transparent);animation:mq-radio-pulse 1.8s ease-out infinite}.radio-cover__label{font-family:var(--mono);font-size:12px;letter-spacing:1.6px}.radio-cover__sub{margin-top:-8px;font-size:12px;color:color-mix(in srgb,var(--indigo) 30%,#fff)}.hero-video.is-radio iframe{width:320px!important;height:180px!important}@keyframes mq-radio-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--indigo) 50%,transparent)}to{box-shadow:0 0 0 26px transparent}}.ritem--host{grid-template-columns:auto 30px 40px 1fr auto auto 28px}.ritem--guest{grid-template-columns:30px 40px 1fr auto auto 28px}.defstar{width:30px;height:30px;flex-shrink:0;border-radius:50%;border:1px solid var(--hair);background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .12s ease,border-color .12s ease}.defstar:hover:not(:disabled){color:var(--accent-ink);border-color:var(--indigo)}.defstar.is-default{color:var(--accent-ink);border-color:color-mix(in srgb,var(--indigo) 40%,var(--hair))}.defstar:disabled{opacity:.4;cursor:default}.defstar:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.defstar{transition:none}}.np__deftxt{font-size:12.5px;color:var(--muted)}.defchip{justify-self:start;font-family:var(--mono);font-size:10px;letter-spacing:.4px;color:var(--accent-ink);background:color-mix(in srgb,var(--indigo) 12%,transparent);border:1px solid color-mix(in srgb,var(--indigo) 30%,transparent);border-radius:var(--r-pill);padding:2px 7px;white-space:nowrap}.title--play{min-width:0;text-align:left;background:transparent;border:0;padding:0;color:var(--ink);font:inherit;font-size:14px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title--play:hover{color:var(--accent-ink)}.hicon--sm{width:30px;height:30px}:root{--fx-acc: var(--accent)}:root[data-bg=snow] body:before,:root[data-bg=snow] body:after,:root[data-bg=sparkle] body:before,:root[data-bg=sparkle] body:after,:root[data-bg=stage] body:before,:root[data-bg=stage] body:after,:root[data-bg=breathe] body:before,:root[data-bg=all] body:before,:root[data-bg=all] body:after{content:"";position:fixed;z-index:-1;pointer-events:none;mix-blend-mode:var(--fx-blend)}:root[data-bg=snow] body:before,:root[data-bg=snow] body:after,:root[data-bg=all] body:after{top:0;right:0;bottom:0;left:0;background-repeat:repeat}:root[data-bg=snow] body:before{background-image:radial-gradient(circle .45vmin at 18% 12%,var(--fx-acc) 0,transparent 68%),radial-gradient(circle .3vmin at 62% 30%,var(--fx-ink) 0,transparent 68%),radial-gradient(circle .55vmin at 84% 62%,var(--fx-acc) 0,transparent 68%),radial-gradient(circle .3vmin at 34% 78%,var(--fx-ink) 0,transparent 68%),radial-gradient(circle .4vmin at 8% 54%,var(--fx-acc) 0,transparent 68%),radial-gradient(circle .32vmin at 48% 52%,var(--fx-ink) 0,transparent 68%),radial-gradient(circle .42vmin at 72% 88%,var(--fx-acc) 0,transparent 68%),radial-gradient(circle .28vmin at 28% 34%,var(--fx-ink) 0,transparent 68%),radial-gradient(circle .48vmin at 94% 16%,var(--fx-acc) 0,transparent 68%);background-size:16vmin 20vmin;animation:mq-snow-a 19s linear infinite}:root[data-bg=snow] body:after{background-image:radial-gradient(circle .3vmin at 44% 18%,var(--fx-ink) 0,transparent 68%),radial-gradient(circle .5vmin at 76% 44%,var(--fx-acc) 0,transparent 68%),radial-gradient(circle .32vmin at 12% 86%,var(--fx-ink) 0,transparent 68%),radial-gradient(circle .42vmin at 92% 24%,var(--fx-acc) 0,transparent 68%),radial-gradient(circle .26vmin at 58% 66%,var(--fx-ink) 0,transparent 68%),radial-gradient(circle .44vmin at 24% 52%,var(--fx-acc) 0,transparent 68%),radial-gradient(circle .3vmin at 86% 74%,var(--fx-ink) 0,transparent 68%);background-size:25vmin 30vmin;animation:mq-snow-b 34s linear infinite;opacity:.85}@keyframes mq-snow-a{to{background-position:2.5vmin 20vmin}}@keyframes mq-snow-b{to{background-position:-3vmin 30vmin}}:root[data-bg=sparkle] body:before,:root[data-bg=sparkle] body:after,:root[data-bg=all] body:before{top:0;right:0;bottom:0;left:0;background-repeat:no-repeat}:root[data-bg=sparkle] body:before{background-image:radial-gradient(ellipse .22vmin 2.6vmin at 12% 22%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse 2.6vmin .22vmin at 12% 22%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse .24vmin 3.2vmin at 68% 12%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse 3.2vmin .24vmin at 68% 12%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse .2vmin 2.2vmin at 88% 72%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse 2.2vmin .2vmin at 88% 72%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse .22vmin 2.8vmin at 30% 82%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse 2.8vmin .22vmin at 30% 82%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse .2vmin 2vmin at 52% 46%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse 2vmin .2vmin at 52% 46%,var(--fx-ink) 0,transparent 70%);animation:mq-tw-a 3.2s ease-in-out infinite alternate}:root[data-bg=sparkle] body:after{background-image:radial-gradient(ellipse .2vmin 2vmin at 46% 34%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse 2vmin .2vmin at 46% 34%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse .22vmin 2.6vmin at 92% 30%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse 2.6vmin .22vmin at 92% 30%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse .22vmin 2.4vmin at 6% 62%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse 2.4vmin .22vmin at 6% 62%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse .2vmin 2.2vmin at 76% 88%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse 2.2vmin .2vmin at 76% 88%,var(--fx-ink) 0,transparent 70%);animation:mq-tw-b 4.6s ease-in-out infinite alternate-reverse}@keyframes mq-tw-a{0%{opacity:.35}to{opacity:1}}@keyframes mq-tw-b{0%{opacity:1}to{opacity:.25}}:root[data-bg=stage] body:before,:root[data-bg=all] body:before{left:50%;top:-40vh;width:150vw;height:150vh;margin-left:-75vw;filter:blur(22px);background-image:conic-gradient(from 168deg at 50% 0%,transparent 0deg,color-mix(in srgb,var(--fx-acc) var(--fx-beam),transparent) 8deg,transparent 17deg),conic-gradient(from 182deg at 50% 0%,transparent 0deg,color-mix(in srgb,var(--fx-acc) var(--fx-beam-2),transparent) 7deg,transparent 15deg);animation:mq-sway 11s ease-in-out infinite alternate}:root[data-bg=stage] body:after{left:50%;bottom:-14vh;width:78vw;height:46vh;margin-left:-39vw;border-radius:50%;filter:blur(34px);background:radial-gradient(closest-side,color-mix(in srgb,var(--fx-acc) var(--fx-floor),transparent),transparent 74%)}@keyframes mq-sway{0%{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}:root[data-bg=stage]:after,:root[data-bg=all]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(72% 62% at 50% 48%,transparent 34%,var(--fx-vignette) 100%)}:root{--fx-vignette: rgba(0, 0, 0, .16)}:root[data-bg=breathe] body:before{left:50%;top:50%;width:78vmax;height:78vmax;margin:-39vmax 0 0 -39vmax;border-radius:50%;filter:blur(46px);background:radial-gradient(closest-side,color-mix(in srgb,var(--fx-acc) var(--fx-breathe),transparent),transparent 76%);animation:mq-breathe 2.6s cubic-bezier(.42,0,.4,1) infinite}@keyframes mq-breathe{0%{transform:scale(.8);opacity:.45}26%{transform:scale(1.22);opacity:1}52%{transform:scale(.92);opacity:.58}72%{transform:scale(1.09);opacity:.86}to{transform:scale(.8);opacity:.45}}:root[data-bg=all] body:after{background-image:radial-gradient(ellipse .22vmin 2.4vmin at 14% 24%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse 2.4vmin .22vmin at 14% 24%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse .24vmin 2.8vmin at 86% 70%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse 2.8vmin .24vmin at 86% 70%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse .2vmin 2vmin at 74% 16%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse 2vmin .2vmin at 74% 16%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse .22vmin 2.2vmin at 28% 78%,var(--fx-ink) 0,transparent 70%),radial-gradient(ellipse 2.2vmin .22vmin at 28% 78%,var(--fx-ink) 0,transparent 70%);background-repeat:no-repeat;background-size:auto;animation:mq-tw-a 3.6s ease-in-out infinite alternate}@media (prefers-reduced-motion: reduce){:root[data-bg=snow] body:before,:root[data-bg=snow] body:after,:root[data-bg=sparkle] body:before,:root[data-bg=sparkle] body:after,:root[data-bg=stage] body:before,:root[data-bg=breathe] body:before,:root[data-bg=all] body:before,:root[data-bg=all] body:after,.radio-cover__pulse{animation:none}}:root[data-song-still] body:before,:root[data-song-still] body:after,:root[data-song-still] .glowcard:before,:root[data-song-still] .glowcard:after{animation-play-state:paused}.history{padding:4px 8px 6px}.history__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:transparent;border:0;border-top:1px solid var(--hair);color:var(--muted);cursor:pointer}.history__toggle:hover{color:var(--ink)}.history__toggle .lab{letter-spacing:1.6px}.history__chev{font-size:11px;transition:transform .15s ease;transform:rotate(-90deg)}.history--open .history__chev{transform:rotate(0)}.history__list{max-height:34vh;overflow-y:auto;overscroll-behavior:contain}.hitem{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:6px 12px;border-radius:10px}.hitem:hover{background:var(--paper-2)}.hitem .thumb{width:40px;height:40px;filter:grayscale(.35);opacity:.9}.hitem .title{font-size:14px;color:var(--muted)}.hitem__replay{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--hair);background:transparent;color:var(--muted);cursor:pointer}.hitem__replay:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.hitem__replay:disabled{opacity:.5;cursor:default}.x{width:34px;height:34px;border-radius:50%;border:1px solid var(--hair);background:transparent;color:var(--muted);cursor:pointer;font-size:12px;line-height:1}.x:hover{color:var(--ink);border-color:var(--ink)}.x:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.gate{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.gate-card{width:100%;max-width:360px;background:color-mix(in srgb,var(--accent) 6%,var(--panel));border:1px solid var(--accent-edge);border-radius:var(--r-hero);box-shadow:var(--shadow);padding:28px 24px}.gate-card h1{font-size:28px;font-weight:600;letter-spacing:-.03em;margin:10px 0 6px}.gate-card .sub{color:var(--muted);font-size:14px;margin:0 0 20px}.gate-card form{display:flex;flex-direction:column;gap:12px}.gate-card input{width:100%}.gate-card .err{color:var(--danger-ink);font-weight:600;font-size:13px;margin:0}:root[data-theme=navy]{--canvas: #0a0f22;--paper-2: #141b34;--panel: #121a35;--border: #29335c;--hair: #222c50;--muted: #8b94bd;--ink: #eaeefb;--indigo: #6f6cff;--accent-rgb: 111, 108, 255;--on-accent: #000000;--glow-1: #16204a;--glow-2: #1a1748;--shadow: 0 30px 80px rgba(0, 0, 0, .5);--shadow-sm: 0 2px 14px rgba(0, 0, 0, .35)}:root[data-theme=midnight]{--canvas: #060608;--paper-2: #17171d;--panel: #0e0e12;--border: #26262e;--hair: #202027;--muted: #8b8b96;--ink: #f2f2f5;--indigo: #7c7bff;--accent-rgb: 124, 123, 255;--on-accent: #000000;--glow-1: #171734;--glow-2: #141428;--shadow: 0 30px 80px rgba(0, 0, 0, .6);--shadow-sm: 0 2px 14px rgba(0, 0, 0, .45)}:root[data-theme=forest]{--canvas: #07130f;--paper-2: #16281f;--panel: #0e1d17;--border: #24402f;--hair: #1d3427;--muted: #86a394;--ink: #e7f2ea;--indigo: #14a17a;--accent-rgb: 20, 161, 122;--on-accent: #000000;--glow-1: #123a2a;--glow-2: #0c2c40;--shadow: 0 30px 80px rgba(0, 0, 0, .5);--shadow-sm: 0 2px 14px rgba(0, 0, 0, .35)}:root[data-theme=wine]{--canvas: #150a10;--paper-2: #2e1824;--panel: #22111a;--border: #47283a;--hair: #3a2030;--muted: #b892a4;--ink: #f6e9ef;--indigo: #d63e72;--accent-rgb: 214, 62, 114;--on-accent: #000000;--glow-1: #3a1226;--glow-2: #2a1030;--shadow: 0 30px 80px rgba(0, 0, 0, .55);--shadow-sm: 0 2px 14px rgba(0, 0, 0, .4)}:root[data-theme=sunset]{--canvas: #170f0a;--paper-2: #322217;--panel: #241811;--border: #4a3223;--hair: #3c2818;--muted: #bd9f88;--ink: #f7ece2;--indigo: #ef7c2e;--accent-rgb: 239, 124, 46;--on-accent: #000000;--glow-1: #3a2410;--glow-2: #2e1810;--shadow: 0 30px 80px rgba(0, 0, 0, .5);--shadow-sm: 0 2px 14px rgba(0, 0, 0, .35)}:root[data-theme=light]{--canvas: #ffffff;--paper-2: #f6f6f7;--panel: #ffffff;--border: #ececed;--hair: #e4e4e6;--muted: #6b6f76;--ink: #000000;--indigo: #4d49fc;--accent-rgb: 77, 73, 252;--on-accent: #ffffff;--glow-1: transparent;--glow-2: transparent;--shadow-panel: 0 24px 70px rgba(0, 0, 0, .1);--shadow: 0 24px 70px rgba(0, 0, 0, .1);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .05)}:root[data-theme=ivory]{--canvas: #f2ede1;--paper-2: #eee8da;--panel: #faf6ec;--border: #ddd4c0;--hair: #e6ddcb;--muted: #6f6553;--ink: #34302a;--indigo: #4d49fc;--accent-rgb: 77, 73, 252;--on-accent: #ffffff;--glow-1: transparent;--glow-2: transparent;--shadow: 0 24px 70px rgba(80, 70, 50, .12);--shadow-sm: 0 2px 10px rgba(80, 70, 50, .08)}:root[data-theme=gray]{--canvas: #e7e8eb;--paper-2: #e6e7ea;--panel: #f3f4f6;--border: #ccd0d6;--hair: #d9dbdf;--muted: #5b606c;--ink: #23262c;--indigo: #4d49fc;--accent-rgb: 77, 73, 252;--on-accent: #ffffff;--glow-1: transparent;--glow-2: transparent;--shadow: 0 24px 70px rgba(20, 25, 40, .1);--shadow-sm: 0 2px 10px rgba(20, 25, 40, .06)}:root[data-theme=ocean]{--canvas: #03111a;--paper-2: #0e2c3a;--panel: #091f2b;--border: #184254;--hair: #143848;--muted: #7ba7b9;--ink: #e4f2f7;--indigo: #17b0c4;--accent-rgb: 23, 176, 196;--on-accent: #000000;--glow-1: #072b3c;--glow-2: #0a2842;--shadow: 0 30px 80px rgba(0, 0, 0, .5);--shadow-sm: 0 2px 14px rgba(0, 0, 0, .35)}:root[data-theme=rose]{--canvas: #f8eef0;--paper-2: #f4e7ea;--panel: #fffbfc;--border: #e8d2d8;--hair: #f0e0e5;--muted: #6e5560;--ink: #33262b;--indigo: #c2255c;--accent-rgb: 194, 37, 92;--on-accent: #ffffff;--glow-1: transparent;--glow-2: transparent;--shadow: 0 24px 70px rgba(90, 45, 60, .12);--shadow-sm: 0 2px 10px rgba(90, 45, 60, .08)}:root[data-theme=navy],:root[data-theme=midnight],:root[data-theme=forest],:root[data-theme=wine],:root[data-theme=sunset],:root[data-theme=ocean],:root[data-theme=dark]{--danger: #ff6b81;--on-ink: var(--canvas);--fx-blend: screen;--fx-ink: #ffffff;--fx-vignette: rgba(0, 0, 0, .55);--fx-edge-mix: 62%;--fx-halo: 78%;--fx-halo-size: 110px;--fx-topline: 78%;--fx-now-halo: 62%;--fx-now-edge-mix: 46%;--fx-ring: var(--fx-ink);--fx-ring-peak: 100%;--fx-ring-soft: 55%;--fx-ring-faint: 45%;--fx-beam: 88%;--fx-beam-2: 68%;--fx-floor: 92%;--fx-breathe: 96%;--warning: #ffb454;--success: #3ddc97;--on-danger: #000000;--on-warning: #000000;--on-success: #000000;--accent-ink-mix: 75%}:root[data-theme=light],:root[data-theme=ivory],:root[data-theme=gray],:root[data-theme=rose]{--danger: #d92d4a;--on-ink: var(--panel);--fx-blend: multiply;--fx-ink: #14161c;--warning: #8a5300;--success: #00734a;--on-danger: #ffffff;--on-warning: #ffffff;--on-success: #ffffff;--accent-ink-mix: 33%}.mchip{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focusable:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (max-width: 560px){:root{--top-gutter: 104px}.phonewrap,.stage{padding-top:var(--top-gutter)}}.player,.screen{-webkit-backdrop-filter:blur(18px) saturate(1.9);backdrop-filter:blur(18px) saturate(1.9);border-color:color-mix(in srgb,var(--indigo) 20%,var(--border));box-shadow:var(--shadow),0 24px 70px -34px color-mix(in srgb,var(--indigo) 45%,transparent)}:root{--glass-mix: 66%;--glass-mix-screen: 60%}:root[data-bg=stage],:root[data-bg=breathe],:root[data-bg=all]{--glass-mix: 95%;--glass-mix-screen: 92%}.player{background:color-mix(in srgb,var(--panel) var(--glass-mix),transparent)}.player,.screen{border-color:color-mix(in srgb,var(--fx-acc) var(--fx-edge-mix),var(--border));box-shadow:var(--shadow),0 0 var(--fx-halo-size) -4px color-mix(in srgb,var(--fx-acc) var(--fx-halo),transparent),inset 0 1px color-mix(in srgb,var(--fx-acc) var(--fx-topline),transparent)}.now{box-shadow:0 0 44px -4px color-mix(in srgb,var(--fx-acc) var(--fx-now-halo),transparent);border-color:color-mix(in srgb,var(--fx-acc) var(--fx-now-edge-mix),var(--hair))}@property --mq-bl{syntax: "<angle>"; initial-value: 0deg; inherits: false;}:root[data-bg=sparkle] .player,:root[data-bg=sparkle] .screen,:root[data-bg=sparkle] .now,:root[data-bg=all] .player,:root[data-bg=all] .screen,:root[data-bg=all] .now{position:relative}:root[data-bg=sparkle] .player:before,:root[data-bg=sparkle] .screen:before,:root[data-bg=sparkle] .now:before,:root[data-bg=all] .player:before,:root[data-bg=all] .screen:before,:root[data-bg=all] .now:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;z-index:0;pointer-events:none;background:conic-gradient(from var(--mq-bl),transparent 0deg 40deg,color-mix(in srgb,var(--fx-ring) var(--fx-ring-soft),transparent) 62deg,color-mix(in srgb,var(--fx-ring) var(--fx-ring-peak),transparent) 76deg,color-mix(in srgb,var(--fx-ring) var(--fx-ring-soft),transparent) 90deg,transparent 112deg 220deg,color-mix(in srgb,var(--fx-ring) var(--fx-ring-faint),transparent) 242deg,color-mix(in srgb,var(--fx-ring) var(--fx-ring-peak),transparent) 256deg,color-mix(in srgb,var(--fx-ring) var(--fx-ring-faint),transparent) 270deg,transparent 292deg 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:mq-borderlight 5s linear infinite}@keyframes mq-borderlight{to{--mq-bl: 360deg}}:root[data-song-still][data-bg=sparkle] .player:before,:root[data-song-still][data-bg=sparkle] .screen:before,:root[data-song-still][data-bg=sparkle] .now:before,:root[data-song-still][data-bg=all] .player:before,:root[data-song-still][data-bg=all] .screen:before,:root[data-song-still][data-bg=all] .now:before{animation-play-state:paused}@media (prefers-reduced-motion: reduce){:root[data-bg=sparkle] .player:before,:root[data-bg=sparkle] .screen:before,:root[data-bg=sparkle] .now:before,:root[data-bg=all] .player:before,:root[data-bg=all] .screen:before,:root[data-bg=all] .now:before{animation:none}}.screen{background:color-mix(in srgb,var(--panel) var(--glass-mix-screen),transparent)}.moremenu{background:color-mix(in srgb,var(--panel) 82%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.75);backdrop-filter:blur(16px) saturate(1.75)}.dot{filter:drop-shadow(0 0 7px var(--indigo))}.prog__fill{background:linear-gradient(90deg,var(--indigo),color-mix(in srgb,var(--indigo) 35%,#fff),var(--indigo));background-size:220% 100%;box-shadow:0 0 12px -1px color-mix(in srgb,var(--indigo) 75%,transparent);animation:mq-sheen 2.4s linear infinite}@keyframes mq-sheen{to{background-position:-220% 0}}.addbtn{box-shadow:0 6px 20px -6px color-mix(in srgb,var(--indigo) 60%,transparent),inset 0 1px #ffffff47}@media (prefers-reduced-motion: reduce){.prog__fill{animation:none}}.cdlg__choices{display:flex;flex-direction:column;gap:8px;margin:14px 0 12px}.choice{display:flex;flex-direction:column;gap:3px;width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--hair);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease}.choice:hover{border-color:var(--indigo);background:color-mix(in srgb,var(--indigo) 10%,transparent)}.choice:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.choice__label{font-size:15px;font-weight:600}.choice__hint{font-size:12.5px;color:var(--muted);line-height:1.35}.choice--danger:hover{border-color:var(--danger-edge);background:var(--danger-wash)}.choice--danger .choice__label{color:var(--danger-ink)}.mirror--audio{height:64px;aspect-ratio:auto;pointer-events:none}.mirror--audio .mirror__stage,.mirror--audio .mirror__stage iframe{width:320px!important;height:180px!important}.mirror__tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;background:color-mix(in srgb,var(--accent) 22%,#000);color:var(--on-accent);font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.6px}.mirror__tap:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}.mirror__audiocover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;background:radial-gradient(70% 120% at 50% 50%,color-mix(in srgb,var(--indigo) 26%,#000),#000 78%);color:color-mix(in srgb,var(--indigo) 55%,#fff);font-family:var(--mono);font-size:11.5px;letter-spacing:.6px}.mirror iframe{pointer-events:none}.mirror__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(60% 60% at 50% 45%,color-mix(in srgb,var(--indigo) 22%,#000),#000 78%);pointer-events:none}.mirror__cover-dot{width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--indigo) 70%,transparent);animation:mq-radio-pulse 1.8s ease-out infinite}.mirror__cover-label{font-family:var(--mono);font-size:11px;letter-spacing:1.4px;color:color-mix(in srgb,var(--indigo) 45%,#fff)}@media (prefers-reduced-motion: reduce){.mirror__cover-dot{animation:none}}.mkick{flex-shrink:0;font-family:var(--mono);font-size:10px;letter-spacing:.5px;padding:3px 8px;border-radius:999px;border:1px solid var(--hair);background:transparent;color:var(--muted);cursor:pointer}.mkick:hover{color:var(--danger-ink);border-color:var(--danger-edge);background:var(--danger-wash)}.smore{width:100%;padding:10px;margin-top:4px;border-radius:10px;border:1px dashed var(--hair);background:transparent;color:var(--muted);font-family:var(--mono);font-size:12px;letter-spacing:.5px;cursor:pointer}.smore:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.smore:disabled{opacity:.5;cursor:default}.spager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px;padding:4px 0}.spager__btn{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--hair);background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;transition:color .15s,border-color .15s}.spager__btn:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.spager__btn:disabled{opacity:.35;cursor:default}.spager__pos{min-width:46px;text-align:center;font-family:var(--mono);font-size:12px;letter-spacing:.5px;color:var(--muted);font-variant-numeric:tabular-nums}.updbar{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:400;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:10px 12px 10px 16px;border-radius:999px;background:color-mix(in srgb,var(--accent) 6%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:var(--shadow)}.updbar__text{display:flex;flex-direction:column;gap:1px;min-width:0}.updbar__msg{font-size:13px;color:var(--ink);white-space:nowrap}.updbar__what{font-size:11.5px;color:var(--muted);max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.updbar__btn{flex-shrink:0;padding:6px 12px;border-radius:999px;border:0;background:var(--accent);color:var(--on-accent);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.updbar__btn:disabled{opacity:.65;cursor:default}.updbar__btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.updbar__close{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:12px}.updbar__close:hover{color:var(--ink)}.connstack{position:sticky;top:0;z-index:500;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;padding-inline:var(--space-md);pointer-events:none}.lobbypage{padding-top:clamp(24px,5vh,56px)}#root:has(.connstack>.connbar) :is(.phonewrap,.stage,.lobbypage){padding-top:0}.connstack:has(>.connbar){min-height:var(--top-gutter, calc(var(--float-top) + var(--float-btn)))}.connstack>.connbar:first-child{margin-top:var(--banner-top)}.connstack>.connbar:last-child{margin-bottom:var(--space-md)}.residentstack{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;padding-inline:var(--space-md);pointer-events:none}.residentstack:has(.toast)>*{margin-top:var(--banner-top)}.connstack:has(>.connbar)+.residentstack:has(.toast)>*{margin-top:0}.residentstack:has(.toast){margin-bottom:var(--space-md)}.residentstack:has(.toast){min-height:var(--top-gutter, calc(var(--float-top) + var(--float-btn)))}.connstack:has(>.connbar)+.residentstack:has(.toast){min-height:0}#root:has(.residentstack .toast) :is(.phonewrap,.stage,.lobbypage){padding-top:0}#root:has(.residentstack .toast) [role=dialog]:not(.tour__callout){top:calc(max(var(--float-top) + var(--float-btn),var(--resident-bottom, 0px)) + var(--space-sm))!important;max-height:calc(100dvh - max(var(--float-top) + var(--float-btn),var(--resident-bottom, 0px)) - var(--space-sm) - var(--float-top))!important}.connbar{pointer-events:auto}.connbar{display:flex;align-items:center;gap:10px;max-width:100%;padding:8px 16px;border-radius:999px;background:color-mix(in srgb,var(--accent) 6%,var(--panel));color:var(--ink);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:var(--shadow-sm)}.connbar--danger{background:var(--danger-wash);border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.connbar__dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--indigo);animation:connpulse 1.4s ease-in-out infinite}.connbar--danger .connbar__dot{background:var(--danger);animation:none}@keyframes connpulse{0%,to{opacity:.35}50%{opacity:1}}.connbar__text{display:flex;align-items:baseline;gap:8px;min-width:0}.connbar__msg{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}.connbar__sub{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connbar__btn{flex-shrink:0;padding:6px 12px;border-radius:999px;border:0;background:var(--accent);color:var(--on-accent);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.connbar__btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.errboundary{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--canvas)}.errboundary__card{max-width:340px;width:100%;text-align:center;padding:28px 24px;border-radius:var(--radius-hero);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.errboundary__title{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--ink)}.errboundary__msg{margin:0 0 18px;font-size:14px;color:var(--muted)}.errboundary__btn{padding:10px 22px;border-radius:999px;border:0;background:var(--accent);color:var(--on-accent);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.kicked{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--canvas)}.kicked__card{max-width:340px;width:100%;text-align:center;padding:28px 24px;border-radius:var(--radius-hero);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.kicked__title{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--ink)}.kicked__msg{margin:0 0 18px;font-size:14px;color:var(--muted)}.kicked__btn{padding:10px 22px;min-height:44px;border-radius:999px;border:0;background:var(--accent);color:var(--on-accent);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.kicked__btn+.kicked__btn{display:block;margin:10px auto 0}.kicked__btn--quiet{background:transparent;color:var(--ink);border:1px solid var(--border)}.errboundary__det{margin-top:18px;text-align:left}.errboundary__sum{cursor:pointer;font-size:13px;color:var(--muted);padding:12px 4px;min-height:44px;display:flex;align-items:center}.errboundary__hint{margin:0 0 8px;font-size:12px;color:var(--muted)}.errboundary__pre{margin:0;padding:10px;border-radius:var(--radius-sm, 8px);background:var(--canvas);border:1px solid var(--border);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5;max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-word}.errboundary__copy{margin-top:10px;padding:10px 16px;min-height:44px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}