:root{color:#e6f0eb;font-synthesis:none;background:#081013;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#081013;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 75% 0,#2b584c33,#0000 35%),#081013;min-height:100vh}.topbar{background:#081013d1;border-bottom:1px solid #1d3030;align-items:center;gap:30px;height:76px;padding:0 clamp(20px,4vw,64px);display:flex}.brand{align-items:center;gap:11px;margin-right:auto;display:flex}.brand-mark{color:#8ce9d4;background:#102421;border:1px solid #315957;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.brand strong{letter-spacing:.14em;font-size:15px;line-height:1;display:block}.brand strong span{color:#8ce9d4}.brand small{color:#6d8885;letter-spacing:.16em;margin-top:5px;font-size:8px;display:block}.scenario-meta{color:#77908c;letter-spacing:.13em;align-items:center;gap:8px;font-size:10px;display:flex}.scenario-meta i{background:#29403e;width:1px;height:14px;margin:0 6px}.status-dot,.footer-dot{background:#70d3a7;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #70d3a7}.new-button{color:#b7d9cf;background:#102421;border:1px solid #315957;border-radius:6px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;display:flex}.new-button:hover{background:#17342f}.workspace{max-width:1440px;margin:auto;padding:30px clamp(20px,4vw,64px) 24px}.workspace-intro{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.eyebrow{color:#dc7d54;letter-spacing:.2em;font-size:10px;font-weight:700}h1,h2,p{margin:0}h1{color:#eff8f1;letter-spacing:-.025em;margin-top:10px;font:500 clamp(34px,5vw,58px)/1.02 Georgia,serif}.workspace-intro p{color:#8ca29f;max-width:550px;margin-top:13px;font-size:14px;line-height:1.6}.question-composer{isolation:isolate;background:linear-gradient(125deg,#14352fb3,#0d1b1df5);border:1px solid #315957;border-radius:9px;margin:22px 0 16px;padding:14px 16px 13px;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000024}.question-composer:before{content:"";z-index:0;border-radius:inherit;background:conic-gradient(from 0deg, transparent 0 58%, #38bdf8 68%, #d8f4ff 73%, #3b82f6 78%, transparent 88%);-webkit-mask-composite:xor;opacity:0;filter:drop-shadow(0 0 7px #38bdf8);pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.question-composer>*{z-index:1;position:relative}.question-composer.is-building:before{opacity:1;animation:1.15s linear infinite border-sweep}.question-composer.is-building{border-color:#24567e;box-shadow:0 0 0 1px #38bdf824,0 0 24px #258bdc29,0 14px 38px #0000002e}.composer-label{color:#6f8985;letter-spacing:.14em;justify-content:space-between;margin-bottom:10px;font-size:9px;display:flex}.composer-label .eyebrow{font-size:9px}.composer-input-row{align-items:end;gap:12px;display:flex}.composer-input-row textarea{resize:vertical;color:#e4f2e9;background:#06121394;border:1px solid #315957;border-radius:5px;outline:none;flex:1;min-height:50px;max-height:150px;padding:11px 12px;line-height:1.45}.composer-input-row textarea::placeholder{color:#66817d}.composer-input-row textarea:focus{border-color:#8ce9d4;box-shadow:0 0 0 2px #8ce9d41f}.composer-actions{gap:8px;display:flex}.attach-button,.send-button{border-radius:5px;justify-content:center;align-items:center;gap:7px;height:42px;display:flex}.attach-button{color:#a6c8be;background:#102421;border:1px solid #315957;width:42px}.send-button{color:#fff1e8;background:#a85237;border:1px solid #d47758;padding:0 14px;font-size:11px;font-weight:600}.send-button:hover{background:#c26041}.send-button:disabled{opacity:.48;cursor:not-allowed}.file-chip{color:#a5c7bc;background:#102421;border:1px solid #315957;border-radius:4px;align-items:center;gap:6px;margin-top:9px;padding:5px 8px;font-size:10px;display:inline-flex}.file-chip button{color:#87a7a0;background:0 0;border:0;place-items:center;padding:0;display:grid}.composer-error{color:#efa687;align-items:center;gap:7px;margin-top:10px;font-size:11px;display:flex}.pipeline-status{color:#76948d;letter-spacing:.06em;align-items:center;gap:8px;margin:0 0 17px;font-size:10px;display:flex}.pipeline-status .status-dot{margin-left:2px}.spin{animation:.45s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.agent-progress{border-top:1px solid #294745;margin-top:12px;padding-top:11px}.agent-progress-head{color:#b9e5d8;letter-spacing:.08em;align-items:center;gap:7px;font-size:10px;display:flex}.agent-progress-head span:last-child{color:#6e9b91;margin-left:auto}.agent-steps{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.agent-steps span{color:#58736e;align-items:center;gap:5px;font-size:9px;display:flex}.agent-steps i{border:1px solid #52726b;border-radius:50%;width:6px;height:6px}.agent-steps .step-done{color:#9adbc7}.agent-steps .step-done i{background:#8ce9d4;border-color:#8ce9d4;box-shadow:0 0 8px #8ce9d4}@keyframes border-sweep{to{transform:rotate(360deg)}}.coordinate-badge{text-align:right;border-right:2px solid #d37654;padding-right:12px}.coordinate-badge span{color:#d8ebe3;letter-spacing:.12em;font-size:14px;display:block}.coordinate-badge small{color:#657e7b;letter-spacing:.15em;font-size:9px}.simulation-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px;display:grid}.visual-column{min-width:0}.viewport-panel{background:#091316;border:1px solid #25413f;border-radius:9px;height:min(62vh,590px);min-height:390px;position:relative;overflow:hidden;box-shadow:0 20px 70px #00000038}.viewport-loading{color:#81aaa1;letter-spacing:.12em;place-items:center;font-size:11px;display:grid}.scene-fallback{text-align:center;color:#bad8ce;background:#0b1719;place-content:center;gap:7px;font-size:12px;display:grid;position:absolute;inset:0}.scene-fallback span{color:#76948d;font-size:10px}.empty-preview{color:#76948d;background:radial-gradient(circle,#1f413d33,#0000 54%),#0b1719;border:1px dashed #294745;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex}.empty-preview-mark{color:#8ce9d4;border:1px solid #315957;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:15px;font-size:20px;display:grid}.empty-preview strong{color:#bad8ce;font:500 19px Georgia,serif}.empty-preview span{margin-top:8px;font-size:11px}.viewport-panel canvas{display:block}.viewport-toolbar{z-index:1;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:18px;left:20px;right:20px}.fullscreen-button{z-index:2;color:#b8d7cd;background:#081415bf;border:1px solid #315957;border-radius:5px;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:16px;right:18px}.fullscreen-button:hover{color:#effff6;border-color:#8ce9d4}.viewport-panel:fullscreen{border-radius:0;width:100vw;height:100vh;min-height:100vh}.viewport-panel:fullscreen canvas{height:100vh!important}.fullscreen-telemetry{display:none}.viewport-panel:fullscreen .fullscreen-telemetry{z-index:3;width:300px;max-height:calc(100vh - 90px);display:block;position:absolute;top:68px;right:24px;overflow:auto}.viewport-panel:fullscreen .fullscreen-telemetry .telemetry-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a191be0;box-shadow:0 18px 50px #00000057}.live-indicator{color:#8de0b8;letter-spacing:.15em;align-items:center;gap:7px;font-size:9px;display:flex}.live-indicator i{background:#8de0b8;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 10px #8de0b8}.viewport-hint{color:#75908b;letter-spacing:.08em;font-size:10px}.axis-key{color:#819a95;letter-spacing:.12em;gap:12px;font-size:9px;display:flex;position:absolute;bottom:17px;left:20px}.axis-key span{align-items:center;gap:4px;display:flex}.axis-key i{background:#d47758;width:9px;height:2px;display:inline-block}.axis-key .axis-y{background:#70d3a7}.axis-key .axis-z{background:#7599d1}.playback-panel,.telemetry-panel{background:#0d1b1d;border:1px solid #213937;border-radius:9px}.playback-panel{margin-top:12px;padding:17px 20px 15px}.playback-topline{color:#708984;letter-spacing:.16em;justify-content:space-between;align-items:center;font-size:9px;display:flex}.playback-topline strong{color:#e2f1e9;letter-spacing:0;font:500 14px Georgia,serif}.playback-topline em{color:#687f7b;font-size:11px;font-style:normal}.timeline{accent-color:#d47758;cursor:pointer;width:100%;height:4px;margin:16px 0 11px}.playback-actions{align-items:center;gap:10px;display:flex}.icon-button,.play-button{color:#c3ded5;background:#172b2c;border:1px solid #2b4a47;border-radius:5px;justify-content:center;align-items:center;height:32px;display:flex}.icon-button{width:34px}.play-button{gap:7px;padding:0 13px;font-size:11px}.icon-button:hover,.play-button:hover{color:#effff6;border-color:#74b6a3}.speed-control{align-items:center;gap:9px;margin-left:auto;display:flex}.speed-control span{color:#607976;letter-spacing:.14em;white-space:nowrap;font-size:9px}.speed-control input{accent-color:#d47758;width:130px}.telemetry-panel{align-self:start;padding:22px}.panel-heading{justify-content:space-between;align-items:start;gap:10px;display:flex}.panel-heading h2{color:#edf8ef;margin-top:7px;font:500 22px Georgia,serif}.signal{color:#83d9ac;letter-spacing:.12em;white-space:nowrap;align-items:center;gap:5px;font-size:8px;display:flex}.metric-grid{border-top:1px solid #203a38;border-left:1px solid #203a38;grid-template-columns:1fr 1fr;margin-top:25px;display:grid}.metric{border-bottom:1px solid #203a38;border-right:1px solid #203a38;padding:14px 11px}.metric-label{color:#66817d;letter-spacing:.13em;font-size:8px;display:block}.metric strong{color:#d7ece2;white-space:nowrap;margin-top:8px;font:500 17px Georgia,serif;display:block}.metric-detail{color:#57706c;margin-top:5px;font-size:9px;display:block}.orbit-readout{color:#7f9994;border-bottom:1px solid #203a38;grid-template-columns:1fr auto;row-gap:10px;margin-top:21px;padding-bottom:17px;font-size:10px;display:grid}.orbit-readout div{color:#a2bcb6;letter-spacing:.14em;grid-column:1/-1;align-items:center;gap:7px;margin-bottom:3px;font-size:9px;display:flex}.orbit-readout span:nth-child(2n){color:#ddf0e6}.vector-toggle{color:#89aaa2;text-align:left;background:0 0;border:1px solid #294745;border-radius:5px;align-items:center;gap:8px;width:100%;margin-top:18px;padding:10px 11px;font-size:11px;display:flex}.vector-toggle span{letter-spacing:.13em;color:#687f7b;margin-left:auto;font-size:9px}.vector-toggle.toggle-on{color:#a8e6ca;background:#102923;border-color:#477a6b}.vector-toggle.toggle-on span{color:#83d9ac}.panel-foot{color:#526966;align-items:center;gap:6px;margin-top:19px;font-size:9px;display:flex}.verification-readout{color:#7f9994;background:#102321;border:1px solid #294745;grid-template-columns:1fr auto;gap:8px;margin-top:18px;padding:12px;font-size:10px;display:grid}.verification-readout div{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.verification-readout strong{color:#d39a73;letter-spacing:.1em;font-size:9px}.verification-readout strong.verified{color:#83d9ac}.proof-steps{color:#7b9790;border-top:1px solid #203a38;margin:16px 0 0;padding:14px 14px 14px 28px;font-size:10px;line-height:1.5}.proof-steps li{padding:4px 0}.proof-steps li::marker{color:#d47758}.composer-label select{color:#e6f0eb;background:#102421;border:1px solid #315957;border-radius:4px;margin-left:8px;padding:6px}.mode-help{color:#a5bcb6;margin:10px 0;font-size:12px;line-height:1.5}.mode-help button{color:#e6f0eb;background:#17342f;border:1px solid #315957;border-radius:4px;padding:3px 7px}.world-state-table{margin-top:16px;overflow-x:auto}.world-state-table table{border-collapse:collapse;color:#c3ded5;width:100%;font-size:10px}.world-state-table caption{text-align:left;padding-bottom:8px}.world-state-table th,.world-state-table td{text-align:left;border-bottom:1px solid #294745;padding:7px 4px}.proof-heading{color:#bad8ce;margin:18px 0 0;font-size:12px}button:disabled{cursor:not-allowed;opacity:.5}select:focus-visible,button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #8ce9d4}.workspace-footer{color:#506965;letter-spacing:.12em;justify-content:space-between;padding-top:24px;font-size:9px;display:flex}.workspace-footer span{align-items:center;gap:7px;display:flex}@media (width<=900px){.simulation-layout{grid-template-columns:1fr}.telemetry-panel{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.panel-heading,.metric-grid,.orbit-readout,.vector-toggle,.panel-foot{grid-column:1/-1}.metric-grid{margin-top:20px}.scenario-meta{display:none}}@media (width<=600px){.topbar{height:66px;padding:0 16px}.new-button{padding:8px;font-size:0}.new-button svg{margin:0}.workspace{padding:22px 14px 18px}.workspace-intro{align-items:start}.workspace-intro p{font-size:12px}.coordinate-badge{display:none}.viewport-panel{height:56vh;min-height:350px}.viewport-hint{display:none}.playback-panel{padding:15px}.playback-actions{flex-wrap:wrap}.speed-control{justify-content:space-between;width:100%;margin-left:0}.speed-control span{margin-right:auto}.telemetry-panel{padding:18px;display:block}.workspace-footer{flex-direction:column;gap:9px;font-size:8px}.composer-label{flex-direction:column;align-items:start;gap:6px}.composer-input-row{display:block}.composer-input-row textarea{width:100%}.composer-actions{justify-content:flex-end;margin-top:9px}.pipeline-status{flex-wrap:wrap;line-height:1.5}}
