:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16302c;background:#102027;--ink:#18322e;--muted:#6f827a;--line:#dbe4dc;--accent:#205d49;--overlay-bottom:0px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:transparent;border-radius:12px;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:hover{background:#163e3510}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #2a795e;outline-offset:3px}[hidden]{display:none!important}#workspace,#scene-frame,#selection-layer{position:fixed;inset:0;width:100%;height:100%;border:0}#scene-frame{background:#0d1b22}#selection-layer{pointer-events:none;z-index:3;overflow:hidden}#boot{position:fixed;inset:0;background:#14252a;color:#e6ece3;display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:column;z-index:4;font-size:14px}#boot button{background:#dce9de;color:var(--ink);padding:10px 18px}.glass{background:#f9fbf2ed;border:1px solid #ffffffc0;box-shadow:0 8px 35px #04171121;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}#toolbar{position:fixed;z-index:5;left:20px;right:20px;top:max(18px,env(safe-area-inset-top));display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:19px;max-width:1000px;margin:auto;font-size:12px;min-height:49px}#toolbar button{display:flex;align-items:center;gap:7px;padding:7px 9px;white-space:nowrap}.scene-name{font-size:14px;font-weight:650;letter-spacing:-.02em}.chevron{font-size:17px;margin-left:4px;color:#75887d}.toolbar-divider{height:22px;background:var(--line);width:1px;margin:0 3px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d59d50}.connected .status-dot{background:#3e9568}.disconnected .status-dot{background:#ad6953}#participants{display:flex;margin-left:auto;align-items:center;gap:3px}#participants span{height:25px;min-width:25px;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:650;border:1px solid #fff}#share{font-weight:550}#composer-wrap{position:fixed;z-index:5;bottom:max(20px,env(safe-area-inset-bottom));left:20px;right:20px;max-width:620px;margin:auto;display:flex;flex-direction:column;align-items:stretch;gap:9px}#composer{display:flex;align-items:center;padding:8px;gap:8px;border-radius:25px}#chat-input{background:none;border:0;min-width:0;flex:1;color:var(--ink);padding:10px 0;outline:none;font-size:15px}#chat-input::placeholder{color:#819185}#point{width:40px;height:40px;background:#e4ebe0;font-size:25px;border-radius:50%;line-height:1}#point[aria-pressed=true]{background:#205d49;color:white}#send,#stop{border-radius:50%;height:38px;width:38px;background:#205d49;color:#fff;font-size:23px}#stop{font-size:15px;background:#9b6451}#activity-line{font-size:11px;text-align:center;color:#e3ede5;text-shadow:0 1px 4px #000;min-height:14px}#selection-chip{align-self:flex-start;max-width:100%;display:flex;align-items:center;gap:10px;border-radius:16px;padding:7px 11px;font-size:12px}#selection-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:370px}#selection-chip button{font-weight:600;padding:5px 8px;background:#e2ebe0}#clear-selection{font-size:18px;line-height:1}#transcript{border-radius:20px;padding:14px;max-height:min(34vh,280px);overflow:auto;font-size:13px;line-height:1.55;display:flex;flex-direction:column;gap:10px}.message{white-space:pre-wrap;overflow-wrap:anywhere;max-width:94%}.message.user{margin-left:auto;background:#dfeadc;padding:7px 11px;border-radius:13px}.message.assistant{padding:0 4px}.message.system{color:#816a4f;font-size:12px}.message.busy:after{content:" ▍";animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}#panel{position:fixed;margin:auto;padding:20px;max-height:calc(100dvh - 50px - var(--overlay-bottom));width:min(460px,calc(100vw - 32px));border-radius:24px;color:var(--ink);overflow:auto;z-index:20}#panel::backdrop{background:#0c191d40;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.panel-head h1{font-size:18px;margin:0;letter-spacing:-.04em}.panel-head button{font-size:25px;line-height:1;padding:3px 7px}.panel-subtitle{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 18px}.scene-option{display:flex;width:100%;padding:15px 13px;border:1px solid var(--line);border-radius:15px;margin:8px 0;align-items:center;text-align:left;gap:12px;background:#ffffff4d}.scene-option strong{font-size:15px}.scene-option small{display:block;color:var(--muted);margin-top:4px}.scene-option .scene-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e1eade;color:#265546;font-size:23px}.scene-option .scene-arrow{margin-left:auto;color:var(--muted)}.panel-divider{height:1px;background:var(--line);margin:20px 0}.panel-label{display:block;font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.room-id{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace}.panel-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.panel-actions button,.primary-button{font-size:12px;background:#e4ebdf;padding:10px 13px;border-radius:11px}.primary-button{background:#205d49;color:white}.profile-name{display:flex;align-items:center;gap:10px;margin-top:14px}.profile-name input,.field input,.field textarea,.field select{border:1px solid var(--line);background:#ffffffb0;border-radius:10px;color:var(--ink);width:100%;padding:10px;font-size:13px}.profile-name label{white-space:nowrap;font-size:12px;color:var(--muted)}.field{display:block;margin:14px 0}.field>span{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:550;margin-bottom:7px}.field textarea{resize:vertical;min-height:82px;line-height:1.5}.field input[type=color]{padding:3px;height:38px;cursor:pointer}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-row .field{margin:0}.field-note{font-size:11px;color:var(--muted);line-height:1.5}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric{padding:14px;background:#e7eee2;border-radius:13px}.metric strong{display:block;font-size:25px;letter-spacing:-.05em;font-weight:550}.metric small{font-size:11px;color:#728172;display:block;margin-top:4px}.participant-detail{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:12px}.participant-detail i{width:8px;height:8px;border-radius:50%}.participant-detail span{color:var(--muted);margin-left:auto}.selection-ring{position:absolute;border:2px solid var(--ring-color,#8bcd91);border-radius:4px;box-shadow:0 0 0 1px #10221a30;transition:top 80ms,left 80ms,width 80ms,height 80ms}.selection-ring.local{border-style:dashed}.selection-ring .ring-label{position:absolute;top:-23px;left:-2px;font-size:10px;font-weight:600;background:var(--ring-color,#8bcd91);color:#10231c;border-radius:5px 5px 0 0;padding:3px 6px;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.selection-ring.bottom-label .ring-label{top:calc(100% + 2px);border-radius:0 0 5px 5px}#toast{position:fixed;z-index:30;bottom:calc(105px + var(--overlay-bottom));left:50%;transform:translateX(-50%);max-width:90vw;padding:11px 17px;border-radius:13px;background:#183e32;color:#fff;font-size:13px;box-shadow:0 5px 25px #0003;white-space:normal}.native-host .browser-chrome{display:none!important}.native-host #panel{margin-top:max(30px,env(safe-area-inset-top));margin-bottom:auto}.native-host #toast{bottom:calc(20px + var(--overlay-bottom))}.room-link{font-family:ui-monospace,monospace!important;min-height:100px!important}.error-note{color:#9b4a3a;font-size:12px;line-height:1.5}@media(max-width:580px){#toolbar{left:12px;right:12px;top:max(12px,env(safe-area-inset-top));gap:2px;padding:7px}#toolbar button{padding:7px 6px}.toolbar-divider{margin:0 4px}#connection-label{font-size:0}#connection-label:after{content:attr(data-short);font-size:11px}#share{font-size:11px}#composer-wrap{left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom))}#selection-label{max-width:235px}.scene-name{font-size:13px}#panel{padding:18px}#activity-line{font-size:10px}#participants span:nth-child(n+4){display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

