:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#10141b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#10141b;margin:0}button,input{font:inherit}.app-shell{--app-bg:#10141b;--panel-bg:#0d121bd1;--panel-bg-strong:#0c121eeb;--panel-border:#ffffff29;--panel-border-soft:#ffffff1f;--control-bg:#0b0f1794;--text-main:#f8fafc;--text-muted:#aebbd0;--text-soft:#cbd5e1;--accent:#87dfff;--accent-soft:#87dfff29;--positive:#9fe7c0;--shadow-strong:#0000007a;background:var(--app-bg);min-height:100svh;color:var(--text-main);position:relative;overflow:hidden}.app-shell.light-theme{--app-bg:#f4f9fc;--panel-bg:#ffffffe6;--panel-bg-strong:#fffffff7;--panel-border:#0f39522e;--panel-border-soft:#0f395224;--control-bg:#ffffffe0;--text-main:#102033;--text-muted:#4a5d72;--text-soft:#63758b;--accent:#006f9f;--accent-soft:#006f9f24;--positive:#047857;--shadow-strong:#0f395229}.top-bar{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:18px;left:22px;right:22px}.top-bar>*{pointer-events:auto}.brand-mark,.prototype-label,.status-pill{border:1px solid #ffffff29;border-color:var(--panel-border);background:var(--control-bg);min-height:34px;color:var(--text-main);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;padding:0 12px;display:inline-flex}.brand-mark{border-radius:7px 0 0 7px;font-weight:700}.prototype-label{color:var(--text-soft);border-left:0;border-radius:0 7px 7px 0;font-size:13px}.status-pill{text-transform:capitalize;color:var(--positive);border-radius:7px}.header-actions{align-items:center;gap:8px;display:flex}.ui-toggle{border:1px solid var(--panel-border);background:var(--control-bg);min-height:34px;color:var(--text-main);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:7px;padding:0 12px;font-size:13px;font-weight:700}.modal-backdrop{z-index:30;background:color-mix(in srgb, var(--app-bg) 54%, #0307129e);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.integrations-modal{border:1px solid var(--panel-border);background:var(--panel-bg-strong);width:min(920px,100vw - 32px);max-height:min(760px,100svh - 48px);color:var(--text-main);box-shadow:0 32px 110px var(--shadow-strong);border-radius:10px;gap:20px;padding:22px;display:grid;overflow:auto}.modal-header{justify-content:space-between;align-items:start;gap:18px;display:flex}.modal-header h2{color:var(--text-main);margin:0;font-size:26px}.modal-header p{color:var(--text-muted);margin:5px 0 0}.modal-close{border:1px solid var(--panel-border);background:var(--control-bg);min-height:34px;color:var(--text-main);font:inherit;cursor:pointer;border-radius:7px;padding:0 12px;font-size:13px;font-weight:700}.integrations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.integration-card{border:1px solid var(--panel-border-soft);background:color-mix(in srgb, var(--panel-bg) 80%, transparent);border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:12px;min-height:132px;padding:15px;display:grid;position:relative}.integration-icon{border:1px solid color-mix(in srgb, var(--accent) 38%, transparent);background:var(--accent-soft);width:40px;height:40px;color:var(--text-main);border-radius:8px;place-items:center;font-size:13px;font-weight:800;display:grid}.integration-card h3{color:var(--text-main);margin:0;font-size:17px}.integration-card p{color:var(--text-muted);margin:5px 0 28px;font-size:13px;line-height:1.42}.integration-card span{color:var(--positive);text-transform:uppercase;font-size:11px;font-weight:800;position:absolute;bottom:14px;left:67px}.world-frame-wrap{z-index:0;position:fixed;inset:0}.world-frame{background:var(--app-bg);border:0;width:100%;height:100%;display:block}.world-reticle{z-index:9;pointer-events:none;width:34px;height:34px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.world-reticle:before,.world-reticle:after{content:"";border-radius:50%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.world-reticle:before{border:1px solid color-mix(in srgb, var(--accent) 48%, transparent);width:28px;height:28px}.world-reticle:after{background:color-mix(in srgb, var(--positive) 68%, white);width:4px;height:4px;box-shadow:0 0 14px var(--accent)}.intro-panel{z-index:12;border:1px solid var(--panel-border);background:color-mix(in srgb, var(--panel-bg) 82%, transparent);width:min(720px,100vw - 32px);box-shadow:0 24px 90px var(--shadow-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-main);text-align:center;border-radius:10px;gap:13px;padding:20px;transition:opacity .18s,transform .18s;display:grid;position:fixed;bottom:42px;left:50%;transform:translate(-50%)}.intro-panel.compact{width:min(620px,100vw - 32px);bottom:24px}.intro-eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;justify-self:center;font-size:12px;font-weight:850}.intro-panel h1{color:var(--text-main);margin:0;font-size:clamp(28px,4.4vw,48px);font-weight:820;line-height:1.02}.intro-panel p{width:min(560px,100%);color:var(--text-muted);justify-self:center;font-size:16px;line-height:1.45}.chat-form{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:0 22px 70px var(--shadow-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;grid-template-columns:1fr auto;gap:10px;padding:8px;display:grid}.side-chat-form{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;align-content:start;gap:12px;height:100%;padding:16px}.chat-panel-header{border:1px solid var(--panel-border-soft);background:color-mix(in srgb, var(--panel-bg) 76%, transparent);text-align:left;border-radius:8px;gap:6px;padding:12px;display:grid;position:relative}.chat-panel-header:before,.panel-heading:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 16px var(--accent);border-radius:50%;position:absolute;top:14px;left:12px}.chat-panel-header span{color:var(--text-main);letter-spacing:.02em;padding-left:18px;font-size:16px;font-weight:850}.chat-panel-header p,.chat-error{color:var(--text-muted);margin:0;font-size:13px}.chat-thread{flex-direction:column;gap:12px;min-height:0;padding:4px 2px 8px;display:flex;overflow:auto}.chat-message{gap:5px;max-width:92%;display:grid}.chat-message.user{align-self:end}.chat-message.assistant{align-self:start}.chat-message span{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:750}.chat-message p{border:1px solid var(--panel-border-soft);color:var(--text-main);text-align:left;white-space:pre-wrap;border-radius:8px;margin:0;padding:10px 12px;font-size:14px;line-height:1.4}.chat-message.assistant p{background:color-mix(in srgb, var(--panel-bg) 78%, transparent)}.chat-message.user p{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 28%, transparent)}.typing-caret{vertical-align:-2px;background:var(--accent);width:6px;height:1em;margin-left:3px;animation:.9s steps(2,jump-none) infinite caret-blink;display:inline-block}@keyframes caret-blink{0%,45%{opacity:1}46%,to{opacity:0}}.chat-input-row{grid-column:1/-1;grid-template-columns:1fr auto;gap:10px;display:grid}.chat-form input{background:color-mix(in srgb, var(--panel-bg) 74%, transparent);min-width:0;color:var(--text-main);font:inherit;border:0;border-radius:6px;outline:none;padding:15px 16px}.chat-form input::placeholder{color:var(--text-muted)}.chat-form button,.panel-action{background:color-mix(in srgb, var(--positive) 72%, white);color:#0f1f18;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:0 18px;font-weight:700}.chat-form button:disabled{cursor:default;opacity:.55}.ui-panels{z-index:11;pointer-events:none;grid-template-columns:minmax(280px,360px) 1fr minmax(280px,360px);gap:18px;display:grid;position:fixed;inset:78px 22px 24px}.event-panel{border:1px solid var(--panel-border);background:var(--panel-bg);width:min(360px,100vw - 44px);max-height:calc(100svh - 102px);color:var(--text-main);box-shadow:0 24px 80px var(--shadow-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;border-radius:8px;grid-column:1;align-self:start;gap:18px;padding:18px;display:grid;position:relative;overflow:auto}.panel-heading{border:1px solid var(--panel-border-soft);background:color-mix(in srgb, var(--panel-bg) 76%, transparent);border-radius:8px;gap:6px;padding:12px;display:grid;position:relative}.panel-heading span{color:var(--text-main);letter-spacing:.02em;padding-left:18px;font-size:16px;font-weight:850}.panel-heading p{color:var(--text-muted);margin:0;font-size:13px}.llm-panel{background:var(--panel-bg);min-height:260px;max-height:min(520px,100svh - 102px);color:var(--text-main);box-shadow:0 24px 80px var(--shadow-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;border:1px solid #ffffff29;border-radius:8px;grid-column:3;align-self:end}.event-panel.empty{color:#bac6d6}.event-kicker{color:#aab7c8;text-transform:capitalize;flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.event-panel h2{color:#f8fafc;margin:0;font-size:24px;line-height:1.15}.event-panel p{color:#d4deea}.current-focus-card{width:100%;color:inherit;text-align:left;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:8px;gap:8px;padding:14px;display:grid}.current-focus-card:hover,.node-detail-button:hover{background:#87dfff1a;border-color:#87dfff6b}.current-focus-card span,.node-detail-button em{color:#87dfff;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:800}.prompt-box{color:#edf7f1;background:#ffffff14;border-radius:7px;padding:14px}.prompt-box strong{color:#9fe7c0;text-transform:uppercase;margin-bottom:5px;font-size:13px;display:block}.node-detail-box{color:#e8faff;background:#19465c38;border:1px solid #87dfff42;border-radius:7px;gap:6px;padding:14px;display:grid}.node-detail-button{width:100%;font:inherit;text-align:left;cursor:pointer}.node-detail-box strong{color:#87dfff;text-transform:uppercase;font-size:12px}.node-detail-box h3{color:#f8fafc;margin:0;font-size:17px}.node-detail-box p{color:#cfeaf6;font-size:14px}.node-detail-box span{color:#9fc3d4;font-size:12px}.node-action{background:#9fe7c01a;border-radius:6px;gap:4px;margin-top:4px;padding:10px;display:grid}.node-action span{color:#9fe7c0;text-transform:uppercase;font-size:11px;font-weight:750}.node-action p{color:#e9fff3;margin:0;font-size:13px}.event-list,.event-tree{gap:8px;display:grid}.event-list button{color:#e8eef7;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;width:100%;min-height:40px;padding:0 12px}.event-list button.active{color:#f8fffb;background:#9fe7c024;border-color:#9fe7c0bf}.event-tree-heading{gap:3px;padding-top:2px;display:grid}.event-tree-heading span{color:#f8fafc;text-transform:uppercase;font-size:13px;font-weight:800}.event-tree-heading p{color:#aebbd0;margin:0;font-size:12px}.event-tree-item{gap:7px;display:grid}.event-tree-main,.event-tree-child{color:#e8eef7;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;width:100%}.event-tree-main{justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 12px;display:flex}.event-tree-main span,.event-tree-child span{color:#f8fafc;min-width:0;font-weight:700}.event-tree-main small,.event-tree-child small{color:#91a4ba;text-transform:capitalize;flex:none;font-size:11px}.event-tree-item.active>.event-tree-main{background:#9fe7c024;border-color:#9fe7c0bf}.event-tree-children{border-left:1px solid #87dfff38;gap:6px;margin-left:12px;padding-left:12px;display:grid}.event-tree-child{background:#040c1657;gap:3px;min-height:40px;padding:8px 10px;display:grid;position:relative;overflow:hidden}.subitem-status{background:#94a3b829;border-radius:999px;width:fit-content;padding:2px 6px}.status-not-started{color:#94a3b8}.status-in-progress{color:#38bdf8}.status-blocked{color:#f97373}.status-done{color:#34d399}.subitem-progress{background:#94a3b82e;border-radius:999px;width:100%;height:4px;margin-top:3px;display:block;position:relative;overflow:hidden}.subitem-progress:before{content:"";width:var(--progress,0%);border-radius:inherit;opacity:.85;background:currentColor;transition:width .22s;position:absolute;inset:0 auto 0 0}.event-tree-child:hover,.event-tree-main:hover{background:#87dfff1a;border-color:#87dfff6b}.event-tree-child.active{background:#87dfff29;border-color:#87dfffb8}@media (width<=780px){.top-bar{top:12px;left:12px;right:12px}.prototype-label{display:none}.header-actions{gap:6px}.status-pill,.ui-toggle{min-height:32px;padding:0 9px;font-size:12px}.integrations-grid{grid-template-columns:1fr}.integrations-modal{padding:16px}.modal-header{align-items:stretch}.event-panel{width:auto;max-height:38svh}.ui-panels{grid-template-rows:auto 1fr;grid-template-columns:1fr;inset:58px 12px 88px}.event-panel,.llm-panel{grid-column:1;width:auto}.llm-panel{align-self:end;min-height:180px;max-height:30svh}.intro-panel,.intro-panel.compact{bottom:14px}.intro-panel.compact h1,.intro-panel.compact p{display:none}.chat-form{grid-template-columns:1fr}.chat-form button{min-height:46px}}