*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}:root{--ink:#090c12;--ink-2:#0d1119;--panel:#0f141d;--line:#b0c2e41f;--line-2:#b0c2e438;--text:#e7ecf6;--dim:#8a93a8;--gold:#d6a64b;--gold-soft:#e8c684;--live:#4dc08c;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans:"Archivo", system-ui, sans-serif}html[data-theme=light]{--ink:#eef0f4;--ink-2:#fff;--panel:#fff;--line:#16223a24;--line-2:#16223a42;--text:#161b24;--dim:#525c6e;--gold:#9a6f17;--gold-soft:#7c5a14;--live:#1f8f5f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--text);font-family:var(--sans)}.stage{background:var(--ink);position:fixed;inset:0}.stage canvas{display:block;width:100%!important;height:100%!important}.hud{background:linear-gradient(180deg, var(--panel), transparent);border-bottom:1px solid var(--line);pointer-events:none;justify-content:space-between;align-items:center;height:46px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.hud .brand{font-family:var(--mono);letter-spacing:.18em;color:var(--text);font-size:13px}.hud .brand .sub{color:var(--dim);letter-spacing:.08em}.hud .dot{background:var(--live);width:7px;height:7px;box-shadow:0 0 8px var(--live);vertical-align:middle;border-radius:50%;margin-right:8px;display:inline-block}.hud .right{pointer-events:auto;align-items:center;gap:14px;display:flex}.hud .meter{font-family:var(--mono);color:var(--gold-soft);font-size:12px}.tbtn{font-family:var(--mono);color:var(--dim);border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:4px;padding:4px 9px;font-size:11px}.tbtn:hover{color:var(--text);border-color:var(--gold)}.status{font-family:var(--mono);color:var(--dim);border-top:1px solid var(--line);background:linear-gradient(0deg, var(--panel), transparent);padding:8px 16px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.tbtn.talk{color:var(--gold-soft);border-color:var(--line-2)}.tbtn.talk:hover{color:var(--ink);background:var(--gold);border-color:var(--gold)}.dialogue{background:color-mix(in srgb, var(--panel) 92%, transparent);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:10px;flex-direction:column;width:min(620px,100% - 32px);max-height:46vh;display:flex;position:absolute;bottom:34px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 60px #00000073}.dlg-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 12px;display:flex}.dlg-dot{background:var(--gold);width:9px;height:9px;box-shadow:0 0 10px var(--gold);border-radius:50%;flex:none}.dlg-id{flex-direction:column;flex:1;line-height:1.25;display:flex}.dlg-id strong{font-family:var(--sans);color:var(--text);font-size:14px}.dlg-id em{font-family:var(--mono);color:var(--dim);letter-spacing:.04em;font-size:11px;font-style:normal}.dlg-close{color:var(--dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.dlg-close:hover{color:var(--text)}.dlg-log{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.line{font-family:var(--sans);margin:0;font-size:14px;line-height:1.5}.line .who{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:2px;font-size:10px;display:block}.line.agent{color:var(--text)}.line.agent .who{color:var(--gold-soft)}.line.you{color:var(--dim);text-align:right;align-self:flex-end;max-width:80%}.line.thinking{color:var(--dim)}.dlg-input{border-top:1px solid var(--line);gap:8px;padding:10px 12px;display:flex}.dlg-input input{background:var(--ink-2);border:1px solid var(--line-2);color:var(--text);font-family:var(--sans);border-radius:6px;outline:none;flex:1;padding:8px 10px;font-size:13px}.dlg-input input:focus{border-color:var(--gold)}.dlg-input button{font-family:var(--mono);color:var(--ink);background:var(--gold);cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:12px}.dlg-input button:disabled{opacity:.4;cursor:default}.crosshair{pointer-events:none;background:#e7ecf680;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000059}.osmx-panel{background:color-mix(in srgb, var(--panel) 92%, transparent);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);width:248px;font-family:var(--sans);border-radius:10px;padding:10px 12px;position:absolute;top:58px;right:14px;box-shadow:0 14px 44px #0006}.osmx-title{font-family:var(--mono);letter-spacing:.12em;color:var(--gold-soft);border-bottom:1px solid var(--line);margin-bottom:8px;padding-bottom:8px;font-size:11px}.osmx-title span{color:var(--dim);letter-spacing:.04em}.osmx-row{flex-direction:column;gap:3px;margin-bottom:9px;display:flex}.osmx-id{justify-content:space-between;align-items:baseline;display:flex}.osmx-id strong{color:var(--text);font-size:12px}.osmx-id em{font-family:var(--mono);color:var(--dim);font-size:9.5px;font-style:normal}.osmx-row select{background:var(--ink-2);border:1px solid var(--line-2);color:var(--text);font-family:var(--mono);cursor:pointer;border-radius:5px;outline:none;padding:5px 6px;font-size:11px}.osmx-row select:focus{border-color:var(--gold)}.walk-hint{font-family:var(--mono);letter-spacing:.06em;color:var(--dim);background:color-mix(in srgb, var(--panel) 80%, transparent);border:1px solid var(--line);pointer-events:none;border-radius:999px;padding:5px 14px;font-size:11px;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}