#toolbar #back{font-size:24px;padding:3px 9px 5px 4px;gap:5px}#back span{font-size:13px;font-weight:500}#toolbar #settings{margin-left:3px;background:#205d49;color:#fff;padding:8px 15px;font-size:13px;font-weight:600}#scene-title{padding:0 5px}#composer-wrap[hidden]{display:none!important}.selection-ring.local .ring-label{display:none}.selection-ring.local{border:2px solid #a9dfbd;box-shadow:0 0 0 1px #12362950,0 0 12px #a9dfbd28}

.settings-action{display:block;width:100%;text-align:left;font-size:15px;padding:13px 15px}.settings-actions{display:flex;flex-direction:column;gap:3px}.settings-actions button{text-align:left;padding:12px 10px;font-size:13px}
/* Navigation floats over the backdrop; scenes receive its measured content inset. */
#toolbar{top:calc(12px + env(safe-area-inset-top,0px));background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#toolbar button,#toolbar .scene-name{background:#f9fbf2eb;border-radius:14px;box-shadow:0 3px 16px #04171116;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
#toolbar .scene-name{padding:8px 11px}
#toolbar .toolbar-divider{display:none}
#workspace{top:0;height:100%}
#scene-frame,#boot{position:absolute}
#selection-layer{clip-path:inset(var(--overlay-top,0px) 0 0 0)}

/* Agent sign-in and model preferences */
.agent-status{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:#ffffff4d;font-size:13px}.agent-status i{width:9px;height:9px;border-radius:50%;background:#c9b489;flex:none}.agent-status.signed i{background:#3e9568}.agent-status small{display:block;color:var(--muted);margin-top:2px;font-size:11px}
.signin-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:30px;letter-spacing:.12em;text-align:center;padding:16px 10px;border-radius:14px;background:#e7eee2;margin:12px 0;user-select:all;-webkit-user-select:all}
.signin-link{display:block;text-align:center;font-size:14px;font-weight:600;color:var(--accent);margin:6px 0 12px}
.field select{appearance:none;-webkit-appearance:none;background:#ffffffb0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236f827a' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center}
.status-line{font-size:12px;color:var(--muted);line-height:1.5;margin:8px 0 0}

/* The agent's ring label cycles . .. ... while a run lasts. */
.selection-ring.agent .ring-label .dots{display:inline-block;margin-left:1px}.selection-ring.agent .ring-label .dots i{font-style:normal;display:inline-block;opacity:0}.selection-ring.agent .ring-label .dots i::before{content:"."}
.selection-ring.agent .ring-label .dots i:nth-child(1){opacity:1}
.selection-ring.agent .ring-label .dots i:nth-child(2){animation:coast-dot-2 1.2s linear infinite}
.selection-ring.agent .ring-label .dots i:nth-child(3){animation:coast-dot-3 1.2s linear infinite}
@keyframes coast-dot-2{0%,33.3%{opacity:0}33.4%,100%{opacity:1}}
@keyframes coast-dot-3{0%,66.6%{opacity:0}66.7%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.selection-ring.agent .ring-label .dots i{opacity:1}}