:root{--bg:#0b0b0d;--bg-2:#08080a;--surface:#141417;--surface-2:#1b1b20;--surface-3:#24242a;--line:#26262c;--line-strong:#34343c;--text:#ededf0;--text-2:#a9a9b2;--text-muted:#7c7c86;--text-faint:#55555e;--accent:#ff4d4d;--accent-soft:#ff4d4d1f;--twitch:#9146ff;--kick:#53fc18;--youtube:red;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:48px;--fs:clamp(14px, .35vw + 12.5px, 16px);--fs-2:clamp(13px, .3vw + 11.5px, 14px);--fs-3:12px;--gutter:clamp(16px, 3vw, 40px);--hairline:1px solid var(--line);--sans:"Geist", -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"Geist Mono", ui-monospace, Menlo, monospace;--ease:.16s ease-out;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font:400 var(--fs)/1.55 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}[hidden]{display:none!important}a{color:var(--text);transition:color var(--ease);text-decoration:none}a:hover{color:var(--text-2)}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.2}h1{font-size:clamp(24px,1.2vw + 18px,32px)}h2{font-size:1.05em}h3{font-size:var(--fs-2);color:var(--text-muted);letter-spacing:0;font-weight:500}p{margin:0}code,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.92em}:focus-visible{outline:2px solid var(--text-2);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;align-items:center;gap:var(--s-4);min-height:64px;padding:var(--s-3) var(--gutter);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:var(--hairline);display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:var(--s-2);font-size:1.1em;font-weight:600;display:inline-flex}.brand:before{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px}.brand:hover{color:var(--text)}.topbar .context{align-items:baseline;gap:var(--s-3);min-width:0;padding-left:var(--s-4);border-left:var(--hairline);display:flex}.topbar .context .title{white-space:nowrap;text-overflow:ellipsis;font-size:1em;font-weight:600;overflow:hidden}.topbar .context .sub{color:var(--text-muted);font-size:var(--fs-2);white-space:nowrap}.topbar .spacer{flex:1}.topbar .actions{align-items:center;gap:var(--s-4);display:flex}@media (max-width:640px){.topbar .context .sub{display:none}}.container{width:100%;max-width:1440px;padding:var(--s-6) var(--gutter) var(--s-10);gap:var(--s-5);flex-direction:column;flex:1;margin:0 auto;display:flex}.container.narrow{max-width:640px}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--s-4);flex-wrap:wrap;display:flex}.page-head p{color:var(--text-2);margin-top:var(--s-1)}.layout{gap:var(--s-5);grid-template-columns:minmax(0,1fr) clamp(320px,26vw,420px);align-items:start;display:grid}.layout>.main,.layout>.aside{gap:var(--s-4);flex-direction:column;min-width:0;display:flex}@media (max-width:980px){.layout{grid-template-columns:1fr}}.stack{gap:var(--s-4);flex-direction:column;display:flex}.stack.tight{gap:var(--s-2)}.row{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.row.stretch>*{flex:1}.col{gap:var(--s-2);flex-direction:column;display:flex}.grow{flex:1;min-width:0}.grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));display:grid}.muted,.dim{color:var(--text-muted)}.small{font-size:var(--fs-2)}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.contents,.slot{display:contents}.card,.section{background:var(--surface);border:var(--hairline);border-radius:var(--radius-lg);padding:var(--s-5);gap:var(--s-4);flex-direction:column;display:flex}.card-head,.section-head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.card-head .titles{flex:1;min-width:0}.card-head .desc{color:var(--text-muted);font-size:var(--fs-2);margin-top:2px}.card-body{gap:var(--s-4);flex-direction:column;display:flex}dialog .section{border:0;border-top:var(--hairline);padding:var(--s-4) 0 0;background:0 0;border-radius:0}.count{border-radius:var(--radius-pill);background:var(--surface-3);min-width:22px;height:22px;color:var(--text-2);font-size:var(--fs-3);place-items:center;padding:0 6px;font-weight:600;display:inline-grid}.count.hot{background:var(--accent);color:#fff}.notice{gap:var(--s-3);text-align:center;flex-direction:column;align-items:center;padding-top:16vh;display:flex}.notice p{color:var(--text-2)}body:has(.landing){background:radial-gradient(1200px 600px at 70% -10%, #1a1420 0%, var(--bg-2) 60%)}.landing{flex:1;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:clamp(32px,6vw,96px);padding:clamp(32px,8vh,96px) 0;display:grid}@media (max-width:860px){.landing{grid-template-columns:1fr}}.landing.single{grid-template-columns:1fr;width:100%;max-width:560px;margin:0 auto}.landing h1{letter-spacing:-.045em;font-size:clamp(40px,5.5vw,84px);font-weight:600;line-height:1.02}.landing.single h1{font-size:clamp(32px,3vw,48px)}.landing h1 span{display:block}.landing h1 .l2{color:var(--text-muted)}.landing .marked{display:inline-block;position:relative}.landing .mark{width:102%;height:.18em;color:var(--accent);line-height:0;position:absolute;bottom:-.06em;left:-1%;overflow:visible}.landing .mark svg{height:100%;display:block}.landing .mark path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.6s ease-out .25s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.landing .caption{color:var(--text-2);margin-top:var(--s-5);max-width:46ch;font-size:clamp(16px,.6vw + 13px,20px)}.landing .panel{background:var(--surface);border:var(--hairline);border-radius:var(--radius-lg);padding:var(--s-6);gap:var(--s-4);flex-direction:column;display:flex}.landing .signin{gap:var(--s-2);flex-direction:column;display:flex}.landing .joining{gap:var(--s-2);color:var(--text-muted);font-size:var(--fs-2);padding-top:var(--s-4);border-top:var(--hairline);flex-direction:column;display:flex}.features{gap:var(--s-4);padding-bottom:var(--s-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.features .card p{color:var(--text-2);font-size:var(--fs-2)}.btn,button{justify-content:center;align-items:center;gap:var(--s-2);font:inherit;font-size:var(--fs-2);color:var(--text);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:color var(--ease), background-color var(--ease), border-color var(--ease), opacity var(--ease);padding:10px 16px;font-weight:500;line-height:1.2;display:inline-flex}.btn:hover,button:hover{background:var(--surface-3);color:var(--text)}.btn:disabled,button:disabled{opacity:.45;cursor:not-allowed}.btn-primary,button.primary{background:var(--text);border-color:var(--text);color:var(--bg);font-weight:600}.btn-primary:hover,button.primary:hover{color:var(--bg);background:#fff;border-color:#fff}.btn-ghost,.btn-link{color:var(--text-2);background:0 0;border-color:#0000;padding:4px 6px}.btn-ghost:hover,.btn-link:hover{color:var(--text);background:0 0}.btn-link.on{color:var(--text);background:var(--surface-3);border-radius:var(--radius-pill);padding:4px 12px}.btn-danger{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:0 0}.btn-danger:hover{background:var(--accent-soft);color:var(--accent)}.btn-sm{padding:7px 12px}.btn-block{width:100%}.btn-icon{width:44px;padding-left:0;padding-right:0}.btn-platform{width:100%;font-size:var(--fs);justify-content:flex-start;padding:12px 14px}.btn-platform .soon{color:var(--text-faint);font-size:var(--fs-3);margin-left:auto}.btn[aria-pressed=true]:not(.btn-link){background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent)}.icon{flex:none;width:1em;height:1em;display:inline-flex}.icon svg{width:100%;height:100%;display:block}select,input[type=text],input[type=number],input[type=password],input[type=url],textarea{font:inherit;font-size:var(--fs-2);color:var(--text);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;min-width:0;transition:border-color var(--ease);padding:10px 12px}select{appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%237c7c86' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}select option{background:var(--surface);color:var(--text)}input:focus,select:focus,textarea:focus{border-color:var(--text-muted);outline:none}input[readonly]{color:var(--text-2);font-family:var(--mono)}input::placeholder{color:var(--text-faint)}.field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.field>.label{font-size:var(--fs-2);color:var(--text-2)}.field>.hint{font-size:var(--fs-3);color:var(--text-muted)}.field.fixed{flex:none}.input-group{gap:var(--s-2);align-items:stretch;display:flex}.input-group input{flex:1}.page-head .input-group{flex:360px;max-width:480px}.slider{align-items:center;gap:var(--s-3);font-size:var(--fs-2);display:flex}.slider>.label{min-width:56px;color:var(--text-2)}.slider>.value{color:var(--text);text-align:right;min-width:64px;font-family:var(--mono)}input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;width:100%;height:16px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:0;border-radius:50%;width:16px;height:16px;margin-top:-6px}input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:16px;height:16px}input[type=range]:disabled{opacity:.45;cursor:not-allowed}.switch{align-items:center;gap:var(--s-3);color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--fs-2);display:inline-flex}.switch input{appearance:none;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--line-strong);cursor:pointer;width:36px;height:20px;transition:background-color var(--ease);flex:none;margin:0;position:relative}.switch input:after{content:"";background:var(--text-2);width:14px;height:14px;transition:transform var(--ease), background-color var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked{background:var(--text);border-color:var(--text)}.switch input:checked:after{background:var(--bg);transform:translate(16px)}.badge,.status{border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text-2);font-size:var(--fs-3);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-weight:500;display:inline-flex}.badge.live,.badge.bad,.badge.warn,.status.bad,.status.warn{background:var(--accent-soft);color:var(--accent)}.badge.live:before,.badge.bad:before,.badge.warn:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge.live:before{animation:1.6s ease-in-out infinite weak}@keyframes weak{0%,to{opacity:1}50%{opacity:.4}}.live-ind{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font:500 var(--fs-2) var(--mono);font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:5px 12px;display:inline-flex}.live-ind:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite weak}.live-ind.off{background:var(--surface-3);color:var(--text-2);font-family:var(--sans)}.live-ind.off:before{display:none}.alert{padding:var(--s-3) var(--s-4);border-radius:var(--radius);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);color:#ffc9c9;font-size:var(--fs-2)}.alert:empty{display:none}.error{color:#ffb3b3;font-size:var(--fs-2)}.error:empty{display:none}.pbadge{color:#fff;background:var(--text-faint);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:inline-grid}.pbadge svg{fill:currentColor;width:11px;height:11px;display:block}.pbadge.twitch{background:var(--twitch)}.pbadge.kick{background:var(--kick);color:var(--bg)}.pbadge.youtube{background:var(--youtube)}.pbadge.mono{color:#fff;background:0 0}.pill{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font-size:var(--fs-2);white-space:nowrap;background:#0b0b0dcc;align-items:center;gap:7px;max-width:100%;padding:3px 12px 3px 3px;font-weight:500;line-height:20px;display:inline-flex}.pill>span:last-child{text-overflow:ellipsis;overflow:hidden}.pill.plain{background:var(--surface-3);-webkit-backdrop-filter:none;backdrop-filter:none}a.pill:hover{color:var(--text)}.pills{align-items:center;gap:var(--s-2);color:var(--text-muted);font-size:var(--fs-2);flex-wrap:wrap;min-height:26px;display:flex}.list{flex-direction:column;display:flex}.list:empty{display:none}.list .item{align-items:center;gap:var(--s-3);padding:var(--s-3) 0;border-top:var(--hairline);flex-wrap:wrap;display:flex}.list .item:first-child{border-top:0;padding-top:0}.list .item:last-child{padding-bottom:0}.list .item .meta{color:var(--text-muted);font-size:var(--fs-3)}.list .item .buttons{gap:var(--s-2);margin-left:auto;display:flex}.list.requests .item,.list.requests .item:first-child,.list.requests .item:last-child{background:var(--surface-2);border-radius:var(--radius);padding:var(--s-3);margin-bottom:var(--s-2);border:0}.empty{color:var(--text-muted);font-size:var(--fs-2)}.empty strong{color:var(--text-2);font-weight:500;font-size:var(--fs);margin-bottom:2px;display:block}.room-card{transition:border-color var(--ease)}.room-card:hover{border-color:var(--line-strong)}.room-card .line{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.room-card .url{color:var(--text-muted);font:var(--fs-3) var(--mono)}.room-card .buttons{gap:var(--s-2);flex-wrap:wrap;margin-top:auto;display:flex}.room-card .buttons .btn-primary{margin-left:auto}.tiles{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));display:grid}.tiles.solo{grid-template-columns:1fr}.slot:has(>.tile:nth-child(2))>.tile:first-child{display:none}.tile{aspect-ratio:16/9;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--line);cursor:pointer;transition:border-color var(--ease);position:relative;overflow:hidden}.tile:hover{border-color:var(--line-strong)}.tile video{object-fit:cover;width:100%;height:100%;display:block}.tile audio{display:none}.tile>.pill{left:var(--s-3);bottom:var(--s-3);max-width:calc(100% - 72px);position:absolute}.tile>.corner{right:var(--s-3);bottom:var(--s-3);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0b0dcc;align-items:center;height:26px;padding:0 10px;display:flex;position:absolute}.tile>.note{color:var(--text-muted);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.tile>.note:empty{display:none}.tile.empty{border:1px dashed var(--line-strong);cursor:default;color:var(--text-muted);text-align:center;padding:var(--s-4);font-size:var(--fs-2);background:0 0;place-items:center;display:grid}.tile.off video{visibility:hidden}.tile.warn{border-color:var(--accent)}.tile.warn>.note{padding:var(--s-3);font-size:var(--fs-3);color:var(--accent);place-items:start end}.meter{align-items:flex-end;gap:3px;height:14px;display:inline-flex}.meter i{background:var(--text);border-radius:2px;width:3px;height:3px}.micoff{width:16px;height:16px;color:var(--accent);display:inline-flex}.micoff svg{width:100%;height:100%}.crop-shade{opacity:0;transition:opacity var(--ease);pointer-events:none;background:#0b0b0dcc;position:absolute;top:0;bottom:0;left:0}.tile.cropping .crop-shade{opacity:1}.toolbar{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.toolbar .opts{align-items:center;gap:var(--s-1);color:var(--text-muted);font-size:var(--fs-2);flex-wrap:wrap;display:flex}.toolbar .opts>span{margin-right:var(--s-2)}.source-preview{aspect-ratio:16/9;border-radius:var(--radius);background:repeating-conic-gradient(var(--surface-2) 0% 25%, var(--surface) 0% 50%) 0 0 / 24px 24px;border:var(--hairline);position:relative;overflow:hidden}.source-preview iframe{border:0;width:100%;height:100%;display:block}dialog.sheet{width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--s-5);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);overflow-y:auto;box-shadow:0 24px 64px #00000080}dialog.sheet::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009}.sheet-head{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);display:flex}.sheet-body{gap:var(--s-4);flex-direction:column;display:flex}.sheet-body>.section:first-child{border-top:0;padding-top:0}.sheet-item,button.sheet-item{justify-content:space-between;width:100%}.detail{font-size:var(--fs-3);color:var(--text-2);white-space:pre-wrap;font-family:var(--mono)}.detail:empty:before{content:"No data yet.";color:var(--text-muted);font-family:var(--sans)}details.more>summary,details.log-box>summary{cursor:pointer;color:var(--text-muted);font-size:var(--fs-2);transition:color var(--ease);list-style:none}details.more>summary::-webkit-details-marker{display:none}details.log-box>summary::-webkit-details-marker{display:none}details.more>summary:hover,details.log-box>summary:hover{color:var(--text)}details.more>summary:before,details.log-box>summary:before{content:"▸ "}details.more[open]>summary:before,details.log-box[open]>summary:before{content:"▾ "}details.more[open]>summary,details.log-box[open]>summary{margin-bottom:var(--s-3)}pre.log{background:var(--bg);border:var(--hairline);padding:var(--s-3);border-radius:var(--radius);max-height:240px;font:var(--fs-3)/1.6 var(--mono);color:var(--text-muted);white-space:pre-wrap;margin:0;overflow:auto}.toast-host{bottom:var(--s-6);align-items:center;gap:var(--s-2);z-index:50;pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--line-strong);color:var(--text);font-size:var(--fs-2);align-items:center;gap:var(--s-2);padding:10px 16px;animation:.16s ease-out toast-in;display:flex;box-shadow:0 8px 24px #0006}.toast.bad{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.toast.bad:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hint{color:var(--text-muted);font-size:var(--fs-2)}.live-ind{white-space:nowrap}@media (max-width:640px){.topbar{gap:var(--s-3)}.topbar .actions .pill{padding-right:3px}.topbar .actions .pill>span:last-child{display:none}}