@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#1a1f2e;--paper:#eef0fa;--mist:#5c6375;--line:#dcdee3;--track:#9498a2;--night:#0d0f1f;--mist-on-night:#a3a8c8;--line-on-night:#262a47;--mint:#a7eacc;--sky:#b1d5fb;--lilac:#d5c3f8;--butter:#f6e5a4;--rose:#fdbdca;--font:"Figtree Variable", "Figtree", system-ui, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(16px, 4vw, 40px);--container:1160px;--space-hair:4px;--space-tight:8px;--space-stack:12px;--space-row:16px;--space-pad:20px;--space-group:24px;--space-region:32px;--space-section:clamp(40px, 5vw, 64px);--app-gutter:max(clamp(16px, 2.8vw, 40px), env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));--page-top:clamp(32px, 3.5vw, 48px);--hit:44px;--dock-h:0px;--mini-h:63px;--mini-lift:0px;--gnav-w:clamp(208px, 16vw, 248px);--dim-delay:.15s;--ease-exit:cubic-bezier(.4, 0, 1, 1);--t-press:60ms;--t-feedback:.14s;--t-state:.22s;--t-view:.22s;--t-exit:.14s;--t-move:.3s;--t-flow:.52s;--flow-stagger:40ms;--rise:6px;--breathe:1.6s;--motion:1;--bg:var(--night);--surface:#151830;--sunken:#090a16;--fg:var(--paper);--muted:var(--mist-on-night);--rule:var(--line-on-night);--rule-strong:#383d62;--mint-text:var(--mint);--sky-text:var(--sky);--lilac-text:var(--lilac);--butter-text:var(--butter);--rose-text:var(--rose);--mint-soft:#243039;--sky-soft:#262d40;--lilac-soft:#2b2a40;--butter-soft:#302f33;--rose-soft:#312939;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=760px){:root{--dock-h:calc(61px + env(safe-area-inset-bottom))}}@property --now-tone{syntax:"<color>";inherits:true;initial-value:#a7eacc}@property --now-text{syntax:"<color>";inherits:true;initial-value:#a7eacc}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;caret-color:var(--fg);accent-color:var(--fg);margin:0;font-size:17px;line-height:1.6}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:4px}::selection{background:var(--sky);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--rule-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.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}.t-display{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(40px,6vw,64px);font-weight:600;line-height:1.05}.t-headline{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(30px,4.2vw,44px);font-weight:600;line-height:1.1}.t-title{letter-spacing:-.015em;font-size:32px;font-weight:600;line-height:1.15}.t-lede{text-wrap:pretty;max-width:34ch;font-size:clamp(19px,2vw,22px);line-height:1.5}.t-sub{font-size:18px;font-weight:600;line-height:1.3}.t-label{font-feature-settings:"tnum" 1;font-size:14px;font-weight:500;line-height:1.35}.t-caption{font-size:13px;line-height:1.35}.muted{color:var(--muted)}.tnum{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.btn{border:1px solid var(--rule);height:44px;color:var(--fg);white-space:nowrap;transition:border-color var(--t-feedback) var(--ease), background-color var(--t-feedback) var(--ease), transform calc(var(--t-feedback) * var(--motion)) var(--ease);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:15px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn:active{transition-duration:var(--t-press);transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.btn-ink{background:var(--fg);border-color:var(--fg);color:var(--bg)}.btn-ink:hover{border-color:var(--fg);background:color-mix(in oklch, var(--fg) 86%, var(--bg))}.btn-quiet{border-color:#0000}.btn-quiet:hover{border-color:var(--rule);background:color-mix(in oklch, var(--fg) 4%, transparent)}.btn-sm{gap:8px;height:34px;padding:0 12px;font-size:14px}.btn-icon{width:40px;padding:0}.link-arrow{align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex}.link-arrow svg{transition:transform calc(var(--t-state) * var(--motion)) var(--ease)}.link-arrow:hover svg{transform:translate(3px)}.chip{color:var(--ink);border-radius:50%;flex:none;place-items:center;display:inline-grid}.chip[data-job=playback]{background:var(--mint)}.chip[data-job=queue]{background:var(--sky)}.chip[data-job=modes]{background:var(--lilac)}.chip[data-job=room]{background:var(--butter)}.chip[data-job=stop]{background:var(--rose)}.dot{width:9px;height:9px;box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--ink) 70%, transparent);border-radius:50%;flex:none;display:inline-block}.dot[data-job=playback]{background:var(--mint)}.dot[data-job=queue]{background:var(--sky)}.dot[data-job=modes]{background:var(--lilac)}.dot[data-job=room]{background:var(--butter)}.dot[data-job=stop]{background:var(--rose)}@property --moon{syntax:"<number>";inherits:true;initial-value:0}.mark-moon{--moon:0;transition:--moon var(--moon-out) var(--moon-ease)}.mark-moon .moon-rest{opacity:clamp(0, 1 - var(--moon) * 1000, 1)}.mark-moon .moon-night{opacity:clamp(0, var(--moon) * 1000, 1)}:is(a,button):focus-visible>.mark-moon{--moon:1;transition-duration:var(--moon-in)}@media (hover:hover){:is(a,button):hover>.mark-moon{--moon:1;transition-duration:var(--moon-in)}}@media (prefers-reduced-motion:reduce){.mark-moon{transition:none}.mark-moon .moon-night{--moon:1;opacity:0}.mark-moon .moon-rest{opacity:1}.mark-moon .moon-rest,.mark-moon .moon-night{transition:opacity var(--t-state) var(--ease)}:is(a,button):focus-visible>.mark-moon .moon-rest{opacity:0}:is(a,button):focus-visible>.mark-moon .moon-night{opacity:1}}@media (prefers-reduced-motion:reduce) and (hover:hover){:is(a,button):hover>.mark-moon .moon-rest{opacity:0}:is(a,button):hover>.mark-moon .moon-night{opacity:1}}.select{appearance:none;border:1px solid var(--rule);background-color:var(--surface);min-width:0;max-width:100%;height:40px;transition:border-color var(--t-feedback) var(--ease), opacity 0s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M6.5 9.5L12 15l5.5-5.5' fill='none' stroke='%23a3a8c8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:8px;padding:0 38px 0 12px;font-size:15px}.select:hover{border-color:var(--muted)}.select:disabled{opacity:.45;cursor:not-allowed;transition:border-color var(--t-feedback) var(--ease), opacity var(--t-feedback) var(--ease) var(--dim-delay)}.select:disabled:hover{border-color:var(--rule)}.select-sm{background-position:right 10px center;height:34px;padding:0 34px 0 12px;font-size:14px}.input{border:1px solid var(--rule);background:var(--surface);border-radius:8px;min-width:0;height:40px;padding:0 12px;font-size:15px}.input::placeholder{color:var(--muted)}.input:hover{border-color:var(--muted)}@media (pointer:coarse){.select,.select-sm,.input{height:var(--hit)}:root :is(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),select,textarea){font-size:16px}.btn-sm,.link-arrow{min-height:var(--hit)}}.switch{appearance:none;border:1px solid var(--rule-strong);background:var(--sunken);cursor:pointer;width:44px;height:26px;transition:background-color var(--t-state) var(--ease), border-color var(--t-state) var(--ease), opacity 0s;border-radius:999px;flex:none;margin:0;position:relative}.switch:after{content:"";background:var(--fg);width:18px;height:18px;transition:transform calc(var(--t-state) * var(--motion)) var(--ease), background-color var(--t-state) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.switch:checked{background:var(--lilac);border-color:var(--lilac)}.switch:checked:after{background:var(--ink);transform:translate(18px)}.switch:disabled{opacity:.45;cursor:not-allowed;transition:background-color var(--t-state) var(--ease), border-color var(--t-state) var(--ease), opacity var(--t-feedback) var(--ease) var(--dim-delay)}.range{--fill:0%;--tone:var(--mint);appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--tone) 0 var(--fill), color-mix(in oklch, var(--track) 45%, transparent) var(--fill) 100%);border-radius:999px;height:6px}.range::-moz-range-track{background:color-mix(in oklch, var(--track) 45%, transparent);border-radius:999px;height:6px}.range::-moz-range-progress{background:var(--tone);border-radius:999px;height:6px}.range::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle, var(--ink) 0 4px, var(--tone) 4.5px);width:18px;height:18px;box-shadow:0 0 0 1.5px var(--ink);transition:transform var(--t-press) var(--ease);border-radius:50%;margin-top:-6px}.range::-moz-range-thumb{background:radial-gradient(circle, var(--ink) 0 4px, var(--tone) 4.5px);width:18px;height:18px;box-shadow:0 0 0 1.5px var(--ink);transition:transform var(--t-press) var(--ease);border:0;border-radius:50%}.range:hover::-webkit-slider-thumb{transform:scale(1.12)}.range:hover::-moz-range-thumb{transform:scale(1.12)}.range:active::-webkit-slider-thumb{transform:scale(1.2)}.range:active::-moz-range-thumb{transform:scale(1.2)}.range:disabled{cursor:not-allowed;opacity:.5}.skeleton{background:linear-gradient(90deg, var(--sunken) 0%, color-mix(in oklch, var(--sunken) 60%, var(--surface)) 50%, var(--sunken) 100%);background-size:200% 100%;border-radius:8px;animation:1.4s linear infinite shimmer}@keyframes rise{0%{opacity:0;transform:translateY(var(--rise))}to{opacity:1;transform:none}}@keyframes drop{0%{opacity:0;transform:translateY(calc(-1 * var(--rise)))}}@keyframes arrive{0%{opacity:0;transform:translateX(var(--rise))}}@keyframes fade{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes dim-in{0%{opacity:.4}}@keyframes glyph-in{0%{opacity:0;transform:scale(.85)}}@keyframes pop{0%{opacity:0;transform:scale(.5)}}@keyframes rail-on{0%{opacity:0;transform:scaleY(.3)}}@keyframes menu-in{0%{opacity:0;transform:translate(-4px)}}@keyframes mini-in{0%{transform:translateY(100%)}}@keyframes breathe{to{opacity:.55}}@keyframes shimmer{to{background-position:-200% 0}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(main){animation-duration:0s}::view-transition-old(main){animation:fade-out var(--t-exit) var(--ease-exit) both}::view-transition-new(main){animation:fade var(--t-view) var(--ease) var(--flow-stagger) both}::view-transition{pointer-events:none}::view-transition-group(gside){animation-duration:0s}::view-transition-group(gnav){animation-duration:0s}::view-transition-group(gdock){animation-duration:0s}::view-transition-old(gside){animation:none}::view-transition-old(gnav){animation:none}::view-transition-old(gdock){animation:none}::view-transition-new(gside){animation:none}::view-transition-new(gnav){animation:none}::view-transition-new(gdock){animation:none}::view-transition-old(gside):only-child{animation:fade-out var(--t-exit) var(--ease-exit) both}::view-transition-old(gnav):only-child{animation:fade-out var(--t-exit) var(--ease-exit) both}::view-transition-old(gdock):only-child{animation:fade-out var(--t-exit) var(--ease-exit) both}::view-transition-new(gside):only-child{animation:fade var(--t-view) var(--ease) var(--flow-stagger) both}::view-transition-new(gnav):only-child{animation:fade var(--t-view) var(--ease) var(--flow-stagger) both}::view-transition-new(gdock):only-child{animation:fade var(--t-view) var(--ease) var(--flow-stagger) both}@media (prefers-reduced-motion:reduce){:root:not(:has(.app)) *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}:root:not(:has(.app)) :before{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}:root:not(:has(.app)) :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}:root{--motion:0;--t-press:0s;--t-move:0s;--t-flow:0s;--flow-stagger:0s;--rise:0px;--t-feedback:.12s;--t-state:.15s;--t-view:.15s;--t-exit:.12s}html{scroll-behavior:auto}.skeleton{animation:none}.tile-next,.qrow{transition-property:background-color!important}@keyframes rise{0%{opacity:0;translate:0}to{opacity:1;translate:0}}@keyframes drop{0%{opacity:0}}@keyframes arrive{0%{opacity:0}}@keyframes glyph-in{0%{opacity:0}}@keyframes pop{0%{opacity:0}}@keyframes rail-on{0%{opacity:0}}@keyframes menu-in{0%{opacity:0}}@keyframes mini-in{0%{opacity:0}}::view-transition-group(*){animation-duration:0s}::view-transition-old(main){animation:fade-out var(--t-exit) var(--ease-exit) both}::view-transition-new(main){animation:fade var(--t-exit) var(--ease) both}}:root{--notice-h:0px}.site-notice{z-index:40;padding:9px var(--gutter,16px);color:var(--fg);border-bottom:1px solid var(--rule);justify-content:center;align-items:center;gap:8px 16px;font-size:14px;line-height:1.4;display:flex;position:sticky;top:0}.site-notice[data-job=stop]{background:var(--rose-soft)}.site-notice[data-job=room]{background:var(--butter-soft)}.site-notice-text{text-wrap:pretty;align-items:baseline;gap:10px;min-width:0;max-width:90ch;display:flex}.site-notice-text>.dot{flex:none;transform:translateY(-1px)}.site-notice b{font-weight:600}.site-notice-link{color:var(--fg);text-underline-offset:3px;flex:none;font-weight:600;text-decoration:underline}@media (pointer:coarse){.site-notice-link{padding:10px 0}}.app{--frame:1680px;min-height:calc(100svh - var(--notice-h));grid-template-columns:64px minmax(0,1fr);display:grid}.rail{top:var(--notice-h);z-index:30;height:calc(100svh - var(--notice-h));background:var(--sunken);border-right:1px solid var(--rule);flex-direction:column;align-items:center;gap:10px;padding:14px 0;display:flex;position:sticky}.rail-home{width:44px;height:44px;color:var(--fg);--mark-ground:var(--sunken);flex:none;place-items:center;display:grid}.rail-list{border-top:1px solid var(--rule);scrollbar-width:none;flex-direction:column;align-self:stretch;align-items:center;gap:10px;margin-top:-1px;padding-top:12px;padding-bottom:6px;display:flex;overflow-y:auto}.rail-item{width:44px;height:44px;color:var(--fg);transition:background-color var(--t-feedback) var(--ease);border-radius:12px;place-items:center;text-decoration:none;display:grid;position:relative}.rail-item:hover{background:color-mix(in oklch, var(--fg) 7%, transparent)}.rail-item.active:before{content:"";background:var(--fg);transform-origin:0;border-radius:0 4px 4px 0;width:4px;position:absolute;top:10px;bottom:10px;left:-10px}.rail[data-nav] .rail-item.active:before{animation:rail-on var(--t-state) var(--ease) both}.rail-badge{transition:background-color var(--t-state) var(--ease);border:2px solid var(--sunken);width:12px;height:12px;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--ink) 60%, transparent);border-radius:50%;position:absolute;bottom:3px;right:3px}.rail-badge[data-job=playback]{background:var(--mint)}.rail-badge[data-job=room]{background:var(--butter)}.rail-foot{flex-direction:column;align-items:center;gap:10px;margin-top:auto;display:flex}.gicon{object-fit:cover;border-radius:50%;flex:none}.gicon-text{background:var(--surface);border:1px solid var(--rule);place-items:center;font-size:14px;font-weight:600;display:grid}.account{position:relative}.account summary{cursor:pointer;border-radius:50%;list-style:none}.account summary::-webkit-details-marker{display:none}.account-menu{z-index:40;border:1px solid var(--rule);background:var(--surface);border-radius:12px;gap:2px;min-width:180px;padding:10px;display:grid;position:absolute;bottom:0;left:52px}.account[open] .account-menu{animation:menu-in var(--t-feedback) var(--ease) both}.account-menu .t-label{border-bottom:1px solid var(--rule);margin-bottom:4px;padding:4px 8px 8px}.account-link{text-align:left;transition:background-color var(--t-feedback) var(--ease);background:0 0;border:0;border-radius:8px;padding:7px 8px;font-size:14px;text-decoration:none;display:block}.account-link:hover{background:color-mix(in oklch, var(--fg) 6%, transparent)}.install-steps{padding:0 8px var(--space-tight);color:var(--muted);gap:4px;font-size:14px;display:grid}.install-steps p{margin:0}.install-steps b{color:var(--fg);font-weight:600}.app-main{--edge:max(var(--app-gutter), (100cqi - var(--frame)) / 2);view-transition-name:main;min-width:0;container:main/inline-size}@media (pointer:coarse){.account summary{width:var(--hit);height:var(--hit);place-items:center;display:grid}.account-link{width:100%;min-height:var(--hit);align-items:center;display:flex}}@media (width<=760px){.app{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.rail{z-index:30;align-self:end;gap:var(--space-tight);height:auto;padding:8px var(--app-gutter) calc(8px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--rule);flex-direction:row;order:2;position:sticky;top:auto;bottom:0}.rail-list{padding:6px 0 6px var(--space-tight);border-top:0;border-left:1px solid var(--rule);border-image:linear-gradient(transparent 6px, var(--rule) 6px calc(100% - 6px), transparent calc(100% - 6px)) 1;flex-direction:row;margin:-6px 0;overflow-x:auto}.rail-foot{gap:var(--space-hair);flex-direction:row;margin:0 0 0 auto}.rail-item.active:before{display:none}.account-menu{bottom:52px;left:auto;right:0}.account[open] .account-menu{animation-name:rise}html:has(.app){scroll-padding-bottom:calc(var(--dock-h) + var(--mini-lift,0px) + var(--space-tight))}}.guild{grid-template-columns:minmax(0,1fr);display:grid}.guild-page{min-width:0;container:guild/inline-size}.guild-page:focus{outline:none}.gnav{flex-direction:column;min-height:0;display:flex}.gnav-head{flex:none;align-content:center;gap:2px;min-width:0;display:grid}.gnav-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;line-height:22px;overflow:hidden}.gnav-voice{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.gnav-voice>*{flex:none}.gnav-voice>.gnav-chan{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.gnav-conn{align-items:center;gap:6px;display:inline-flex}.gnav-voice .tag-demo{margin-left:0}.gnav-list{gap:2px;display:grid}.gnav-list>li,.gnav-sub>li{min-width:0}.gnav-item{min-height:40px;color:var(--muted);white-space:nowrap;transition:color var(--t-feedback) var(--ease), background-color var(--t-feedback) var(--ease);border-radius:8px;align-items:center;gap:10px;padding:0 10px 0 7px;font-size:15px;font-weight:500;line-height:1.2;text-decoration:none;display:flex;position:relative}.gnav-item:hover{color:var(--fg);background:color-mix(in oklch, var(--fg) 4%, transparent)}.gnav-item.active{color:var(--fg);background:color-mix(in oklch, var(--fg) 7%, transparent)}.gnav-item[data-within]{color:var(--fg)}.gnav-item:focus-visible,.gnav-subitem:focus-visible{outline-offset:-2px;border-radius:8px}.gnav-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.gnav-ic{width:26px;height:26px;transition:background-color var(--t-state) var(--ease), color var(--t-state) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.gnav-ic[data-job=playback]{--lit:var(--mint)}.gnav-ic[data-job=queue]{--lit:var(--sky)}.gnav-ic[data-job=modes]{--lit:var(--lilac)}.gnav-ic[data-job=room]{--lit:var(--butter)}.gnav-ic[data-job=stop]{--lit:var(--rose)}.gnav-item:is(.active,[data-within])>.gnav-ic{color:var(--ink);background:var(--lit)}.gnav-group{margin:var(--space-group) 10px var(--space-tight);font-weight:600}.gnav-sub{margin:2px 0 var(--space-tight);gap:2px;padding-left:33px;display:grid;position:relative}.gnav-sub:before{content:"";background:var(--rule);width:1px;position:absolute;top:0;bottom:6px;left:19.5px}.gnav-subitem{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;transition:color var(--t-feedback) var(--ease), background-color var(--t-feedback) var(--ease);border-radius:8px;padding:6px 10px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;display:block;position:relative;overflow:hidden}.gnav-subitem:hover{color:var(--fg);background:color-mix(in oklch, var(--fg) 4%, transparent)}.gnav-subitem.active{color:var(--fg);background:color-mix(in oklch, var(--fg) 7%, transparent)}.gnav-sub>li{position:relative}.gnav-sub>li:has(.active):before{content:"";background:var(--fg);border-radius:999px;width:2px;position:absolute;top:6px;bottom:6px;left:-14px}.gnav[data-enter] :is(.gnav-body>.gnav-list>li,.gnav-body>.gnav-group){animation:rise var(--t-view) var(--ease) calc(var(--i,0) * var(--flow-stagger)) both}.gnav-body>.gnav-list>li:nth-child(2){--i:1}.gnav-body>.gnav-list>li:nth-child(3){--i:2}.gnav-body>.gnav-list>li:nth-child(n+4){--i:3}.gnav-body>.gnav-group,.gnav-body>.gnav-group+.gnav-list>li{--i:4}.mp{--now-tone:var(--mint);align-items:center;column-gap:var(--space-stack);background:var(--surface);transition:--now-tone var(--t-state) var(--ease);grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"art text text""seek seek seek""room room ctl";row-gap:10px;display:grid;position:relative}.mp[data-paused]{--now-tone:var(--butter)}.mp>:is(.cover,.chip,.mp-well){grid-area:art}.mp .cover{border-radius:8px}.mp-well{background:var(--sunken);width:48px;height:48px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.mp-text{grid-area:text;min-width:0}.mp-title{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:22px;text-decoration:none;display:block;overflow:hidden}.mp-title:after{content:"";position:absolute;inset:0}.mp:has(.mp-title:hover){background:color-mix(in oklch, var(--fg) 3%, var(--surface))}.mp-title:hover{text-decoration:underline}.mp-title:focus-visible{outline:none}.mp:has(.mp-title:focus-visible){outline:2px solid var(--fg);outline-offset:-2px}.mp-artist{min-width:0;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:13px;line-height:20px;display:flex}.mp-artist>:not(.dot){text-overflow:ellipsis;min-width:0;overflow:hidden}.mp-by{flex:0 auto}.mp-count{flex:none}.mp-seek{grid-area:seek;align-items:center;gap:10px;min-width:0;line-height:18px;display:flex}.mp-time{flex:none;min-width:4ch}.mp-time:last-child{text-align:right}.mp-line{background:color-mix(in oklch, var(--track) 45%, transparent);border-radius:999px;flex:1;height:2px;position:relative}.mp-played{border-radius:inherit;background:var(--now-tone);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.mp-line .knob-run{transform:translate(-100%)}.mp-line .knob{background:radial-gradient(circle, var(--ink) 0 2.2px, var(--now-tone) 2.7px);width:12px;height:12px;margin:-6px 0 0 -6px;top:50%;left:100%}.mp-room{white-space:nowrap;grid-area:room;align-items:center;gap:6px;min-width:0;display:flex}.mp-ctl{z-index:1;grid-area:ctl;justify-content:flex-end;align-items:center;gap:6px;display:flex;position:relative}.mp .ctl-play{margin:0}.mp-search{z-index:1;position:relative}.mp[data-state=idle]{grid-template-areas:"art text text""ctl ctl ctl"}.mp[data-state=idle] .mp-ctl{justify-content:stretch}.mp[data-state=idle] .mp-search{flex:1}.mp[data-state=takeover]{grid-template-areas:"art text text""room room room"}.mp[data-state=takeover] .mp-artist{white-space:normal}.mp[data-arrive]>:is(.cover,.mp-text){animation:arrive var(--t-view) var(--ease) both}@media (pointer:coarse){.mp .ctl-icon,.mp .ctl-play{min-width:var(--hit);min-height:var(--hit);justify-content:center}.mp-search{height:var(--hit)}}@media (width>=960px){.guild{grid-template-columns:var(--gnav-w) minmax(0, 1fr)}.gside{top:var(--notice-h);z-index:25;height:calc(100svh - var(--notice-h));background:var(--sunken);border-right:1px solid var(--rule);view-transition-name:gside;flex-direction:column;min-width:0;display:flex;position:sticky}.gnav{flex:1}.gnav-head{height:68px;padding:0 var(--space-row) 0 var(--space-pad);border-bottom:1px solid var(--rule)}.gnav-body,.gnav>.gnav-list{scrollbar-width:thin;min-height:0;padding:var(--space-stack) var(--space-stack) var(--space-row);flex:1;overflow-y:auto}.gnav>.gnav-list{align-content:start}.gside>.mp{padding:var(--space-row) var(--space-row) var(--space-row) var(--space-pad);border-top:1px solid var(--rule);animation:rise var(--t-view) var(--ease) both;flex:none}}@media (width<=959px){.guild{min-height:calc(100svh - var(--dock-h));flex-direction:column;display:flex}.gside{display:contents}.gnav{border-bottom:1px solid var(--rule);view-transition-name:gnav;order:0}.guild-page{flex:1 0 auto;order:1}.gnav-head{padding:var(--space-stack) var(--app-gutter) 0}.gnav-body,.gnav>.gnav-list{padding:var(--space-tight) var(--app-gutter);scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--app-gutter), #000 calc(100% - var(--app-gutter)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--app-gutter), #000 calc(100% - var(--app-gutter)), transparent);align-items:center;gap:2px;display:flex;overflow-x:auto}.gnav-body::-webkit-scrollbar{display:none}.gnav-body .gnav-list{gap:2px;display:flex}.gnav-list>li{flex:none}.gnav-body>.gnav-list+.gnav-group+.gnav-list{margin-left:var(--space-tight);padding-left:var(--space-tight);border-left:1px solid var(--rule)}.gnav-group,.gnav-sub{display:none}.gnav-item{padding-right:12px}.gnav-item[data-within]{background:color-mix(in oklch, var(--fg) 7%, transparent)}.gside>.mp{bottom:var(--dock-h);z-index:25;padding:8px var(--app-gutter) 10px;border-top:1px solid var(--rule);view-transition-name:gdock;animation:mini-in var(--t-view) var(--ease) both;order:2;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"art text ctl";row-gap:0;position:sticky}.gside>.mp>.mp-line{background:0 0;border-radius:0;height:2px;position:absolute;top:-1px;left:0;right:0}.gside>.mp .mp-well{width:44px;height:44px}.gside>.mp .mp-title{line-height:24px}.gside>.mp[data-state=takeover] .mp-artist{white-space:nowrap}.gside>.mp .mp-room{display:none}.gside>.mp .mp-search{flex:none}html:has(.gside>.mp){--mini-lift:var(--mini-h)}}@media (width>=761px) and (width<=959px){html:has(.gside>.mp){scroll-padding-bottom:calc(var(--mini-h) + var(--space-tight))}:root:has(.gside>.mp) .toasts{bottom:calc(var(--space-pad) + var(--mini-h))}}@media (width<=760px){.gnav-head{align-items:baseline;gap:var(--space-tight);padding-top:10px;display:flex}.gnav-name{flex:0 auto;min-width:0}.gnav-voice{flex:0 auto}.gnav-body,.gnav>.gnav-list{padding-block:4px}.gnav-item,.gnav-body .gnav-item{min-height:36px}.gnav-item:before{content:"";position:absolute;inset:-4px 0}.guild:has(.gv>.topbar) .gnav{border-bottom:0}.topbar:not([data-where]){min-height:0;padding-top:4px;padding-bottom:var(--space-stack)}}@media (pointer:coarse) and (width>=761px){.gnav-item{min-height:var(--hit)}}@media (pointer:coarse){.gnav-subitem{padding-block:12px}}@media (width>=960px){:root:has(.gside) .toasts{left:calc(50% + (64px + var(--gnav-w)) / 2)}}.gv{padding:0 0 var(--space-section);grid-template-columns:minmax(0,1fr);gap:0;display:grid;position:relative}.topbar{top:var(--notice-h);z-index:20;min-height:68px;padding:10px var(--edge);background:var(--bg);border-bottom:1px solid var(--rule);grid-template-columns:minmax(240px,1fr) minmax(280px,560px) 1fr;align-items:center;gap:20px;display:grid;position:sticky}@media (width>=761px){.topbar:not([data-where]){grid-template-columns:1fr minmax(280px,560px) 1fr}.topbar:not([data-where])>.search{grid-column:2}html:has(.gv>.topbar){scroll-padding-top:calc(68px + var(--space-tight))}}.topbar-where{min-width:0}.topbar-guild{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;line-height:1.2;overflow:hidden}.topbar-voice{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.topbar-voice>*{flex:none}.topbar-voice>.topbar-chan{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.topbar-acts{justify-self:end;gap:8px;display:flex}.tag-demo{border-color:var(--rule-strong);margin-left:4px}@media (width<=760px){.topbar{gap:var(--space-stack) var(--space-row);grid-template-columns:minmax(0,1fr) auto;position:static}.topbar .search{grid-column:1/-1}.topbar-acts{grid-area:1/2;display:flex}.topbar-acts .btn{width:var(--hit);height:var(--hit);padding:0}.topbar-act-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gv{padding-bottom:0}}.search{position:relative}.search-field{border:1px solid var(--rule);background:var(--surface);height:44px;color:var(--muted);transition:border-color var(--t-feedback) var(--ease);border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.search-field:focus-within{border-color:var(--fg)}.search-field input{min-width:0;color:var(--fg);background:0 0;border:0;outline:0;flex:1;font-size:15px}.search-field input::placeholder{color:var(--muted)}.search-field input::-webkit-search-cancel-button{display:none}.search-kbd,.search-help kbd,.sm-acts kbd{border:1px solid var(--rule);font-family:var(--font);color:var(--muted);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:13px;font-weight:500}.search-panel{z-index:40;border:1px solid var(--rule);background:var(--surface);animation:drop var(--t-feedback) var(--ease) both;border-radius:12px;padding:10px;position:absolute;top:calc(100% + 8px);left:0;right:0}.search-sources{margin-bottom:8px}.hits{gap:2px;max-height:min(56svh,440px);display:grid;overflow-y:auto}.hit{border-radius:8px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;display:grid}.hit.is-sel{background:var(--sky-soft)}.hit-text{min-width:0}.hit-title,.hit-meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hit-title{font-size:15px;font-weight:500;line-height:22px}.hit-meta{font-size:13px;line-height:18px}.hit-acts{gap:4px;display:flex}.hit-empty{align-items:center;gap:10px;padding:14px 8px;font-size:15px;display:flex}.search-help{padding:8px 6px 2px}@media (hover:none) and (pointer:coarse){.search-kbd{display:none}}.seg-ctl{background:var(--sunken);border:1px solid var(--rule);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.seg-ctl button{height:28px;color:var(--muted);transition:background-color var(--t-feedback) var(--ease), color var(--t-feedback) var(--ease), box-shadow var(--t-feedback) var(--ease);background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:500}.seg-ctl button[aria-checked=true]{background:var(--surface);color:var(--fg);box-shadow:0 0 0 1px var(--rule)}.seg-ctl button:disabled{opacity:.45}@media (pointer:coarse){.seg-ctl button{height:36px;position:relative}.seg-ctl button:after{content:"";position:absolute;inset:-4px 0}}.river{--cap:30px;--art:128px;--now:168px;--band-text:94px;--river-gap:24px;--ring:5px;padding:var(--space-pad) 0 0;border-bottom:1px solid var(--rule)}.river-head{padding-inline:var(--edge);margin-bottom:var(--space-row);justify-content:space-between;align-items:center;gap:16px;display:flex}.river[data-view=river] .river-head{justify-content:flex-end;gap:var(--space-row)}.river-sum{flex-wrap:wrap;gap:8px;display:flex}.river-scroll{padding-bottom:var(--space-pad);padding-inline:var(--edge) var(--app-gutter);scroll-padding-inline:var(--edge) var(--app-gutter);-webkit-mask-image:linear-gradient(90deg, transparent 0, transparent calc(var(--app-gutter) - var(--river-gap)), #000 var(--app-gutter), #000 calc(100% - 48px), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, transparent calc(var(--app-gutter) - var(--river-gap)), #000 var(--app-gutter), #000 calc(100% - 48px), transparent 100%);overflow:auto hidden}.river-swap-in{animation:fade var(--t-view) var(--ease) both}.river-track{align-items:flex-start;gap:var(--river-gap);width:max-content;min-height:calc(var(--now) + var(--cap) + var(--band-text));padding-right:var(--app-gutter);padding-top:calc(var(--now) - var(--art));display:flex;position:relative}.river-track:before{content:"";left:0;right:0;top:calc(var(--now) - var(--art) + var(--cap) + var(--art) + 15px);background:var(--rule);height:2px;position:absolute}.tile{width:var(--art);flex:none;position:relative}.tile-cap{height:var(--cap);color:var(--muted);white-space:nowrap;font-weight:600}.tile-art{width:var(--art);height:var(--art);background:var(--sunken);border-radius:12px;position:relative;overflow:hidden}.tile-art .cover{width:100%;height:100%}.tile-art[data-movable]{cursor:grab}.tile-art[data-movable]:active{cursor:grabbing}.cover{object-fit:cover;background:var(--sunken);border-radius:inherit;display:block}span.cover>svg{width:100%;height:100%}.tile-axis{height:32px;position:relative}.tile-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.tile-meta{white-space:nowrap;margin-top:2px;font-size:13px;line-height:1.35;display:flex;overflow:hidden}.tile-by{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tile-time{white-space:pre;flex:none}.tile-past .tile-art{opacity:var(--age,.55);filter:saturate(.6);transition:opacity var(--t-state) var(--ease), filter var(--t-state) var(--ease)}.tile-past:hover .tile-art{opacity:1;filter:none}.tile-past .tile-art:has(:focus-visible){opacity:1;filter:none}.tile-past .tile-title{color:var(--muted)}.tile-now{--now-tone:var(--mint);--now-text:var(--mint-text);width:var(--now);margin-top:calc(var(--art) - var(--now));margin-inline:var(--ring);transition:--now-tone var(--t-state) var(--ease), --now-text var(--t-state) var(--ease)}.tile-now[data-paused]{--now-tone:var(--butter);--now-text:var(--butter-text)}.tile-now .tile-art{width:var(--now);height:var(--now);outline:2px solid var(--now-tone);outline-offset:3px}.tile-now .tile-cap{color:var(--now-text)}.tile-now .tile-title{font-size:16px}.axis-played{background:var(--now-tone);width:100%;height:2px;box-shadow:0 0 0 .5px var(--now-tone);transform-origin:0;z-index:1;position:absolute;top:15px;left:0;transform:scaleX(0)}.knob-run{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.knob{z-index:3;background:radial-gradient(circle, var(--ink) 0 3.5px, var(--now-tone) 4px);width:18px;height:18px;box-shadow:0 0 0 1.5px var(--ink);border-radius:50%;margin-left:-9px;position:absolute;top:7px;left:0}.tile-empty .tile-hole,.tile-hole{width:100%;height:var(--art);border:1.5px dashed var(--rule-strong);color:var(--muted);background:0 0;border-radius:12px;align-content:center;place-items:center;gap:8px;display:grid}.tile-now.tile-empty{width:var(--art);margin-top:0;margin-inline:0}.tile-now.tile-empty .tile-hole{height:var(--art)}.tile-hole-btn{cursor:pointer;transition:border-color var(--t-feedback) var(--ease), background-color var(--t-feedback) var(--ease)}.tile-hole-btn:hover:not(:disabled){border-color:var(--sky-text);background:var(--sky-soft);color:var(--fg)}.tile-hole-btn:disabled{cursor:not-allowed;opacity:.6}.tile-num{background:var(--paper);min-width:24px;height:24px;color:var(--ink);text-align:center;border-radius:999px;padding:0 7px;font-size:13px;font-weight:600;line-height:24px;position:absolute;top:8px;left:8px}.tile-who{box-shadow:0 0 0 2px var(--paper);border-radius:50%;display:flex;position:absolute;bottom:8px;right:8px}.tile-who .avatar-initials{background:var(--paper);color:var(--ink)}.tile-actions{background:color-mix(in oklch, var(--ink) 55%, transparent);opacity:0;transform:translateY(var(--rise));transition:opacity var(--t-feedback) var(--ease), transform calc(var(--t-feedback) * var(--motion)) var(--ease);justify-content:center;gap:6px;padding:10px 8px;display:flex;position:absolute;inset:auto 0 0}.tile-art:hover .tile-actions,.tile-art:focus-within .tile-actions{opacity:1;transform:none}.tile-act{transition:transform calc(var(--t-state) * var(--motion)) var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.tile-act:hover{transform:translateY(-2px)}.tile-next .tile-art{transition:transform calc(var(--t-feedback) * var(--motion)) var(--ease)}.tile-next.is-dragging{z-index:10;opacity:.9}.tile-next.is-dragging .tile-art{outline:2px solid var(--sky);outline-offset:3px;transform:scale(calc(1 + .03 * var(--motion)))}.tile-add .tile-hole{width:var(--art)}.flip-ghosts{z-index:-1;pointer-events:none;width:0;height:0;list-style:none;position:absolute;top:0;left:0}.flip-ghosts *{animation:none!important}@media (pointer:coarse){.river-scroll{scroll-snap-type:x proximity}.river-track>.tile{scroll-snap-align:start}.tile-act{width:36px;height:36px;position:relative}.tile-act:after{content:"";position:absolute;inset:-4px 0}.tile-art[data-movable]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}@media (width<=760px){.river{--art:112px;--now:148px}.tile-dur{display:none}}.pin{color:inherit;box-shadow:0 0 0 2px var(--bg);cursor:default;outline-offset:5px;background:0 0;border:0;border-radius:50%;margin-left:-11px;padding:0;display:flex;position:absolute;top:5px}.pin:after{content:"";border-radius:50%;position:absolute;inset:-11px 0}.pin[data-solo]:after{inset:-11px}.pin[data-new]{animation:pop var(--t-state) var(--ease) both}.pin[data-job=playback]{--pin:var(--mint)}.pin[data-job=queue]{--pin:var(--sky)}.pin[data-job=modes]{--pin:var(--lilac)}.pin[data-job=room]{--pin:var(--butter)}.pin[data-job=stop]{--pin:var(--rose)}.pin-tip{z-index:30;background:var(--fg);width:max-content;max-width:240px;color:var(--bg);opacity:0;pointer-events:none;transition:opacity var(--t-feedback) var(--ease), transform calc(var(--t-feedback) * var(--motion)) var(--ease);border-radius:8px;padding:7px 10px;font-size:13px;line-height:1.35;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)}.pin:hover .pin-tip,.pin:focus .pin-tip{opacity:1;transform:translate(-50%)}.river-more{padding:var(--space-hair) var(--edge) var(--space-tight)}.qlist{border-top:1px solid var(--rule);display:grid}.river .qlist{margin-inline:var(--edge);height:calc(var(--now) + var(--cap) + var(--band-text));padding-bottom:var(--space-region);margin-bottom:calc(var(--space-pad) + var(--river-sb,0px));align-content:start;scroll-padding-bottom:32px;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 32px),#0000);mask-image:linear-gradient(#000 calc(100% - 32px),#0000)}.qrow{border-bottom:1px solid var(--rule);background:var(--bg);transition:background-color var(--t-feedback) var(--ease);grid-template-columns:54px 40px minmax(0,1fr) 56px auto;align-items:center;gap:12px;padding:8px 4px;display:grid}.river .qrow{--qrow-act:40px;grid-template-columns:54px 40px minmax(0, 1fr) 56px calc(3 * var(--qrow-act) + 4px)}.qrow .cover{border-radius:8px}.qrow.is-dragging{z-index:5;background:var(--sky-soft);position:relative}.qrow-grip{height:32px;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 6px;font-size:13px;display:flex}.qrow-grip:disabled{cursor:default;opacity:.6}.qrow-title{font-size:15px;font-weight:500;line-height:22px}.qrow-title,.qrow-meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qrow-meta{font-size:13px;line-height:18px}.qrow-time{text-align:right;font-size:14px}.qrow-acts{gap:2px;display:flex}.river .qrow-acts{grid-template-columns:repeat(3, var(--qrow-act));gap:2px;display:grid}.qrow-act-jump{grid-column:1}.qrow-act-next{grid-column:2}.qrow-act-remove{grid-column:3}.qlist-empty{align-items:center;gap:16px;padding:24px 0;display:flex}.river .qlist-empty{margin-inline:var(--edge);height:calc(var(--now) + var(--cap) + var(--band-text));margin-bottom:calc(var(--space-pad) + var(--river-sb,0px));align-items:flex-start}@media (pointer:coarse){.river .qrow{--qrow-act:var(--hit)}.qrow-acts .btn-icon,.qrow-grip{min-width:var(--hit);min-height:var(--hit)}}@media (width<=760px){.qrow{grid-template-columns:44px 40px minmax(0,1fr) auto}.river .qrow{grid-template-columns:44px 40px minmax(0, 1fr) calc(3 * var(--qrow-act) + 4px)}.qrow-time{display:none}}@media (width<=480px){.river .qrow{grid-template-columns:44px minmax(0, 1fr) calc(3 * var(--qrow-act) + 4px)}.river .qrow>.cover{display:none}}.gv-grid{--room-col:clamp(280px, 25cqi, 400px);grid-template-columns:minmax(0, 1fr) var(--room-col);padding:var(--space-region) var(--edge) 0;column-gap:clamp(20px,3cqi,44px);display:grid}.gv-main{gap:var(--space-region);align-content:start;min-width:0;display:grid;container:player/inline-size}.banner{border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:15px;font-weight:500;display:flex}.banner[data-job=room]{background:var(--butter-soft)}.banner[data-job=stop]{background:var(--rose-soft)}.banner-sm{margin-top:var(--space-stack);padding:8px 12px;font-size:14px}.now{gap:var(--space-stack);display:grid}.now-main{grid-template-columns:clamp(130px,12.5vw,176px) minmax(0,1fr);align-items:start;gap:clamp(18px,2.4vw,32px);display:grid}.now-cover{aspect-ratio:1;border-radius:12px;width:100%;height:auto}.now-info{gap:var(--space-hair);min-width:0;display:grid}.now-title{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(26px,2.6vw,34px);font-weight:600;line-height:1.12}.now-artist{font-size:18px}.now-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.now-meta a{color:var(--sky-text)}.now-who{color:var(--fg)}.now-main[data-arrive] .now-cover{animation:arrive var(--t-view) var(--ease) calc(2 * var(--flow-stagger)) both}.now-main[data-arrive] :is(.now-title,.now-artist,.now-meta){animation:arrive var(--t-view) var(--ease) calc(3 * var(--flow-stagger)) both}.seek{margin-top:var(--space-row)}.seek-bar{position:relative}.seek-bar[data-off]{opacity:.5}.seek-bar .range:disabled{opacity:1}.seek-range{--fill:0%}.seek-range::-moz-range-progress{background:0 0}.seek-range::-webkit-slider-thumb{opacity:0}.seek-range::-moz-range-thumb{opacity:0}.seek-clip{pointer-events:none;border-radius:999px;height:6px;position:absolute;top:8px;left:0;right:0;overflow:hidden}.seek-played{background:var(--mint);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.seek .knob-run{width:calc(100% - 18px);left:9px;transform:translate(-100%)}.seek .knob{transition:transform var(--t-press) var(--ease);top:2px;left:100%}.seek-bar:hover .knob{transform:scale(1.12)}.seek-range:active~.knob-run .knob{transform:scale(1.2)}.seek-bar[data-off] .knob{transform:none}.seek-times{justify-content:space-between;margin-top:2px;display:flex}.seek-live{align-items:center;gap:8px;display:flex}.transport{margin-top:var(--space-stack);flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.transport-gap{flex:1}.ctl{border:1px solid var(--rule);height:44px;color:var(--fg);white-space:nowrap;transition:border-color var(--t-feedback) var(--ease), background-color var(--t-feedback) var(--ease), transform calc(var(--t-feedback) * var(--motion)) var(--ease);background:0 0;border-radius:999px;align-items:center;gap:9px;padding:0 14px 0 7px;font-size:14px;font-weight:500;display:inline-flex}.ctl:hover:not(:disabled){border-color:var(--muted)}.ctl:active:not(:disabled){transition-duration:var(--t-press);transform:translateY(1px)}.ctl:disabled{opacity:.4;cursor:not-allowed}.ctl[aria-pressed=true]{background:var(--lilac-soft);border-color:color-mix(in oklch, var(--lilac) 70%, var(--rule))}.ctl-icon{border:0;border-radius:50%;height:auto;padding:0}.ctl-icon:hover:not(:disabled) .chip{transform:translateY(-2px)}.ctl .chip{transition:transform calc(var(--t-state) * var(--motion)) var(--ease)}.ctl-play{border:0;border-radius:50%;height:auto;margin:0 4px;padding:0}.ctl-play:hover:not(:disabled) .chip{transform:scale(1.05)}.ctl-play:active:not(:disabled) .chip{transition-duration:var(--t-press);transform:scale(.96)}.ctl[data-swap] .chip>svg{animation:glyph-in var(--t-feedback) var(--ease) both}.modes{margin-top:var(--space-stack);padding-top:var(--space-pad);border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ctl-select{padding-right:4px}.ctl-select .select{background-color:#0000;border:0;height:32px;padding-left:4px;font-size:14px;font-weight:500}.transport .ctl-volume{min-width:180px;max-width:none;padding-right:var(--space-row);border-color:#0000;flex:0 280px}.transport .ctl-volume:hover{border-color:#0000}.ctl-volume .range{flex:1}.vol-num{text-align:right;min-width:26px}.ctl-volume[data-unset] .range::-webkit-slider-thumb{opacity:0}.ctl-volume[data-unset] .range::-moz-range-thumb{opacity:0}.status{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.status-part{align-items:center;gap:6px;display:inline-flex}.status .dot{width:8px;height:8px}@container player (width<=679px){.modes .ctl>span:not(.chip):not(.sr-only):not(.vol-num){clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.modes .ctl{padding-right:7px}.transport{row-gap:var(--space-tight);flex-wrap:wrap}.transport .ctl-volume{flex:100%;order:9;max-width:none;padding-inline:0}}@container player (width<=459px){.now-main{column-gap:14px;row-gap:var(--space-hair);grid-template-columns:64px minmax(0,1fr)}.now-info{display:contents}.now-cover{border-radius:8px;grid-row:1/span 2;width:64px}.now-title{grid-column:2;align-self:end;font-size:22px}.now-artist{grid-column:2;font-size:16px}.now-meta,.seek,.transport{grid-column:1/-1}.modes{gap:var(--space-tight);grid-template-columns:repeat(3,46px) minmax(0,1fr);display:grid}.modes .ctl-select{grid-column:4;gap:6px;padding-right:0}.ctl-select .select{background-position:right 8px center;padding:0 26px 0 2px}}@media (pointer:coarse){.ctl-icon{min-width:var(--hit);min-height:var(--hit);justify-content:center}.transport{column-gap:6px}}@container guild (width<=836px){.gv-grid{row-gap:var(--space-region);grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.gv-grid{padding-bottom:var(--space-region)}}@media (prefers-reduced-motion:reduce){.ctl-icon:hover:not(:disabled) .chip,.ctl-play:hover:not(:disabled) .chip,.ctl-play:active:not(:disabled) .chip{transform:none}}.lyr{padding:var(--space-row) var(--space-pad);border:1px solid var(--rule);background:var(--surface);border-radius:12px;align-items:center;gap:16px;display:flex}.lyr-body{min-width:0;min-height:calc(2 * 20px + 26px + 2 * var(--space-hair));flex:1;align-items:center;display:grid}.lyr-body>*{animation:fade var(--t-view) var(--ease) both}.lyr-lines{gap:var(--space-hair);display:grid}.lyr-prev,.lyr-next{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:20px;overflow:hidden}.lyr-now{letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:26px}.lyr-now[data-swap]{animation:dim-in var(--t-state) var(--ease) both}.lyr-gap{vertical-align:.14em;fill:currentColor;width:1.15em;height:.23em;display:inline-block}@media (pointer:coarse){.lyr .btn-sm{min-height:var(--hit)}}.room-col{gap:var(--space-region);align-content:start;min-width:0;display:grid}.room-block{padding-top:4px}.room-h{padding-bottom:var(--space-stack);margin-bottom:var(--space-stack);border-bottom:1px solid var(--rule)}.people{gap:var(--space-row);padding-left:var(--space-hair);display:grid}.people li{align-items:center;gap:10px;min-width:0;font-size:15px;display:flex}.people li>.tag,.people li>.t-caption{flex:none}.people li[data-deaf]{opacity:.6}.people li[data-new]>*{animation:rise var(--t-view) var(--ease) both}.people .avatar{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--butter)}.people-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.feed{max-height:520px;display:grid;overflow-y:auto}.feed-row{padding:var(--space-stack) 0;border-bottom:1px solid var(--rule);background:var(--bg);grid-template-columns:24px 1fr;gap:10px;font-size:14px;line-height:1.4;display:grid}.feed-row[data-new]{animation:drop var(--t-view) var(--ease) var(--flow-stagger) both}.feed-row strong{font-weight:600}.feed-when{margin-top:2px;display:block}@container guild (width<=836px){.feed{max-height:none;overflow:visible}}@container guild (width>=600px) and (width<=836px){.room-col{column-gap:var(--space-region);grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}}@container guild (width<=599px){.people{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.idle{gap:var(--space-stack);padding:var(--space-region) 0;align-content:start;justify-items:start;display:grid}.idle p{max-width:52ch}.idle .btn{margin-top:var(--space-tight)}.toasts{left:50%;bottom:var(--space-pad);z-index:100;gap:var(--space-tight);width:min(440px, calc(100vw - 2 * var(--app-gutter)));pointer-events:none;display:grid;position:fixed;transform:translate(-50%)}@media (width>=761px){.toasts{left:calc(50% + 32px)}}@media (width<=760px){.toasts{top:max(var(--space-row), env(safe-area-inset-top));bottom:auto}.toast{animation-name:drop}}.toast{padding:var(--space-stack) var(--space-row);border:1px solid var(--rule-strong);background:var(--surface);pointer-events:none;animation:rise var(--t-view) var(--ease) both;border-radius:12px;align-items:flex-start;gap:12px;font-size:15px;line-height:1.4;display:flex}.toast p:first-child{line-height:24px}.toast-fine{color:var(--muted);margin-top:2px;font-size:13px}.stage-mode{--fg:var(--paper);--muted:var(--mist-on-night);--rule:var(--line-on-night);z-index:90;background:var(--night);color:var(--paper);animation:fade var(--t-view) var(--ease) both;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0}.stage-mode[data-leaving]{animation:fade-out var(--t-exit) var(--ease-exit) forwards;pointer-events:none}.sm-head{padding:max(var(--space-pad), env(safe-area-inset-top)) max(clamp(20px, 4vw, 48px), env(safe-area-inset-right)) var(--space-pad) max(clamp(20px, 4vw, 48px), env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:16px;display:flex}.sm-track,.sm-track>div{min-width:0}.sm-track{align-items:center;gap:14px;display:flex}.sm-track .cover{border-radius:8px;flex:none;width:52px;height:52px}.sm-title{font-size:17px;font-weight:600}.sm-artist{color:var(--muted);font-size:15px}.sm-title,.sm-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sm-acts{flex:none;gap:8px;display:flex}@media (hover:none){.sm-btn kbd{display:none}}@media (pointer:coarse){.sm-btn{min-height:var(--hit)}}.sm-btn{color:var(--paper);border-color:var(--line-on-night)}.sm-btn kbd{color:var(--muted);border-color:var(--line-on-night)}.sm-body{scrollbar-width:none;padding:0 clamp(20px,6vw,96px);overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.sm-body::-webkit-scrollbar{display:none}.sm-lines{gap:clamp(16px,1.7vw,26px);max-width:1100px;margin:0 auto;padding:40vh 0;display:grid}.sm-lines li{--line-t:.4s;letter-spacing:-.025em;color:color-mix(in oklch, var(--paper) 28%, transparent);transition:color var(--line-t) var(--ease), transform calc(var(--line-t) * var(--motion)) var(--ease);transform-origin:0;text-wrap:balance;font-size:clamp(28px,4.2vw,64px);font-weight:600;line-height:1.15;transform:scale(.96)}.sm-lines li.is-past{color:color-mix(in oklch, var(--paper) 45%, transparent)}.sm-lines li.is-now{color:var(--paper);transform:none}@media (prefers-reduced-motion:reduce){.sm-lines li{--line-t:.15s}}.sm-sing{color:#0000;background-color:color-mix(in oklch, var(--paper) 68%, transparent);background-image:linear-gradient(var(--paper), var(--paper));background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text}.sm-sing::selection{color:var(--night);background:var(--paper)}.sm-plain{max-width:760px;margin:0 auto;padding:10vh 0 20vh;font-size:clamp(20px,2.2vw,30px);line-height:1.5}.sm-msg{height:100%;color:var(--muted);place-items:center;font-size:clamp(28px,4vw,56px);font-weight:600;display:grid}.sm-foot{padding:18px clamp(20px, 4vw, 48px) max(24px, env(safe-area-inset-bottom));color:var(--muted);align-items:center;gap:14px;font-size:14px;display:flex;overflow-x:clip}.sm-bar{background:var(--line-on-night);flex:1;height:2px;position:relative}.sm-played{transform-origin:0;background:var(--mint);width:100%;position:absolute;top:0;bottom:0;left:0;transform:scaleX(0)}.sm-bar .knob-run{pointer-events:none;position:absolute;inset:0}.sm-bar .knob{top:-8px;left:0}.sm-src{margin-left:8px}@media (width<=600px){.sm-track .cover{width:44px;height:44px}.sm-foot{row-gap:var(--space-tight);flex-wrap:wrap}.sm-src{flex-basis:100%;order:9;margin-left:0}}.page{--row-pad:var(--space-pad);--row-pad-dense:var(--space-stack);--row-bleed:12px;width:100%;padding:var(--page-top) var(--edge) var(--space-section);container:page/inline-size}.page-form{--page-max:1000px;--set-label-w:220px;--set-ctl-w:240px;padding-inline:max(var(--app-gutter), (100cqi - var(--page-max)) / 2)}.page-head{gap:var(--space-tight);margin-bottom:var(--space-region);display:grid}.page-head p{max-width:60ch}.page-sub{margin:var(--space-section) 0 var(--space-stack)}.back-link{min-height:32px;margin-bottom:var(--space-hair);color:var(--muted);transition:color var(--t-feedback) var(--ease);justify-self:start;align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--fg)}.back-link svg{transition:transform calc(var(--t-state) * var(--motion)) var(--ease)}.back-link:hover svg{transform:translate(-3px)}.page-bar{justify-content:space-between;align-items:center;gap:var(--space-stack) var(--space-group);margin-bottom:var(--space-row);flex-wrap:wrap;display:flex}.page-bar-group{align-items:center;gap:var(--space-tight);flex-wrap:wrap;min-width:0;max-width:100%;display:flex}.page-bar-acts{margin-left:auto}.page-bar .t-label{align-items:center;gap:var(--space-tight);white-space:nowrap;max-width:100%;display:inline-flex}.page-bar .select-sm{text-overflow:ellipsis;flex:0 auto;min-width:0;max-width:280px}.rows{border-top:1px solid var(--rule)}.row{isolation:isolate;align-items:center;gap:var(--space-row);padding:var(--row-pad) 0;border-bottom:1px solid var(--rule);text-decoration:none;display:flex;position:relative}.row-hover:before{content:"";inset:0 calc(-1 * var(--row-bleed));z-index:-1;background:color-mix(in oklch, var(--fg) 3%, transparent);opacity:0;transition:opacity var(--t-feedback) var(--ease);border-radius:8px;position:absolute}.row-hover:hover:before{opacity:1}.row-hover:focus-visible{outline:none}.row-hover:focus-visible:before{opacity:1;outline:2px solid var(--fg);outline-offset:-2px;transition-duration:0s}.row-hover:has(.row-main-link:focus-visible):before{opacity:1;outline:2px solid var(--fg);outline-offset:-2px;transition-duration:0s}@supports selector(:has(*)){.row-main-link:focus-visible{outline:none}}.row>.cover{border-radius:8px}.row-main{gap:var(--space-hair);flex:1;min-width:0;display:grid}.row-main-link{text-decoration:none}.row-main-link:after{content:"";position:absolute;inset:0}.row-main-link:hover .row-title{text-decoration:underline}.row-title{font-size:16px;font-weight:600}.row-title,.row-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-sub .dot{vertical-align:1px;width:8px;height:8px;margin-right:6px}.row-sub:has(.row-sub-what){align-items:center;display:flex}.row-sub-what{text-overflow:ellipsis;min-width:0;overflow:hidden}.row-sub-keep{white-space:pre;flex:none}.row-acts{z-index:1;gap:var(--space-tight);display:flex;position:relative}.mosaic{border-radius:8px;flex:none;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.mosaic .cover{border-radius:0;width:100%;height:100%}.skel-text{vertical-align:middle;max-width:100%;display:inline-block}.empty{justify-items:start;gap:var(--space-tight);padding:var(--space-region) 0 calc(var(--space-region) + var(--space-row));border-block:1px solid var(--rule);display:grid}.empty .chip{margin-bottom:var(--space-tight)}.empty-title{text-wrap:balance}.empty p.muted{max-width:52ch}.empty-acts{gap:var(--space-tight);margin-top:var(--space-stack);flex-wrap:wrap;display:flex}.tracks{max-height:none;padding-bottom:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.tracks .qrow{padding:var(--row-pad-dense) 0;grid-template-columns:54px 40px minmax(0,1fr) 56px auto}@media (hover:hover){.tracks .qrow-acts{opacity:0;transition:opacity var(--t-feedback) var(--ease)}.tracks .qrow:hover .qrow-acts,.tracks .qrow:focus-within .qrow-acts{opacity:1}}.lib-form{padding-bottom:var(--space-group);animation:drop var(--t-view) var(--ease) both}.lib-form-panel{align-items:end;gap:var(--space-stack);padding:var(--space-pad);border:1px solid var(--rule);background:var(--surface);border-radius:12px;flex-wrap:wrap;display:flex}.lib-form label{gap:var(--space-tight);display:grid}.lib-form .btn{height:40px}.lib-url{flex:320px}@media (pointer:coarse){.back-link,.page-bar .btn-sm,.page-bar .select-sm,.row-acts .btn-sm{min-height:var(--hit)}.set-ctl .switch:before{content:"";inset:calc((var(--hit) - 24px) / -2) 0;position:absolute}}@media (prefers-reduced-motion:reduce){.back-link:hover svg{transform:none}}@container page (width<=559px){.page-bar-acts{margin-left:0}.row-acts{gap:var(--space-hair)}.row-acts .btn{width:var(--hit);height:var(--hit);padding:0}.row-acts .btn-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tracks .qrow{grid-template-columns:44px 40px minmax(0,1fr) auto}.tracks .qrow-time{display:none}}.set-section{gap:var(--space-stack);display:grid}.set-section+.set-section{margin-top:var(--space-section)}.set-group{margin:0}.set-list{border-top:1px solid var(--rule)}.set-row{grid-template-columns:minmax(0, 1fr) var(--set-ctl-w);column-gap:var(--space-region);row-gap:var(--space-stack);padding:var(--row-pad) 0;border-bottom:1px solid var(--rule);align-items:center;display:grid}.set-section:not(:last-of-type) .set-row:last-child{border-bottom:0}.set-text{gap:var(--space-hair);display:grid}.set-title{font-size:16px;font-weight:600;line-height:1.4}.set-help{max-width:54ch;font-size:15px}.set-ctl{justify-content:flex-end;align-items:center;display:flex}.set-ctl .select{width:100%}.set-sub{gap:var(--space-stack) var(--space-row);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,280px));display:grid}.set-field{gap:var(--space-tight);display:grid}.set-field .select{width:100%}@container page (width>=920px){.set-section{grid-template-columns:var(--set-label-w) minmax(0, 1fr);column-gap:var(--space-section);align-items:start}.set-group{padding-top:calc(var(--row-pad) + 2px)}}@container page (width<=559px){.set-row{grid-template-columns:minmax(0,1fr)}.set-row[data-ctl=switch]{grid-template-columns:minmax(0,1fr) auto;align-items:start}.set-row[data-ctl=switch] .set-ctl{padding-top:1px}.set-ctl{justify-content:flex-start}.set-sub{grid-template-columns:minmax(0,1fr)}}.mod-grid{gap:var(--space-row);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.mod{gap:var(--space-stack);min-width:0;padding:var(--space-pad);border:1px solid var(--rule);transition:background-color var(--t-state) var(--ease), border-color var(--t-state) var(--ease);border-radius:12px;grid-template-rows:auto 1fr auto;display:grid}.mod[data-on]{background:var(--lilac-soft);border-color:color-mix(in oklch, var(--lilac) 32%, var(--rule))}.mod-head{align-items:start;gap:var(--space-stack);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.mod-name{justify-items:start;gap:var(--space-hair);min-width:0;display:grid}.mod-head>.chip{margin-top:-6px}.mod-ctl{padding-top:1px}.mod-title{text-wrap:balance;font-size:16px;font-weight:600;line-height:1.3}.mod-ctl{display:flex;position:relative}.mod-state.tag{white-space:nowrap}.mod-body{align-content:start;gap:var(--space-tight);display:grid}.mod-cmds{word-spacing:.35em;font-weight:600}.mod-warn{margin-top:var(--space-hair)}.mod-desc{max-width:54ch;font-size:15px;line-height:1.5}.mod-warn{gap:var(--space-tight);align-items:start;display:grid}.mod-warn li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;line-height:20px;display:grid}.mod-foot{justify-content:space-between;align-items:center;gap:var(--space-tight) var(--space-row);padding-top:var(--space-stack);border-top:1px solid var(--rule);color:var(--muted);flex-wrap:wrap;display:flex}.mod[data-on] .mod-foot{border-top-color:color-mix(in oklch, var(--lilac) 22%, var(--rule))}.mod-access{align-items:center;gap:var(--space-tight);display:inline-flex}.mod-link{min-height:32px;color:var(--fg);margin-left:auto;font-size:14px}.mod-link:hover{text-underline-offset:3px;text-decoration:underline}@container page (width>=920px){.mod-area .set-group{padding-top:calc(var(--space-pad) + 9px)}}@media (pointer:coarse){.mod-link{min-height:var(--hit)}.mod-ctl .switch:before{content:"";inset:calc((var(--hit) - 24px) / -2) 0;position:absolute}}.mod-facts{border-top:1px solid var(--rule);margin:0}.mod-facts>div{gap:var(--space-tight) var(--space-region);padding:var(--row-pad) 0;border-bottom:1px solid var(--rule);grid-template-columns:200px minmax(0,1fr);display:grid}.mod-facts dt{font-weight:600}.mod-facts dd{color:var(--muted);max-width:54ch;margin:0;font-size:15px}.mod-fact-line{display:block}.mod-fact-line+.mod-fact-line{margin-top:var(--space-hair)}.mod-fact-line b{color:var(--fg);font-weight:600}@container page (width<=559px){.mod-facts>div{grid-template-columns:minmax(0,1fr)}}.signin{place-items:center;min-height:100svh;padding:24px;display:grid}.signin-card{justify-items:start;gap:0;max-width:500px;display:grid}.signin-card h1{margin-top:var(--space-region)}.signin-card p{max-width:46ch;margin-top:var(--space-stack)}.signin-card .btn,.signin-card .banner{margin-top:var(--space-group)}.signin-card .link-arrow{margin-top:var(--space-row)}.signin-card .signin-fine{margin-top:var(--space-group)}.signin-install{margin-top:var(--space-tight);min-height:var(--hit);color:var(--fg);font:inherit;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500}.signin-install:hover{text-decoration-color:currentColor}.signin-card .install-steps{margin-top:0;padding:0}.signin-card .signin-fine a{text-decoration:underline}.signin-home{color:var(--fg);border-radius:50%;display:grid}.tile-pending .cover,.qrow-pending .cover:not(.qrow-hole),.hit[data-adding] .cover{opacity:.4}.tile-wait{place-items:center;display:grid;position:absolute;inset:0}.tile-pending .tile-hole{position:relative}.tile-next.tile-pending .tile-cap,.qrow-status{color:var(--butter-text)}.tile-next.tile-pending[data-phase=failed] .tile-cap{color:var(--rose-text)}.tile-pending .tile-title,.now-main[data-wait] :is(.now-title,.now-artist){overflow-wrap:anywhere}.tile-pending[data-phase=failed] .tile-title,.qrow-pending[data-phase=failed] .qrow-meta{color:var(--rose-text)}.tile-now.tile-pending,.tile-now[data-starting]{--now-tone:var(--butter);--now-text:var(--butter-text)}.tile-now.tile-pending[data-phase=failed]{--now-tone:var(--rose);--now-text:var(--rose-text)}.tile-now.tile-pending .tile-hole{height:var(--now);border-color:var(--now-tone)}.tile-now[data-starting] :is(.knob-run,.axis-played){opacity:0}.tile-now[data-started] .knob{animation:pop var(--t-state) var(--ease) both}:is(.tile,.qrow)[data-landed] .cover{animation:dim-in var(--t-state) var(--ease) both}.tile-next[data-landed] .tile-cap{color:var(--butter-text);animation:fade-out var(--t-state) var(--ease-exit) forwards}.qrow[data-landed] .qrow-meta,:is(.tile,.qrow)[data-landed=found] :is(.tile-title,.tile-meta,.qrow-title,.qrow-time){animation:fade var(--t-state) var(--ease) both}.qrow-pending .qrow-grip{cursor:default}.qrow-hole{border:1.5px dashed var(--rule-strong);width:40px;height:40px;color:var(--muted);background:0 0;place-items:center;display:grid}.qrow-pending .qrow-acts>.chip{grid-column:3;justify-self:center}.now-cover{transition:opacity var(--t-state) var(--ease)}.now-cover-wait{opacity:.4}.now-hole{border:1.5px dashed var(--butter-text);background:0 0;place-items:center;display:grid}.now-starting{color:var(--butter-text)}.now-failed{color:var(--rose-text)}.hit[data-adding] .hit-acts .btn{opacity:.45;cursor:default}.hit-getting,.hit-added{color:var(--butter-text);align-items:center;gap:6px;display:inline-flex}.hit-added{color:var(--mint-text)}.gv[data-enter]>.topbar>*,.gv[data-enter]>.river>*,.gv[data-enter]>.gv-grid>*,.page[data-enter-head]>:is(.page-head,.page-bar),.page[data-enter] :is(.enter-list>*,.enter-after,.empty,.banner,.set-section),.rail[data-enter] .rail-list>li{animation:rise var(--t-view) var(--ease) calc((var(--n,0) + var(--i,0)) * var(--flow-stagger)) both}.gv>.river>.river-head,.page>.page-bar{--n:1}.gv>.river>:not(.river-head),.page .enter-list>*,.page .set-section{--n:2}.gv>.gv-grid>:first-child,.page .enter-after{--n:3}.gv>.gv-grid>.room-col{--n:4}:is(.enter-list,.rail-list)>:nth-child(2),.page-form .set-section:nth-of-type(2){--i:1}:is(.enter-list,.rail-list)>:nth-child(3),.page-form .set-section:nth-of-type(3){--i:2}:is(.enter-list,.rail-list)>:nth-child(4){--i:3}:is(.enter-list,.rail-list)>:nth-child(5){--i:4}:is(.enter-list,.rail-list)>:nth-child(6){--i:5}:is(.enter-list,.rail-list)>:nth-child(n+7){--i:6}.page .enter-list.enter-after>*{--n:4}.gv-skel[data-out]{z-index:21;pointer-events:none;position:absolute;inset:0 0 auto}.gv-skel[data-out]>.topbar{animation:fade-out var(--t-view) var(--ease-exit) both}.gv-skel[data-out]>.river{animation:fade-out var(--t-view) var(--ease-exit) var(--flow-stagger) both}.gv-skel[data-out]>.gv-grid>*{animation:fade-out var(--t-view) var(--ease-exit) calc(var(--n,0) * var(--flow-stagger)) both}.app .skeleton,.gv-skel .skeleton{background:color-mix(in oklch, var(--fg) 7%, transparent);animation:fade var(--t-view) var(--ease) var(--skel-delay,0s) both, breathe var(--breathe) ease-in-out calc(var(--skel-delay,0s) + var(--t-view)) infinite alternate}.app .skel-text{border-radius:999px}.skel-disc{border-radius:50%;flex:none;display:inline-block}.skel-pill{border-radius:999px;height:44px;display:inline-block}.skel-seg{border-radius:12px;flex:none;width:112px;height:36px;display:block}.skel-btn{border-radius:8px;flex:none;width:92px;height:34px;display:block}.rail-skel{border-radius:50%;width:40px;height:40px;margin:2px;display:block}.skel-range{background:color-mix(in oklch, var(--track) 30%, transparent);border-radius:999px;height:6px;margin:8px 0;display:block}.skel-volume{min-width:180px;padding:0 var(--space-row) 0 7px;flex:0 280px;align-items:center;gap:9px;display:flex}.skel-volume .skel-range{flex:1}.gv-skel .tile-art{display:block}.gv-skel .tile-now .tile-art{outline-color:var(--rule)}.gv-skel .room-h .skel-text,.gv-skel .people li .skel-text{vertical-align:middle}@media (prefers-reduced-motion:reduce){.app .skeleton,.gv-skel .skeleton{animation:fade var(--t-view) var(--ease) var(--skel-delay,0s) both}}.topbar-conn,.set-help{animation:fade var(--t-state) var(--ease) both}.hits>li{animation:fade var(--t-feedback) var(--ease) both}.app{font-size:16px;line-height:1.5}.app .page-head .t-headline,.app .idle .t-headline{letter-spacing:-.02em;font-size:32px;line-height:1.15}@media (width<=760px){.app .page-head .t-headline,.app .idle .t-headline{font-size:28px}}.room-h,.river-sum>:first-child{font-weight:600}.room-h .muted{font-weight:500}.app :is(.t-caption,.tile-meta,.hit-meta,.qrow-meta,.mp-artist,.seg-ctl button,.tile-num,.search-kbd,.tag,kbd){letter-spacing:.01em}.app :is(.t-label,.tile-title,.feed-row,.btn-sm,.ctl,.lyr-prev,.lyr-next,.people li){letter-spacing:.005em}.toast-fine{letter-spacing:.01em}.app .select{font-variant-numeric:tabular-nums}.sug{min-width:0}.sug-h{padding-bottom:var(--space-stack);margin-bottom:var(--space-hair);border-bottom:1px solid var(--rule);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sug-h .muted{font-weight:500}.sug-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows,5), auto);column-gap:var(--space-row);grid-auto-flow:column;row-gap:2px;margin-inline:-8px;display:grid}.sug-list[aria-hidden]{--skel-delay:.15s}.sug-list[aria-hidden] .hit-text{gap:var(--space-tight);display:grid}.sug-list:not([aria-hidden]){animation:fade var(--t-feedback) var(--ease) both}.sug-row{transition:background-color var(--t-feedback) var(--ease)}.sug-row:hover{background:color-mix(in oklch, var(--fg) 3%, transparent)}.sug-add,.sug-state{justify-content:flex-start;min-width:92px}.sug-state{color:var(--muted);align-items:center;gap:8px;padding:0 12px;display:inline-flex}.sug-row[data-adding] .sug-add{opacity:.45;cursor:default}.sug-note{align-items:center;gap:var(--space-tight);padding-top:var(--space-tight);display:flex}.sug-more{margin-top:var(--space-tight);display:none}@container player (width<=679px){.sug-list{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-flow:row}.sug-list:not([data-more])>li:nth-child(n+6){display:none}.sug-more{display:inline-flex}}@container player (width<=459px){.sug-add{min-width:var(--hit);justify-content:center;padding:0}.sug-add-label{display:none}.sug-state{min-width:0}}@media (pointer:coarse){.sug-add,.sug-more{min-height:var(--hit)}}.admin-side{align-content:start;justify-items:start;gap:var(--space-stack);display:grid}.admin-main{gap:var(--space-stack);min-width:0;display:grid}@container page (width<=919px){.admin-side{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}}.admin-none,.admin-since{text-wrap:pretty;max-width:68ch}.admin-checks,.admin-incidents,.admin-problems{border-top:1px solid var(--rule)}.admin-check,.admin-incident{gap:var(--space-hair);padding:var(--row-pad) 0;border-bottom:1px solid var(--rule);display:grid}.set-section:not(:last-of-type) :is(.admin-check,.admin-incident):last-child{border-bottom:0}.admin-check-head{justify-content:space-between;align-items:baseline;gap:var(--space-tight) var(--space-row);flex-wrap:wrap;display:flex}.admin-check-name{font-size:17px;font-weight:600}.admin-check-word{align-items:center;gap:8px;font-weight:600;display:inline-flex}.admin-check[data-state=down] .admin-check-word{color:var(--rose-text)}.admin-check[data-state=off] .admin-check-word{color:var(--muted)}.admin-disk-bar{height:8px;margin-top:var(--space-hair);background:var(--rule);border-radius:999px;position:relative}.admin-disk-used{width:calc(var(--used) * 100%);border-radius:inherit;background:var(--mint);position:absolute;inset:0 auto 0 0}.admin-disk[data-state=down] .admin-disk-used{background:var(--rose)}.admin-disk-line{top:-3px;bottom:-3px;left:calc(var(--line) * 100%);background:var(--muted);border-radius:1px;width:2px;position:absolute}.admin-incident-head{gap:var(--space-hair);margin-bottom:var(--space-tight);display:grid}.admin-incident textarea.input,.admin-form textarea.input{resize:vertical;height:auto;min-height:64px;padding:10px 12px;line-height:1.45}.admin-incident-acts{gap:var(--space-tight);margin-top:var(--space-tight);flex-wrap:wrap;display:flex}.admin-incident-acts [data-sure]{color:var(--rose-text);border-color:var(--rule)}.admin-form{gap:var(--space-stack);padding:var(--space-pad);border:1px solid var(--rule);background:var(--surface);animation:drop var(--t-view) var(--ease) both;border-radius:12px;grid-template-columns:minmax(140px,200px) minmax(0,1fr);display:grid}.admin-form label{gap:var(--space-tight);min-width:0;display:grid}.admin-form .admin-form-full{grid-column:1/-1}.admin-form label.admin-form-full{margin-bottom:calc(var(--space-tight) - var(--space-stack))}.admin-form .btn{justify-self:start;height:40px}.problem{border-bottom:1px solid var(--rule);padding:10px 0}.problem-line{flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;display:flex}.problem-line>.dot{flex:none;transform:translateY(-1px)}.problem-scope{color:var(--muted)}.problem-msg{overflow-wrap:anywhere;flex:320px;min-width:0}.problem-detail{margin:6px 0 0 19px}.problem-detail summary{width:max-content;color:var(--muted);cursor:pointer}.problem-detail summary:hover{color:var(--fg)}.problem-detail pre{background:var(--surface);white-space:pre;border-radius:8px;max-height:320px;margin-top:6px;padding:10px 12px;font:13px/1.5 ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;overflow:auto}@media (width<=600px){.admin-form{grid-template-columns:1fr}}.tile-auto .tile-cap{color:var(--lilac-text)}.tile-auto[data-status=ready] .cover{opacity:.6;transition:opacity var(--t-feedback) var(--ease)}.tile-auto[data-status=ready] .tile-art:is(:hover,:focus-within) .cover{opacity:1}.tile-auto:not([data-status=ready]) .tile-title{color:var(--muted)}.tile-auto[data-status=choosing] .tile-hole .chip{animation:breathe var(--breathe) ease-in-out infinite alternate}.river .qlist-auto{margin-inline:var(--edge);height:calc(var(--now) + var(--cap) + var(--band-text));margin-bottom:calc(var(--space-pad) + var(--river-sb,0px))}.river .qlist-auto>.qlist-empty{height:auto;margin:0;padding:20px 0 0}.qrow.qrow-auto,.river .qrow.qrow-auto{grid-template-columns:40px minmax(0,1fr) 56px auto}@media (width<=760px){.qrow.qrow-auto,.river .qrow.qrow-auto{grid-template-columns:40px minmax(0,1fr) auto}}@media (width<=480px){.qrow.qrow-auto,.river .qrow.qrow-auto{grid-template-columns:minmax(0,1fr) auto}}.qrow-auto-hole{border-radius:8px}.qrow-auto[data-status=choosing] .qrow-auto-hole .chip{animation:breathe var(--breathe) ease-in-out infinite alternate}.qrow-auto-tag{color:var(--lilac-text);font-weight:600}.qrow-auto .qrow-meta{font-size:14px}.now-steer{flex-wrap:wrap;gap:4px 8px;margin-top:8px;margin-left:-12px;display:flex}@media (pointer:coarse){.now-steer .btn,.qrow-auto-btn{height:44px}}.act-foot:has(>.act-auto){flex-wrap:wrap;row-gap:8px}.act-auto{min-width:0;color:var(--muted);flex-wrap:wrap;flex-basis:100%;order:10;align-items:center;gap:4px 12px;display:flex}.act-auto-next{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.act-auto-next b{color:var(--paper);font-weight:600}.act-auto-next .dot{vertical-align:1px;width:8px;height:8px;margin-right:4px}.act-auto-steer{gap:4px;margin-left:auto;display:flex}@media (width<=760px){.act-auto{justify-content:center}.act-auto-next{text-align:center;white-space:normal;flex-basis:100%}.act-auto-steer{margin-left:0}}@media (height<=300px),(width<=480px) and (height<=440px){.act-auto{display:none}}@media (prefers-reduced-motion:reduce){.tile-auto[data-status=choosing] .tile-hole .chip,.qrow-auto[data-status=choosing] .qrow-auto-hole .chip{animation:none}}