:root{color-scheme:dark;--bg:#000;--surface:#080c0b;--line:#1b2c26;--muted:#91a59b;--text:#e6efe9;--accent:#6bffc0;--warm:#dfc393}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5}button,a,textarea,select{-webkit-tap-highlight-color:transparent}button,select,textarea{font:inherit}button{min-height:44px;border:1px solid var(--line);background:transparent;color:var(--text);padding:10px 16px;border-radius:6px;cursor:pointer;transition:background .18s,border-color .18s}button:hover:not(:disabled){border-color:#50836a;background:#102219}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;left:16px;top:-80px;background:var(--accent);color:#000;z-index:20;padding:12px}.skip:focus{top:16px}.app-header{height:108px;max-width:1560px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #101b15}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:24px;letter-spacing:.2em;font-weight:600}.brand-mark{width:36px;height:40px;display:grid;place-items:center;border:1px solid #4c8a67;color:var(--accent);font-size:25px;transform:skewY(-9deg);font-weight:300}.brand small{font-size:8px;display:block;letter-spacing:.24em;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:25px;font-size:12px}.header-actions button{font-size:12px;border:0}.badge{color:var(--muted);display:flex;align-items:center;gap:8px}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge-ok{color:var(--accent)}.badge-warn,.badge-error{color:var(--warm)}.experience{max-width:1560px;margin:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(380px,1fr);min-height:calc(100dvh - 164px)}.presence{position:relative;padding:36px 24px 20px 56px;min-width:0;overflow:hidden;display:flex;flex-direction:column}.eyebrow{font:10px/1.6 Consolas,monospace;letter-spacing:.15em;color:var(--accent)}h1{font-size:clamp(24px,2.7vw,41px);font-weight:400;letter-spacing:-.035em;line-height:1.25;margin:14px 0 0}h1 em{font-style:normal;color:var(--muted)}.stage{position:relative;flex:1;min-height:420px;height:510px;margin:-6px -10px 0}canvas{width:100%;height:100%;display:block}.stage-marker{position:absolute;font:8px/1.9 Consolas,monospace;letter-spacing:.12em;color:#63826f;top:48%}.marker-left{left:1%}.marker-right{right:0;text-align:right}.stage-baseline{position:absolute;bottom:7%;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,#25553b,transparent)}.presence-status{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:var(--accent)}.presence-status button{font-size:11px;border:0;margin-left:18px;color:var(--muted)}.signal{height:6px;width:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #59ff9e}.presence-note{color:#82988a;text-align:center;font-size:11px;margin:1px 0 0}.workspace{border-left:1px solid #101b15;padding:32px 48px 26px;min-width:0;position:relative}.mode-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:30px;gap:22px}.mode-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 0 16px;font-size:12px;color:var(--muted)}.mode-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.icon-button{font-size:11px;color:var(--muted);border:0;padding:6px 0}h2{font-size:28px;font-weight:400;letter-spacing:-.03em;margin:7px 0 8px}.panel-description{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 22px}.chat-log{height:160px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#31543d transparent;overscroll-behavior:contain}.empty-state{display:flex;gap:15px;align-items:center;height:100%;font-size:13px;color:#c3d5c9}.empty-state p span{color:var(--muted)}.mini-mark{font-size:34px;font-weight:100;color:var(--accent)}.message{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 0;margin:0 0 12px;border-bottom:1px solid #14221a}.message strong{display:block;font:9px Consolas,monospace;color:var(--accent);letter-spacing:.12em;margin-bottom:8px}.message.user strong{color:var(--muted)}.message.user{color:#a4b7ab}.suggestions-bar{display:flex;flex-direction:column;gap:0;margin:8px 0 20px}.suggestions-bar button{border-radius:0;border:0;border-bottom:1px solid #1a271e;display:flex;justify-content:space-between;text-align:left;padding:10px 0;font-size:12px;min-height:38px;color:#bccdc1}.suggestions-bar button span{color:var(--accent)}label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.composer{border:1px solid #35533e;border-radius:8px;background:#060b08;padding:12px}.composer:focus-within{border-color:#78b58b}textarea{display:block;width:100%;resize:vertical;min-height:66px;max-height:220px;background:transparent;border:0;color:var(--text);font-size:14px;line-height:1.6;padding:0}textarea:focus-visible{outline-offset:2px}textarea::placeholder{color:#718477}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.composer-bottom>span{font-size:9px;color:var(--muted);max-width:185px}#send-btn,.primary{background:var(--accent);color:#001e11;font-weight:600;border-color:var(--accent);font-size:12px}.context-note{font-size:10px;line-height:1.65;color:var(--muted);margin:10px 0 0}.voice-option{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.voice-option strong{font-size:11px;font-weight:500;display:block}.voice-option div>span{display:block;font-size:10px;color:var(--muted);margin-top:3px}#speech-toggle{padding:0 5px;width:44px;min-width:44px;height:44px;border:0;display:flex;align-items:center}#speech-toggle:before{content:"";position:absolute;width:34px;height:20px;border:1px solid #4a6050;border-radius:20px;background:#142219}#speech-toggle span{width:12px;height:12px;margin-left:4px;border-radius:50%;background:#9cb4a4;z-index:1;transition:transform .2s}#speech-toggle[aria-checked=true] span{transform:translateX(14px);background:var(--accent)}.simulation-badge{color:var(--warm);display:block;margin-bottom:18px}select{width:100%;padding:13px 12px;min-height:48px;color:var(--text);background:#09110c;border:1px solid #294331;border-radius:5px;font-size:13px}.demo-transcript{min-height:246px;padding:36px 0 16px}#voice-caption{font-size:25px;font-weight:300;line-height:1.5;letter-spacing:-.025em;margin:20px 0}#voice-state{font-size:11px;color:var(--muted)}.timeline{height:2px;background:#1b3022;margin:8px 0 20px}.timeline span{display:block;width:0;height:100%;background:var(--accent);transition:width .3s}.playback-buttons{display:flex;gap:8px;flex-wrap:wrap}.playback-buttons button{font-size:12px}#features-panel{position:absolute;z-index:3;inset:95px 30px auto;background:#0b150e;border:1px solid #45684e;box-shadow:0 30px 100px #000;padding:28px;border-radius:8px}#features-panel h2{font-size:24px}dt{color:var(--accent);font-size:12px;margin:18px 0 5px}dd{margin:0;font-size:13px;color:#bfd0c4}#features-close{margin-top:18px;font-size:12px}.page-footer{max-width:1560px;margin:auto;padding:18px 56px;border-top:1px solid #101b15;display:flex;justify-content:space-between;color:#7e9486;font:9px Consolas,monospace;letter-spacing:.08em}#error-alert:not(:empty){padding:12px 0;color:#ffc49d;font-size:12px}.workspace.chat-started .panel-description,.workspace.chat-started #suggestions{display:none}.workspace.chat-started .chat-log{height:370px;margin:16px 0}@media(min-width:1500px){.stage{min-height:540px}.chat-log{height:200px}.workspace{padding-top:40px}.workspace.chat-started .chat-log{height:410px}}@media(max-width:1050px){.app-header{padding:0 28px}.presence{padding-left:28px}.workspace{padding:28px}.stage-marker{display:none}.experience{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}h1{font-size:28px}.page-footer{padding:18px 28px}.composer-bottom>span{max-width:125px}}@media(max-width:760px){.app-header{height:86px;padding:0 20px}.brand{font-size:20px}.header-actions{gap:5px;align-items:flex-end;flex-direction:column}.header-actions button{min-height:32px;padding:3px 0;font-size:10px}.badge{font-size:10px}.experience{display:block}.presence{padding:28px 20px 20px}.presence-heading{text-align:center}h1{font-size:27px}.stage{height:370px;min-height:370px;margin:-5px 0 -20px}.workspace{border-left:0;border-top:1px solid #14221a;padding:22px 24px 30px}.mode-tabs{justify-content:center}.chat-log{height:130px}.workspace.chat-started .chat-log{height:300px}textarea{font-size:16px}.page-footer{padding:18px 24px;gap:16px;font-size:8px}.presence-note{font-size:10px}.demo-transcript{min-height:230px}.composer-bottom>span{max-width:170px}#features-panel{inset:84px 20px auto}}@media(prefers-reduced-motion:reduce){*,*:before{transition:none!important;animation:none!important}}
.stage canvas{position:absolute;inset:0;width:100%;height:100%}