:root{color-scheme:dark;--ink:#09090c;--ink2:#111118;--paper:#eee9e1;--paper-soft:#c9c2b9;--muted:#8e8992;--amber:#d7a05f;--violet:#947ed8;--teal:#6ea7a3;--rose:#d88387;--line:rgba(238,233,225,.12);--line2:rgba(238,233,225,.24);--pad:clamp(16px,3.7vw,64px);--ease:cubic-bezier(.18,.82,.22,1)}
*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;min-height:100%;background:var(--ink);color:var(--paper)}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden;background:radial-gradient(60vw 50vw at 12% 22%,color-mix(in srgb,var(--violet) 8%,transparent),transparent 68%),radial-gradient(60vw 50vw at 86% 74%,color-mix(in srgb,var(--amber) 7%,transparent),transparent 70%),linear-gradient(150deg,var(--ink),var(--ink2))}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}
.entry-page{display:grid;place-items:center;overflow:auto}.entry-room{width:min(520px,86vw);text-align:center;padding:8vh 0}.entry-room h1{font:300 clamp(4rem,12vw,8rem)/.9 Georgia,serif;letter-spacing:-.055em;margin:.12em 0}.entry-room p{color:var(--paper-soft);font:300 1rem/1.6 Georgia,serif}.entry-room a{display:inline-block;margin-top:1.7rem;padding:.7rem 1rem;border-bottom:1px solid var(--amber);text-decoration:none}.eyebrow{font:600 .64rem/1 system-ui!important;letter-spacing:.34em;color:var(--muted)!important}.entry-presence{position:relative;width:88px;height:88px;margin:0 auto 2rem}.entry-presence i{position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--amber) 58%,transparent);border-radius:50%;transform:rotate(17deg)}.entry-presence i:nth-child(2){inset:20px 6px;border-color:color-mix(in srgb,var(--violet) 60%,transparent);transform:rotate(-31deg)}.entry-presence i:nth-child(3){inset:31px;border-color:color-mix(in srgb,var(--teal) 52%,transparent)}
.face{position:relative;width:100%;height:100dvh;overflow:hidden}.chrome{position:absolute;z-index:50;inset:0 0 auto 0;padding:18px var(--pad);display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{font-size:.65rem;letter-spacing:.32em;color:rgba(238,233,225,.62)}.status{font-size:.6rem;letter-spacing:.12em;color:var(--muted);display:flex;align-items:center;gap:.45rem}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:#86b99b;box-shadow:0 0 12px #86b99b80}.status.error:before{background:var(--rose)}
.room{position:absolute;inset:0}.room-axis{position:absolute;left:var(--pad);top:12vh;bottom:8vh;width:1px;background:linear-gradient(transparent,var(--line),var(--line),transparent)}.presence{position:absolute;left:clamp(18px,4vw,72px);top:clamp(74px,13vh,145px);width:clamp(150px,18vw,285px);height:clamp(230px,42vh,500px);transition:opacity .35s var(--ease),transform .45s var(--ease),filter .45s var(--ease);z-index:8;pointer-events:none}.presence canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 22px 48px #0008)}.presence.withdrawn{transform:translateX(-58%) scale(.68);opacity:.34}.presence.minimized{transform:translate(-28%,14%) scale(.52);opacity:.6}.presence.sleeping{opacity:.24;filter:saturate(.3)}.presence.hidden{opacity:0}.presence-note{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.56rem;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}
.conversation{position:absolute;z-index:10;left:clamp(190px,24vw,380px);top:7vh;bottom:0;width:min(760px,58vw);display:grid;grid-template-rows:1fr auto;min-width:0}.turns{overflow:auto;overscroll-behavior:contain;padding:6vh 0 31vh;scrollbar-width:none;mask-image:linear-gradient(to bottom,transparent,#000 5vh,#000 90%,transparent)}.turns::-webkit-scrollbar{display:none}.turn{position:relative;max-width:72ch;margin:.25rem 0 1.15rem;padding:1.1rem 0 1.3rem 1.2rem;border-left:1px solid transparent}.turn.lixa{border-color:color-mix(in srgb,var(--amber) 34%,transparent)}.turn.seph{border-color:color-mix(in srgb,var(--violet) 32%,transparent);color:#ded8e1}.turn .who{margin-bottom:.5rem;font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.turn.lixa .who{color:color-mix(in srgb,var(--amber) 80%,white)}.turn .text{white-space:pre-wrap;overflow-wrap:anywhere;font:350 clamp(.97rem,1.18vw,1.07rem)/1.68 system-ui}.turn.streaming .text:after{content:"";display:inline-block;width:.7em;height:1px;margin-left:.3em;vertical-align:.2em;background:var(--amber)}.attachments-inline{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.attachments-inline img{max-width:220px;max-height:180px;border-radius:10px;border:1px solid var(--line)}
.composer-zone{position:absolute;left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom));padding-top:8vh;background:linear-gradient(transparent,color-mix(in srgb,var(--ink) 86%,transparent) 40%,var(--ink) 75%)}.activity{min-height:1.2rem;margin:0 0 .2rem 1.2rem;font-size:.62rem;letter-spacing:.07em;color:var(--muted)}.attachment-strip{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 .4rem 1rem}.attachment-chip{display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:.64rem;color:var(--paper-soft)}.attachment-chip button{border:0;background:none;color:var(--muted);padding:0}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:end;border-top:1px solid var(--line2);padding:.8rem 0 .15rem}.composer textarea{width:100%;min-height:46px;max-height:24vh;resize:none;border:0;outline:0;background:transparent;padding:.6rem .2rem;line-height:1.55}.composer textarea::placeholder{color:#68636d}.circle-btn,.send{border:1px solid var(--line2);background:rgba(238,233,225,.025);height:42px;border-radius:999px;color:var(--paper-soft)}.circle-btn{width:42px;padding:0}.send{min-width:70px;padding:0 1rem}.send.stop{border-color:#d883876b;color:#e3a3a6}.composer-actions{display:flex;gap:6px}.composer input[type=file]{display:none}
.stage{position:absolute;inset:64px 18px 18px auto;width:min(440px,31vw);z-index:20;pointer-events:none;display:flex;flex-direction:column;gap:10px;align-items:stretch}.surface{pointer-events:auto;border:1px solid var(--line);background:color-mix(in srgb,var(--ink2) 88%,transparent);backdrop-filter:blur(18px);border-radius:16px;box-shadow:0 20px 70px #0008;overflow:hidden;max-height:42vh;display:flex;flex-direction:column;transition:opacity .25s var(--ease),transform .3s var(--ease)}.surface.minimized{max-height:42px}.surface-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-soft)}.surface-body{padding:12px;overflow:auto;font-size:.76rem;line-height:1.5}.surface iframe{width:100%;min-height:260px;border:0;background:transparent}.surface.private{border-color:color-mix(in srgb,var(--violet) 38%,transparent)}.private-item{padding:10px 0;border-bottom:1px solid var(--line)}.private-item:last-child{border:0}.private-item small{display:block;margin-top:5px;color:var(--muted)}.workshop-grid,.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.card{border:1px solid var(--line);border-radius:10px;padding:9px;min-width:0}.card strong{display:block;font-size:.72rem}.card small{color:var(--muted);font-size:.58rem}.gallery-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;margin-top:6px}.camera-video{width:100%;background:#000;border-radius:10px;max-height:270px}.surface button{border:1px solid var(--line2);background:transparent;border-radius:999px;padding:5px 9px;font-size:.65rem}.residue-dots{position:absolute;left:calc(var(--pad) + 10px);bottom:7vh;z-index:15;display:flex;flex-direction:column;gap:6px}.residue-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);opacity:.28}.residue-dot.held{background:var(--violet);opacity:.68}
.toast{position:absolute;z-index:80;right:24px;bottom:22px;max-width:360px;padding:10px 13px;border:1px solid var(--line2);border-radius:12px;background:#111017e8;color:var(--paper-soft);font-size:.72rem;opacity:0;transform:translateY(10px);transition:.25s var(--ease);pointer-events:none}.toast.show{opacity:1;transform:none}
@media(max-width:920px){.presence{left:auto;right:10px;top:58px;width:105px;height:160px;opacity:.66}.presence-note{display:none}.room-axis{display:none}.conversation{left:16px;right:16px;width:auto;top:62px}.turns{padding-top:74px;padding-bottom:27vh}.stage{left:12px;right:12px;top:70px;width:auto;max-height:46vh}.surface{max-height:40vh}.stage:not(:empty)+.conversation{filter:brightness(.72)}.composer-zone{padding-top:4vh}.composer{grid-template-columns:auto 1fr auto}.chrome{padding:14px 16px}.residue-dots{left:8px;bottom:26vh}}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}

.chrome-right{display:flex;align-items:center;gap:.75rem;pointer-events:auto}.face-control-toggle{border:1px solid var(--line2);background:rgba(238,233,225,.025);border-radius:999px;padding:.42rem .7rem;font-size:.56rem;letter-spacing:.16em;color:var(--paper-soft)}.face-control-toggle:hover{border-color:color-mix(in srgb,var(--amber) 55%,transparent);color:var(--paper)}
.surface.control{max-height:calc(100dvh - 98px);min-height:min(620px,74vh)}.surface.control .surface-body{padding:0 14px 18px}.control-loading,.control-note{color:var(--muted);font-size:.68rem}.control-section{padding:14px 0 4px;border-bottom:1px solid var(--line)}.control-section:last-child{border-bottom:0}.control-section h3{margin:0 0 10px;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);font-weight:600}.control-kv{display:flex;justify-content:space-between;gap:16px;padding:4px 0;font-size:.68rem}.control-kv span{color:var(--muted)}.control-kv strong{font-weight:500;text-align:right}.control-actions,.control-mini-actions{display:flex;gap:6px;flex-wrap:wrap}.control-surface,.control-memory{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.control-surface:first-of-type,.control-memory:first-of-type{border-top:0}.control-surface strong,.control-memory strong{display:block;font-size:.68rem;font-weight:560}.control-surface small,.control-memory small{display:block;margin-top:2px;color:var(--muted);font-size:.56rem;line-height:1.4}.control-mini-actions button{padding:3px 7px;font-size:.55rem}.control-roadmap{display:grid;gap:5px}.control-roadmap-item{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.64rem}.control-roadmap-item b,.control-memory>b{font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;font-weight:650}.status-live,.status-live-family{color:#9ed2b1}.status-partial{color:#e1b572}.status-planned{color:#918b97}.control-authority{padding:7px 0}.control-authority strong{display:block;font-size:.62rem;text-transform:capitalize}.control-authority span{display:block;margin-top:3px;color:var(--muted);font-size:.56rem;line-height:1.45}.control-section h3{display:flex;align-items:center;gap:7px}.control-help-button{width:16px!important;height:16px!important;min-width:16px;border:1px solid var(--line2)!important;border-radius:50%!important;padding:0!important;display:inline-grid!important;place-items:center;background:transparent!important;color:var(--muted)!important;line-height:1!important;vertical-align:middle;flex:0 0 auto}.control-help-button i{font-family:Georgia,serif;font-size:10px;font-style:italic;font-weight:600;transform:translateY(-.2px)}.control-help-button:hover,.control-help-button:focus-visible{color:var(--paper)!important;border-color:color-mix(in srgb,var(--amber) 65%,transparent)!important;outline:none}.control-kv{align-items:center}.control-kv>span:first-child{min-width:0}.control-kv>.control-help-button{margin-left:auto}.control-kv>strong{min-width:84px}.control-action-unit{display:inline-flex;align-items:center;gap:3px;max-width:100%}.control-surface-main,.control-memory-main,.control-authority-head,.control-roadmap-label{display:flex;align-items:center;gap:6px;min-width:0}.control-surface-main>div,.control-memory-main>div{min-width:0}.control-roadmap-label{flex:1}.control-note-help{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.control-help-popover{position:fixed;z-index:140;top:76px;right:12px;width:min(360px,calc(100vw - 24px));max-height:min(44vh,360px);overflow:auto;padding:13px 14px;border:1px solid var(--line2);border-radius:12px;background:#111017f5;box-shadow:0 18px 70px #000c;color:var(--paper-soft);backdrop-filter:blur(16px)}.control-help-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-help-head strong{font-size:.72rem;letter-spacing:.04em}.control-help-popover p{margin:8px 0 0;color:var(--paper-soft);font-size:.68rem;line-height:1.55}.control-help-close{width:24px!important;height:24px!important;border-radius:50%!important;padding:0!important;font-size:16px!important;line-height:1!important}
@media(max-width:920px){.surface.control{min-height:0;max-height:72vh}.face-control-toggle{padding:.36rem .58rem}}

.presence-visual{position:absolute;inset:0;isolation:isolate;overflow:visible}.avatar-layer{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;transform-origin:50% 50%;pointer-events:none;will-change:transform,opacity}.avatar-mesh{background:transparent}.presence.avatar-hidden{opacity:0}.presence[data-avatar-status=blocked] .presence-note{color:var(--rose)}.presence[data-avatar-authority=canonical] .presence-note{opacity:.42}.control-section input[type=file]{display:none}.control-section .control-rig input[type=file]{display:block}

[data-surface-id].state-hidden{display:none!important}[data-surface-id].state-withdrawn{opacity:.32!important;filter:saturate(.45)}[data-surface-id].state-sleeping{opacity:.28!important;filter:saturate(.35)}.conversation.state-minimized{height:54px!important;bottom:auto!important;overflow:hidden}.surface.state-positioned{max-height:none}.surface.state-docked{max-height:calc(100dvh - 82px)}.surface.state-floating{box-shadow:0 28px 100px #000b}.surface.state-positioned iframe{height:100%;min-height:220px}.conversation.state-positioned{display:grid;min-width:280px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);background:color-mix(in srgb,var(--ink) 76%,transparent);backdrop-filter:blur(10px);border-radius:14px;padding:0 14px}.stage .surface.state-positioned{pointer-events:auto}

.surface.control .surface-head{flex-shrink:0;gap:10px}.surface.control .surface-head>span:first-child{margin-right:auto}.surface.control .face-control-close{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;padding:0;font-size:24px;line-height:1;cursor:pointer}.face-control-close:focus-visible{outline:2px solid var(--amber);outline-offset:2px}

.panel-loading,.panel-empty,.panel-error{padding:14px;border:1px solid var(--line);border-radius:10px;color:var(--paper-soft)}.panel-error{border-color:color-mix(in srgb,var(--rose) 48%,transparent);color:var(--rose)}.panel-summary{display:grid;gap:4px;padding:12px;border:1px solid var(--line2);border-radius:10px;margin-bottom:10px}.panel-summary small,.memory-item small{color:var(--muted)}.panel-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.panel-test-result{font-size:.72rem;color:var(--paper-soft)}.panel-guide{margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:10px}.panel-guide summary{cursor:pointer}.memory-item{padding:10px 0;border-bottom:1px solid var(--line);display:grid;gap:4px}.memory-item pre{white-space:pre-wrap;word-break:break-word;margin:4px 0 0;font-size:.68rem;color:var(--paper-soft)}.soma-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.soma-grid>div{padding:10px;border:1px solid var(--line);border-radius:9px;display:grid;gap:3px}.soma-grid span{font-size:.62rem;text-transform:uppercase;color:var(--muted)}.artifact-kind{display:block;padding:22px 10px;text-align:center;color:var(--muted)}

.presence-vrm{position:absolute;inset:0;pointer-events:auto}.presence-vrm canvas{width:100%;height:100%;display:block}.presence-visual{z-index:2}.presence.avatar-hidden .presence-vrm{visibility:hidden}.presence.withdrawn .presence-vrm{opacity:.25}

.control-rig{display:grid;gap:8px;margin:12px 0}.control-rig input,.control-rig select{max-width:100%;background:#161923;color:inherit;border:1px solid #373b4a;border-radius:6px;padding:8px}.control-rig p{overflow-wrap:anywhere}
.presence-screen-points{position:absolute;inset:0;pointer-events:none;z-index:9}.screen-pointing{position:absolute;width:14px;height:14px;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:50%;background:#d7a05f;box-shadow:0 0 8px #d7a05f;pointer-events:auto;padding:0;cursor:pointer}
.agency-review{white-space:pre-wrap;word-break:break-word;max-height:24rem;overflow:auto;font-size:11px}.control-agency button{margin:4px}.voice-output-status{font-size:12px}