:root{color-scheme:dark;--bg:oklch(0.10 0.04 228);--surface:oklch(0.14 0.04 228);--surface2:oklch(0.18 0.04 228);--border:oklch(0.26 0.04 228);--text:oklch(0.93 0.01 225);--muted:oklch(0.60 0.03 228);--coral:oklch(0.56 0.22 25);--coral-lt:oklch(0.65 0.20 18);--cyan:oklch(0.72 0.14 196);--cyan-dim:oklch(0.42 0.08 210);--gold:oklch(0.75 0.16 78);--panel:var(--surface);--panel-strong:var(--surface2);--accent:var(--cyan);--accent-strong:var(--gold);--line:var(--border)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Space Grotesk,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.stage{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:100vh}.avatar-viewport{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px}.avatar-scene{aspect-ratio:9/16;background:oklch(.08 .04 228);border:1px solid var(--border);border-radius:10px;min-height:0;overflow:hidden;position:relative;width:min(100%,480px,calc((100vh - 144px) * 9 / 16))}.avatar-scene--hld{aspect-ratio:9/16;background:#ffffff;border:0;border-radius:0;height:min(100vh,calc(100vw * 16 / 9));min-height:0;width:min(100vw,calc(100vh * 9 / 16))}.avatar-scene canvas{display:block;height:100%;width:100%}.avatar-scene-shadow-canvas,.avatar-scene-webgl-canvas{inset:0;position:absolute}.avatar-scene-shadow-canvas{z-index:0}.avatar-scene-webgl-canvas{z-index:1}.avatar-scene-status{align-items:center;color:var(--muted);display:flex;font-family:Space Mono,monospace;font-size:12px;inset:0;justify-content:center;position:absolute;z-index:2}.chat-panel{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:-webkit-sticky;position:sticky;top:0}.panel-sections{flex-shrink:0}.panel-section{border-bottom:1px solid var(--border);flex-shrink:0}.panel-section>summary{align-items:center;background:var(--surface2);border-left:3px solid var(--coral);cursor:pointer;display:flex;font-family:Space Mono,monospace;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.1em;list-style:none;padding:11px 16px;text-transform:uppercase;color:var(--text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.panel-section>summary::-webkit-details-marker{display:none}.panel-section>summary:after{content:"›";color:var(--muted);font-size:16px;line-height:1;transition:transform .15s}.panel-section[open]>summary:after{transform:rotate(90deg)}.panel-section>summary:hover{background:oklch(.2 .04 228)}.panel-section-body{display:grid;grid-gap:10px;gap:10px;max-height:38vh;overflow-y:auto;padding:12px 20px 16px}.chat-header{align-items:center;background:var(--surface2);border-bottom:1px solid var(--border);border-left:3px solid var(--cyan);display:flex;flex-shrink:0;font-family:Space Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.1em;padding:11px 16px;text-transform:uppercase;color:var(--text)}.advanced-section{margin-top:4px}.advanced-section>summary{color:var(--muted);cursor:pointer;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.08em;list-style:none;padding:6px 0;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.advanced-section>summary::-webkit-details-marker{display:none}.advanced-section>summary:before{content:"+ "}.advanced-section[open]>summary:before{content:"− "}.advanced-section>summary:hover{color:var(--text)}.advanced-body{border-top:1px solid var(--border);display:grid;grid-gap:10px;gap:10px;margin-top:6px;padding-top:12px}input{min-width:0}input,select,textarea{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 10px}select,textarea{width:100%}textarea{resize:vertical}.button-link,button{background:var(--coral);border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-family:Space Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.04em;padding:10px 14px}button:hover{background:var(--coral-lt)}button:disabled{cursor:not-allowed;opacity:.45}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{background:var(--surface2)}.character-settings{display:grid;grid-gap:10px;gap:10px}.character-settings label{color:var(--muted);display:grid;font-size:12px;font-weight:500;grid-gap:5px;gap:5px}.openclaw-note,.openclaw-setup{background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:12px;line-height:1.5;padding:10px 12px}.openclaw-setup{display:grid;grid-gap:8px;gap:8px}.openclaw-setup-header{color:var(--text);font-size:12px;font-weight:700}.openclaw-setup p{margin:0}.openclaw-command-row{align-items:stretch;display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto}.openclaw-command-row code{align-content:center;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);display:block;font-family:Space Mono,monospace;font-size:11px;line-height:1.45;min-height:36px;overflow-x:auto;overflow-y:hidden;padding:6px 8px;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap}.openclaw-command-row code::-webkit-scrollbar{display:none}.openclaw-command-row button{min-width:72px}.vrm-row{align-items:center;display:flex;gap:10px}.vrm-filename{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-settings{display:grid;grid-gap:10px;gap:10px}.model-settings label{color:var(--muted);display:grid;font-size:12px;font-weight:500;grid-gap:5px;gap:5px}.settings-readout{display:grid;grid-gap:4px;gap:4px;min-width:0}.settings-readout span{color:var(--muted);font-size:12px;font-weight:500}.settings-readout strong{color:var(--text);font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.field-help{color:var(--muted);font-size:11px;font-weight:400;line-height:1.45}.local-model-progress{display:grid;grid-gap:6px;gap:6px}.local-model-progress progress{accent-color:var(--cyan);height:6px;width:100%}.local-model-list{display:grid;grid-gap:3px;gap:3px}.local-model-row{align-items:baseline;display:flex;font-size:12px;justify-content:space-between;min-height:20px}.local-model-row span:first-child,.local-model-status{color:var(--muted);white-space:nowrap}.local-model-status{font-family:Space Mono,monospace;font-size:11px;min-width:90px;overflow:hidden;text-align:right;text-overflow:ellipsis}.local-model-status.loading{color:var(--gold)}.local-model-status.ready{color:var(--cyan)}.local-model-status.error{color:#ffb3a6}.speech-settings{display:grid;grid-gap:10px;gap:10px}.speech-settings label{color:var(--muted);display:grid;font-size:12px;font-weight:500;grid-gap:5px;gap:5px}.speech-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr 1fr}.inline-toggle{align-items:center;color:var(--muted)!important;display:flex!important;font-size:12px;gap:8px!important}.inline-toggle input{min-width:auto}.provider-note{color:var(--muted);font-family:Space Mono,monospace;font-size:11px;line-height:1.5}.chat-error{color:#ffb3a6;font-size:13px;line-height:1.4;padding:0 20px 8px}.cache-row{align-items:center;display:flex;font-size:12px;justify-content:space-between}.cache-row span:first-child{color:var(--muted)}.cache-actions{align-items:center;display:inline-flex;gap:8px}.cache-actions button{font-size:11px;padding:4px 8px}.transcript-box{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:8px;display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto;padding:8px 10px}.transcript-box span{color:var(--text);font-size:13px;line-height:1.4;overflow-wrap:anywhere}.message-list{flex:1 1;min-height:0;overflow-y:auto;padding:14px 20px 0;display:flex;flex-direction:column;gap:12px}.message{background:var(--surface2);border:1px solid var(--border);border-radius:8px;font-size:14px;line-height:1.55;padding:12px 14px}.message.user{background:oklch(.18 .06 196/.4);border-color:var(--cyan-dim);margin-left:24px}.message.assistant{margin-right:24px}.composer{border-top:1px solid var(--border);display:grid;flex-shrink:0;grid-gap:8px;gap:8px;grid-template-columns:auto 1fr auto;padding:12px 20px;align-items:center}.composer input{padding:10px 12px}.mic-split-button{display:inline-flex;align-items:stretch;min-height:42px;position:relative}.mic-mode-btn{background:var(--surface2);border:1px solid var(--border);border-left:0;border-radius:0 6px 6px 0;color:var(--muted);cursor:pointer;display:grid;min-width:32px;padding:0;place-items:center}.mic-mode-btn span{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid;height:0;width:0}.mic-mode-btn:hover{color:var(--text)}.mic-mode-btn:disabled{cursor:not-allowed;opacity:.7}.mic-mode-menu{background:var(--surface);border:1px solid var(--border);border-radius:6px;bottom:calc(100% + 6px);box-shadow:0 10px 28px oklch(0 0 0/.22);display:grid;left:0;min-width:100%;padding:4px;position:absolute;z-index:30}.mic-mode-menu button{background:transparent;border:0;border-radius:4px;color:var(--text);justify-content:flex-start;padding:8px 10px;text-align:left;white-space:nowrap}.mic-btn,.mic-mode-menu button:hover{background:var(--surface2)}.mic-btn{border:1px solid var(--border);border-radius:6px 0 0 6px;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;transition:background .1s,color .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mic-split-button .mic-btn{min-width:48px}.mic-btn:hover{background:var(--surface2);color:var(--text)}.mic-btn.listening{background:oklch(.56 .22 25/.2);border-color:var(--coral);color:var(--coral)}.send-btn{background:var(--coral);padding:10px 14px}.send-btn:hover{background:var(--coral-lt)}.onboarding-overlay{align-items:center;background:oklch(0 0 0/.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}#VRButton{bottom:auto!important;left:auto!important;margin:0!important;position:static!important;transform:none!important;z-index:20!important}#VRButton[data-liteforms-single-screen=true]{display:none!important}.onboarding-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;contain:layout style;display:flex;flex-direction:column;gap:20px;max-width:420px;padding:32px;width:100%}.onboarding-modal--wide{max-width:500px}.onboarding-title{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.02em}.onboarding-intro{color:var(--muted);font-size:14px;line-height:1.6}.onboarding-warning{background:oklch(.55 .18 78/.12);border:1px solid oklch(.55 .18 78/.4);border-radius:6px;color:var(--gold);font-family:Space Mono,monospace;font-size:11px;line-height:1.6;padding:10px 12px}.onboarding-actions{display:flex;flex-direction:column;gap:10px}.onboarding-primary{background:var(--coral);justify-content:center;width:100%}.onboarding-primary:hover{background:var(--coral-lt)}.onboarding-secondary{background:transparent;border:1px solid var(--border);color:var(--text);justify-content:center;width:100%}.onboarding-secondary:hover{background:var(--surface2)}.onboarding-fieldset{border:0;display:grid;grid-gap:12px;gap:12px;padding:0}.onboarding-fieldset label{color:var(--muted);display:grid;font-size:12px;font-weight:500;grid-gap:5px;gap:5px}.onboarding-fieldset input,.onboarding-fieldset select{padding:8px 10px}.onboarding-step-indicator{display:flex;gap:6px;justify-content:center}.onboarding-step-dot{background:var(--border);border-radius:50%;height:7px;width:7px}.onboarding-step-dot.active{background:var(--coral)}.onboarding-step-dot.done{background:var(--muted)}.onboarding-model-queue{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.onboarding-queue-item{font-size:13px}.onboarding-queue-item--loading{color:var(--text);font-weight:500}.onboarding-queue-item--idle{color:var(--muted)}.onboarding-queue-item--ready{color:var(--cyan)}.onboarding-queue-item--error{color:#ffb3a6}.onboarding-ready-message{color:var(--cyan);font-size:13px;margin-bottom:8px}.onboarding-progress{accent-color:var(--cyan);height:6px;width:100%;display:block;flex-shrink:0}.onboarding-model-list{display:grid;grid-gap:4px;gap:4px;min-height:72px}.onboarding-model-row{align-items:baseline;display:flex;font-size:13px;justify-content:space-between;min-height:22px}.onboarding-model-status{color:var(--muted);font-family:Space Mono,monospace;font-size:11px;min-width:100px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.onboarding-model-status.loading{color:var(--gold)}.onboarding-model-status.ready{color:var(--cyan)}.onboarding-model-status.error{color:#ffb3a6}.onboarding-footer{border-top:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding-top:16px}.onboarding-footer--end{justify-content:flex-end}.onboarding-back{background:transparent;border:1px solid var(--border);color:var(--text)}.onboarding-back:hover{background:var(--surface2)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:860px){.stage{grid-template-columns:1fr}.chat-panel{border-left:0;border-top:1px solid var(--border);height:auto;min-height:480px;position:static}.avatar-viewport{padding:24px}}