:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c0e;--panel:#141519;--field:#0e0f12;--line:#ffffff29;--control-line:#7b7d8a;--text:#ececef;--muted:#b4b4bd;--accent:#9cc3ff;--on-accent:#0b0c0e;--live:#6fd49a;--bad:#f08c8c;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--target:44px;--radius-control:12px;--radius-panel:16px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f7;--panel:#fbfbfd;--field:#fff;--line:#0b0c0e29;--control-line:#767986;--text:#15161a;--muted:#4a4c57;--accent:#1a56ad;--on-accent:#fff;--live:#16794a;--bad:#b3261e}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f7;--panel:#fbfbfd;--field:#fff;--line:#0b0c0e29;--control-line:#767986;--text:#15161a;--muted:#4a4c57;--accent:#1a56ad;--on-accent:#fff;--live:#16794a;--bad:#b3261e}}.logo{border:2px solid;border-radius:50%;flex:none;width:1.125rem;height:1.125rem;display:inline-block;position:relative}.logo:after{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:24%}.wordmark{font-size:var(--fs-lg);letter-spacing:.02em;font-weight:600;line-height:1.2}button,.button{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--target);min-width:var(--target);padding:0 var(--sp-4);border-radius:var(--radius-control);border:1px solid var(--control-line);background:var(--panel);color:var(--text);font:inherit;font-size:var(--fs-md);cursor:pointer;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}button.primary,.button.primary{background:var(--accent);color:var(--on-accent);border-color:#0000}@media (hover:hover){button:not(:disabled):hover,.button:hover{border-color:var(--accent)}button.primary:not(:disabled):hover,.button.primary:hover{filter:brightness(1.08)}}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 5px var(--panel)}button.primary:focus-visible,.button.primary:focus-visible{outline-color:var(--text)}a{color:var(--accent);text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:root{--panel-w:400px;--sheet-h:42dvh;--sheet-open-h:50dvh;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);font:var(--fs-md)/1.5 var(--font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0}body{overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#stage{top:0;left:0;right:0;bottom:var(--sheet-h);width:100%;height:calc(100% - var(--sheet-h));display:block;position:fixed}#poster{top:0;left:0;right:0;bottom:var(--sheet-h);z-index:1;padding:var(--sp-5);text-align:center;color:var(--muted);place-items:center;display:grid;position:fixed}#poster p{max-width:28ch;font-size:var(--fs-lg);margin:0}.skip{z-index:4;top:var(--sp-2);left:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-control);background:var(--accent);color:var(--on-accent);font-weight:600;position:fixed;transform:translateY(-200%)}.skip:focus-visible{transform:none}header{z-index:2;min-height:calc(56px + var(--safe-top));padding:var(--safe-top) calc(var(--sp-4) + var(--safe-right)) 0 calc(var(--sp-4) + var(--safe-left));pointer-events:none;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:var(--sp-2);margin:0;display:flex}.identity{padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-control);background:var(--panel);align-items:center;display:flex}.label{margin-left:var(--sp-3);padding-left:var(--sp-3);border-left:1px solid var(--line);color:var(--muted);font-size:var(--fs-sm)}:root:has(.panel[data-open=true]) .mark{display:none}@media (width>=900px){:root:has(.panel[data-open=true]) .mark{display:block}}.mark{z-index:1;left:calc(var(--sp-4) + var(--safe-left));bottom:calc(var(--sheet-h) + var(--sp-3));color:var(--text);opacity:.4;font-size:var(--fs-xs);letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;position:fixed}.panel{z-index:3;left:0;right:0;bottom:var(--kb,0px);height:min(var(--sheet-h), calc(var(--vvh,100dvh) - 72px));padding:var(--sp-1) calc(var(--sp-4) + var(--safe-right)) calc(var(--sp-3) + var(--safe-bottom)) calc(var(--sp-4) + var(--safe-left));background:var(--panel);border-top:1px solid var(--line);border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:fixed;overflow:hidden}:root:has(.panel[data-session=out]){--sheet-h:260px}.panel[data-session=out]{height:auto}.panel[data-session=out] .body{flex:none}.panel[data-open=true]{height:min(var(--sheet-open-h), calc(var(--vvh,100dvh) - 24px))}.body{gap:var(--sp-2);flex-direction:column;flex:1 1 0;min-height:0;display:flex}.panel:focus-visible{outline-offset:-3px}.handle{background:0 0;border:0;flex:none;place-items:center;width:100%;min-height:24px;padding:0;display:grid}.grip{background:var(--control-line);border-radius:2px;width:40px;height:4px}.head{justify-content:space-between;align-items:center;gap:var(--sp-3);flex:none;min-height:40px;display:flex}.head h2{font-size:var(--fs-md);margin:0;font-weight:600}.account{align-items:center;gap:var(--sp-2);min-width:0;color:var(--muted);font-size:var(--fs-sm);display:flex}#account-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.invite{gap:var(--sp-3);padding-bottom:var(--sp-1);display:grid}.invite p{text-wrap:balance;font-size:var(--fs-lg);margin:0;line-height:1.4}.log{flex:1 1 0;min-height:0;display:grid;position:relative;container-type:size}#transcript{padding:var(--sp-1) 0;overscroll-behavior:contain;align-content:start;gap:var(--sp-4);border-radius:8px;margin:0;list-style:none;display:grid;overflow-y:auto}#empty{color:var(--muted);font-size:var(--fs-sm);pointer-events:none;place-items:center;margin:0;display:grid;position:absolute;inset:0}@container (height<=2.4em){#empty{display:none}}#jump{right:0;bottom:var(--sp-2);position:absolute}.line{gap:2px;display:grid}.who{gap:var(--sp-2);font-size:var(--fs-xs);color:var(--muted);display:flex}.how[data-refused=true]{color:var(--bad)}.said{font-size:var(--fs-md);text-wrap:pretty;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.5}.line[data-role=user] .name{color:var(--accent)}.line[data-final=false] .said{color:var(--muted)}.slot{min-height:1.4em;font-size:var(--fs-sm);flex:none;line-height:1.4}#status{color:var(--muted);overflow-wrap:anywhere;margin:0}#status[data-state=ok]{color:var(--live)}#status[data-state=error]{color:var(--bad)}.detail{color:var(--muted);font-size:var(--fs-xs);margin:0}#models-ask{gap:var(--sp-2);grid-template-columns:1fr 1fr auto;align-items:center;display:grid}#models-ask p{font-size:var(--fs-sm);grid-column:1/-1;margin:0;line-height:1.4}#models-ask button{flex:none}#models-bar{gap:var(--sp-1);display:grid}#models-bar p{margin:0}#models-bar progress{appearance:none;background:var(--line);border:0;border-radius:2px;width:100%;height:4px;display:block;overflow:hidden}#models-bar progress::-webkit-progress-bar{background:var(--line)}#models-bar progress::-webkit-progress-value{background:var(--accent);border-radius:2px}#models-bar progress::-moz-progress-bar{background:var(--accent);border-radius:2px}#licences{align-self:flex-start;align-items:center;min-height:24px;text-decoration:underline;display:inline-flex}@media (width<=899px){.panel:has(#models-ask:not([hidden])){height:auto;max-height:calc(var(--vvh,100dvh) - 72px)}.panel:has(#models-ask:not([hidden])) .body{flex:none}.panel:has(#models-ask:not([hidden])) .log{flex:none;min-height:3.5em}}#egress{color:var(--muted);font-size:var(--fs-sm);white-space:pre-line;margin:0}.composer{gap:var(--sp-2);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}textarea{min-height:var(--target);max-height:132px;padding:10px var(--sp-3);resize:none;border-radius:var(--radius-control);border:1px solid var(--control-line);background:var(--field);color:var(--text);font:inherit;line-height:1.4}textarea::placeholder{color:var(--muted);opacity:1}textarea:disabled{border-color:var(--line)}.controls{gap:var(--sp-2);display:flex}.controls:not(:has(>:not([hidden]))){display:none}button,textarea{touch-action:manipulation}button{flex:1}button.quiet{flex:none}#mic[data-listening=true]{border-color:var(--live);color:var(--live)}#mic[data-listening=true]:before{content:"";background:var(--live);border-radius:50%;width:8px;height:8px;display:inline-block}button:disabled{opacity:.6;cursor:default}.composer button{flex:none}.fineprint{color:var(--muted);font-size:var(--fs-xs);margin:0;line-height:1.4}@media (prefers-reduced-motion:no-preference){button,.skip{transition:border-color .15s,filter .15s}.panel{transition:height .2s}}@media (width>=900px){#stage,#poster{right:calc(var(--panel-w) + var(--sp-4) * 2);height:100%;bottom:0}#stage{width:calc(100% - var(--panel-w) - var(--sp-4) * 2);height:100%}.panel,.panel[data-session=out]{left:auto;top:calc(64px + var(--safe-top));right:calc(var(--sp-4) + var(--safe-right));bottom:var(--sp-4);width:var(--panel-w);border:1px solid var(--line);border-radius:var(--radius-panel);height:auto;padding:var(--sp-3) var(--sp-4) var(--sp-4)}.panel[data-session=out]{top:50%;bottom:auto;transform:translateY(-50%)}.panel[data-open=true]{height:auto}.panel[data-session=unknown]{top:calc(64px + var(--safe-top))}.handle{display:none}.mark{bottom:calc(var(--sp-4) + var(--safe-bottom))}}