:root{font-family:Segoe UI,Helvetica Neue,sans-serif;color:#e8f7ff;background:radial-gradient(circle at top,rgba(73,208,255,.18),transparent 32%),linear-gradient(180deg,#02070b,#07131a 45%,#031017);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}button{font:inherit}.portal-shell{display:grid;grid-template-columns:minmax(248px,312px) minmax(0,1fr);gap:1rem;min-height:100vh;padding:1rem}.portal-shell--embedded{height:100%;min-height:0;padding:0}.portal-shell--embedded .portal-copy{top:0;max-height:100%}.portal-shell--embedded .canvas-shell,.portal-shell--embedded .canvas-shell canvas{height:100%;min-height:560px}.portal-shell--canvas-only{grid-template-columns:minmax(0,1fr)}.theme-meekos{--accent: #5ff1ff;--panel: rgba(7, 19, 28, .88);--border: rgba(120, 223, 255, .18)}.theme-neutral{--accent: #a8cfff;--panel: rgba(14, 18, 27, .9);--border: rgba(168, 207, 255, .16)}.portal-copy,.debug-panel,.canvas-shell,.error-panel,.loader-card{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 18px 50px #0000003d}.portal-copy{position:sticky;top:1rem;align-self:start;max-height:calc(100vh - 2rem);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;padding:1rem;display:flex;flex-direction:column;gap:.85rem;contain:layout paint;background:radial-gradient(circle at top right,rgba(95,241,255,.12),transparent 28%),linear-gradient(180deg,#081721f5,#050f18f0)}.operator-rail{display:grid;align-content:start;min-width:0}.operator-rail-header{display:grid;gap:.45rem}.operator-kicker,.operator-card-label{color:#e8f7ff8f;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.portal-summary{max-width:30ch}.operator-rail-block{display:grid;gap:.6rem;padding:.85rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0d,#ffffff08)}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:.78rem}h1{margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:.96}p{margin:0;color:#e8f7ffc7;line-height:1.5}.chip-row,.control-row{display:flex;gap:.75rem;flex-wrap:wrap}.operator-chip-grid{gap:.6rem}.chip{border-radius:999px;padding:.45rem .72rem;border:1px solid rgba(255,255,255,.08);color:#e8f7ffd6;background:#ffffff0a;font-size:.84rem;line-height:1.3}.chip.is-on{color:#001317;background:linear-gradient(135deg,var(--accent),#c2fbff)}.chip.is-off{background:#ff6a6a1f;color:#ffb4b4}.chip.is-muted{background:#ffffff0f}.chip.is-quiet{border-color:#5ff1ff29;color:#c3f2ffbd}.presence-card{padding:1rem;border-radius:18px;border:1px solid rgba(95,241,255,.14);background:radial-gradient(circle at top right,rgba(95,241,255,.08),transparent 30%),linear-gradient(180deg,#ffffff0f,#ffffff08)}.operator-control-card{display:grid;gap:.85rem}.environment-switcher{display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem}.operator-action-row{display:grid;gap:.65rem;align-items:stretch}.operator-card-note{color:#e8f7ffa3;font-size:.86rem;line-height:1.4}.primary-button,.secondary-button{border:0;border-radius:999px;padding:.8rem 1.05rem;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease,opacity .14s ease}.primary-button{color:#031017;background:linear-gradient(135deg,var(--accent),#ffffff)}.secondary-button{color:#e8f7ff;background:#ffffff14}.secondary-button.is-selected{color:#031017;background:linear-gradient(135deg,var(--accent),#ffffff)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:focus-visible,.secondary-button:focus-visible{outline:2px solid rgba(95,241,255,.45);outline-offset:2px}.primary-button:disabled{cursor:not-allowed;opacity:.5}.canvas-shell{position:relative;min-height:calc(100vh - 2rem);overflow:hidden;background:radial-gradient(circle at 50% 22%,rgba(70,214,255,.12),transparent 34%),linear-gradient(180deg,#02080ceb,#02060afa)}.canvas-shell canvas{min-height:calc(100vh - 2rem);width:100%;display:block}.canvas-actions{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;pointer-events:none}.canvas-actions>*{pointer-events:auto}.canvas-note{color:#e8f7ffb8;font-size:.95rem}.debug-panel{position:fixed;top:12px;right:12px;width:260px;max-height:90vh;overflow:auto;padding:1rem;pointer-events:none;z-index:20}.debug-panel h2{margin:0 0 .75rem;font-size:1rem}.debug-panel dl{display:grid;gap:.65rem;margin:0}.debug-panel div{display:flex;justify-content:space-between;gap:.75rem}.debug-panel dt{color:#e8f7ff94}.debug-panel dd{margin:0;text-align:right;max-width:140px;overflow-wrap:anywhere}.error-panel{display:grid;gap:.35rem;padding:1rem 1.1rem;max-width:28rem}.loader-card{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1rem;min-width:16rem}.hotspot-badge,.world-badge,.command-node-label{pointer-events:none}.hotspot-badge{padding:.55rem .8rem;border-radius:999px;background:#031017e6;border:1px solid rgba(95,241,255,.26);color:#dffbff;white-space:nowrap}.stats-panel{left:auto!important;right:0!important;pointer-events:none!important}@media(max-width:1100px){.portal-shell{grid-template-columns:1fr}.portal-copy{position:static;top:auto;max-height:none}.debug-panel{position:static;width:auto;max-height:none;pointer-events:auto}.canvas-shell,.canvas-shell canvas{min-height:70vh}}@media(max-width:720px){.portal-shell{padding:.75rem}.portal-copy{padding:.95rem}.environment-switcher{grid-template-columns:1fr}.canvas-actions{position:static;padding:.9rem;flex-direction:column;align-items:stretch}.canvas-note{font-size:.88rem}}.command-node-label{padding:.35rem .6rem;border-radius:999px;background:#031017e6;border:1px solid rgba(95,241,255,.3);color:#dffbff;font-size:.78rem;white-space:nowrap}.agent-panel{position:fixed;left:1rem;bottom:1rem;width:280px;padding:1rem;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 18px 50px #0000003d}.agent-panel h2{margin:0 0 .75rem;font-size:1rem}.agent-panel dl{display:grid;gap:.65rem;margin:0}.agent-panel div{display:flex;justify-content:space-between;gap:.75rem}.agent-panel dt{color:#e8f7ff94}.agent-panel dd{margin:0;text-align:right;max-width:140px;overflow-wrap:anywhere}.vision-preview-shell{padding:.9rem;border-radius:18px;background:linear-gradient(180deg,#5ff1ff14,#ffffff08);border:1px solid rgba(95,241,255,.18)}.vision-preview-meta{margin-bottom:.65rem;color:#e8f7ffb8;font-size:.88rem}.vision-preview{display:block;width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.suggestion-stack{display:grid;gap:.85rem}.suggestion-card{padding:.95rem;border-radius:18px;border:1px solid rgba(95,241,255,.16);background:linear-gradient(180deg,#5ff1ff14,#ffffff08)}.suggestion-card.is-high{border-color:#7bffb257;background:linear-gradient(180deg,#7bffb21f,#ffffff08)}.suggestion-card.is-moderate{border-color:#ffd37b52;background:linear-gradient(180deg,#ffd37b1a,#ffffff08)}.suggestion-card.is-low{border-color:#5ff1ff33}.suggestion-card.is-reject{border-color:#ff5c7a4d;background:linear-gradient(180deg,#ff5c7a1a,#ffffff08)}.suggestion-title{font-size:1rem;font-weight:600}.suggestion-meta{margin-top:.35rem;color:#e8f7ffb8;font-size:.9rem}.suggestion-metrics{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.7rem;color:#e8f7ffd6;font-size:.86rem}.portal-status{display:grid;gap:.5rem}.portal-status-meta{display:grid;gap:.4rem;margin-top:.1rem}.portal-status-meta--primary{margin-top:.35rem}.portal-status-line{display:grid;grid-template-columns:minmax(92px,108px) minmax(0,1fr);gap:.75rem;align-items:start;color:#e8f7ffc2;font-size:.88rem}.portal-status-line code{color:#dcfbffeb;font-family:Consolas,SFMono-Regular,monospace;font-size:.82rem;font-variant-numeric:tabular-nums;min-width:0;text-align:right;overflow-wrap:anywhere}.portal-status-error{color:#ffcbcb;font-size:.88rem;line-height:1.4}.portal-composer{display:grid;gap:.55rem;margin-top:auto}.portal-motion{display:grid;gap:.75rem}.portal-diagnostics{display:block;box-shadow:inset 0 1px #ffffff0a;padding-top:.8rem;margin-top:.15rem;contain:layout paint}.portal-diagnostics summary{cursor:pointer;color:#e8f7ffb8;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;list-style:none}.portal-diagnostics summary::-webkit-details-marker{display:none}.operator-diagnostics-trigger{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.operator-diagnostics-trigger:after{content:"+";color:#e8f7ff85;font-size:1rem;line-height:1}.portal-diagnostics[open] .operator-diagnostics-trigger:after{content:"-"}.portal-diagnostics-body{margin-top:.75rem;display:grid;gap:.75rem;max-height:min(44vh,420px);overflow:auto;overscroll-behavior:contain;padding-right:.15rem;scrollbar-gutter:stable both-edges}.portal-diagnostics-summary,.portal-diagnostics-meta{color:#e8f7ffc7;line-height:1.45}.portal-diagnostics-copy{display:grid;gap:.55rem}.portal-diagnostics-meta{font-size:.9rem}.portal-warning-list{margin:0;padding-left:1.1rem;color:#ffcbcb;display:grid;gap:.45rem}.portal-note{color:#e8f7ffad;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.portal-input-row{display:flex;gap:.75rem;align-items:center}.operator-input-row{align-items:stretch}.portal-motion-controls{display:flex;gap:.75rem;align-items:center}.portal-select,.portal-input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:.9rem 1rem;background:#ffffff0d;color:#e8f7ff}.portal-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.portal-select option{color:#031017}.portal-input::-moz-placeholder{color:#e8f7ff5c}.portal-input::placeholder{color:#e8f7ff5c}.operator-send{min-width:5.8rem}.operator-xr{width:100%}.operator-status-pill{padding:.8rem .9rem;border-radius:16px;border:1px solid rgba(95,241,255,.14);background:radial-gradient(circle at top right,rgba(95,241,255,.08),transparent 34%),linear-gradient(180deg,#ffffff0d,#ffffff08);color:#e8f7ffd1;font-size:.84rem;font-variant-numeric:tabular-nums;line-height:1.35}.portal-select:focus,.portal-input:focus{outline:2px solid rgba(95,241,255,.32);outline-offset:1px}.scene-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;padding:1.15rem;pointer-events:none}.scene-overlay>*{pointer-events:auto}.portal-action-drawer{position:absolute;z-index:6;width:min(100%,clamp(320px,28vw,360px));max-height:calc(100% - 2.3rem);padding:1rem;border-radius:22px;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 34px #00000042;display:grid;gap:.75rem;align-content:start;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;contain:layout paint}.portal-action-drawer--vision{width:min(100%,clamp(420px,42vw,560px))}.portal-action-drawer--data_center,.portal-action-drawer--diagnostics,.portal-action-drawer--agent_tracker{width:min(100%,clamp(380px,36vw,480px))}.portal-action-drawer--home{background:radial-gradient(circle at top right,rgba(164,212,255,.22),transparent 42%),linear-gradient(180deg,#0e1a26eb,#08111cf0);border-color:#8fc4ff38}.portal-action-drawer--office{background:radial-gradient(circle at top right,rgba(121,205,255,.18),transparent 42%),linear-gradient(180deg,#0b1522f0,#060e18f5);border-color:#9eceff33}.portal-action-drawer--bottom-left{left:1.15rem;bottom:1.15rem}.portal-action-drawer--top-right{top:1.15rem;right:1.15rem}.portal-action-drawer-header{display:flex;justify-content:space-between;gap:.9rem;align-items:start;min-height:2.75rem}.portal-action-drawer-kicker{color:#e8f7ff85;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.portal-action-drawer-title{margin-top:.25rem;font-size:1.08rem;font-weight:600;line-height:1.2}.portal-action-drawer-close{border:0;border-radius:999px;padding:.46rem .8rem;background:#ffffff14;color:#e8f7ff;cursor:pointer}.portal-action-drawer-copy,.portal-action-drawer-support{color:#e8f7ffc2;font-size:.88rem;line-height:1.45}.portal-action-drawer-status{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline;color:#e8f7ffb8;font-size:.82rem;text-transform:lowercase}.portal-action-drawer-status strong{color:#dffbff;font-size:.92rem;font-variant-numeric:tabular-nums;font-weight:600}.portal-action-drawer-meta{display:grid;gap:.5rem;margin:0}.portal-action-drawer-meta-row{display:grid;grid-template-columns:minmax(92px,108px) minmax(0,1fr);gap:.8rem;align-items:start}.portal-action-drawer-meta-row dt{color:#e8f7ff8f;font-size:.82rem}.portal-action-drawer-meta-row dd{margin:0;color:#e8f7ffe6;font-size:.84rem;font-variant-numeric:tabular-nums;min-width:0;text-align:right;overflow-wrap:anywhere}.portal-action-feedback{padding:.72rem .8rem;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.portal-action-feedback.is-success{background:#5ff1ff14;border-color:#5ff1ff38}.portal-action-feedback.is-warning{background:#ffbf5f14;border-color:#ffbf5f38}.portal-action-feedback.is-error{background:#ff707014;border-color:#ff707038}.portal-action-feedback-title{font-size:.9rem;font-weight:600}.portal-action-feedback-copy{margin-top:.2rem;color:#e8f7ffc2;font-size:.82rem;line-height:1.4}.portal-action-drawer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.portal-action-button{min-height:2.65rem}.portal-surface-panel{display:grid;gap:.75rem}.portal-surface-panel--vision{gap:.9rem}.portal-surface-chip-row,.portal-surface-actions{display:flex;flex-wrap:wrap;gap:.55rem}.portal-surface-placeholder{padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#e8f7ffbd;font-size:.9rem;line-height:1.45}.portal-surface-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;align-items:start}.portal-surface-card{padding:.75rem .82rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;display:grid;gap:.26rem;align-content:start;min-height:4.7rem}.portal-surface-card-label{color:#e8f7ff8a;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.portal-surface-card-value{color:#e8f7ffeb;font-size:.9rem;font-variant-numeric:tabular-nums;line-height:1.35}.portal-action-node{position:relative;display:grid;gap:.28rem;width:-moz-max-content;width:max-content;pointer-events:none}.portal-action-node-button{border:0;border-radius:999px;padding:.5rem .72rem;background:#040d14e6;color:#e8f7ff;border:1px solid rgba(95,241,255,.18);box-shadow:0 10px 24px #0000003d;cursor:pointer;white-space:nowrap;opacity:0;transition:opacity .14s ease,background-color .14s ease,border-color .14s ease;pointer-events:none}.portal-action-node-button:hover,.portal-action-drawer-close:hover{background:#ffffff1f}.portal-action-node-status{color:#e8f7ffad;font-size:.74rem;font-variant-numeric:tabular-nums;padding-left:.2rem;pointer-events:none;opacity:0;transition:opacity .14s ease}.portal-action-node.is-open{pointer-events:auto}.portal-action-node.is-open .portal-action-node-button,.portal-action-node.is-open .portal-action-node-status{opacity:1;pointer-events:auto}.portal-action-node-preview{position:absolute;top:calc(100% + .45rem);width:min(240px,44vw);padding:.72rem .78rem;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#050f18eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 34px #00000042;pointer-events:none;contain:layout paint}.portal-action-node--align-start .portal-action-node-preview{left:0}.portal-action-node--align-end .portal-action-node-preview{right:0}.portal-action-node-title{margin-top:.22rem;font-size:.9rem;font-weight:600}.portal-action-node-kicker{color:#e8f7ff80;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}.portal-action-node-copy{margin-top:.3rem;color:#e8f7ffbd;font-size:.8rem;line-height:1.4}.scene-control{width:min(100%,296px);padding:.95rem;border-radius:20px;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 34px #0000003d;color:#e8f7ff;display:grid;gap:.55rem}.scene-control--home{align-self:end;justify-self:start;background:radial-gradient(circle at top right,rgba(162,201,255,.22),transparent 42%),linear-gradient(180deg,#111e2ce0,#08111ceb);border-color:#8fc4ff3d}.scene-control--office{align-self:start;justify-self:end;background:radial-gradient(circle at top right,rgba(121,205,255,.16),transparent 40%),linear-gradient(180deg,#0c1622e6,#070f18f0);border-color:#9eceff38}.scene-control-kicker{color:#e8f7ff85;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase}.scene-control-title{font-size:1rem;font-weight:600}.scene-control-copy{color:#e8f7ffbd;font-size:.86rem;line-height:1.45}.scene-control-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.scene-widget-button{border:0;border-radius:999px;padding:.56rem .7rem;background:#ffffff14;color:#e8f7ff;cursor:pointer;transition:transform .14s ease,background .14s ease,color .14s ease}.scene-widget-button:hover{transform:translateY(-1px);background:#ffffff24}.scene-widget-button:focus-visible{outline:2px solid rgba(95,241,255,.45);outline-offset:2px}.scene-widget-button.is-active{color:#031017;background:linear-gradient(135deg,var(--accent),#ffffff)}.scene-caption{position:relative;z-index:3;padding:.36rem .62rem;border-radius:999px;background:#060d14bd;border:1px solid rgba(255,255,255,.14);color:#e8f7ffc2;font-size:.72rem;letter-spacing:.04em;white-space:nowrap;pointer-events:none}@media(max-width:720px){.portal-motion-controls,.portal-input-row{flex-direction:column;align-items:stretch}.portal-diagnostics-body{max-height:none}.scene-overlay{position:absolute;padding:.85rem;background:none}.portal-action-drawer,.portal-action-drawer--bottom-left,.portal-action-drawer--top-right{width:100%;left:.85rem;right:.85rem;top:auto;bottom:.85rem}.portal-action-node-preview{width:min(220px,68vw)}.portal-surface-grid{grid-template-columns:minmax(0,1fr)}}.room-object-label,.room-screen-label,.room-gauge-label{border:1px solid rgba(95,241,255,.26);border-radius:999px;background:#040c14e0;color:#e8f7ff;font-size:.72rem;line-height:1.35;letter-spacing:.02em;padding:.3rem .56rem;white-space:nowrap}.room-anchor-tag{border:1px solid rgba(95,241,255,.2);border-radius:10px;background:#040c14cc;color:#e8f7ff;font-size:.62rem;line-height:1.25;letter-spacing:.03em;padding:.18rem .34rem;text-align:center;white-space:nowrap}.room-anchor-tag--wide{min-width:132px;white-space:normal}.room-vision-frame{display:block;border-radius:6px;border:1px solid rgba(95,241,255,.16);-o-object-fit:cover;object-fit:cover;background:#040a12;cursor:pointer}.room-vision-frame--standard{width:79px;height:46px}.room-vision-frame--main{width:130px;height:70px}.room-vision-frame--offline{background:repeating-linear-gradient(180deg,#6d7b8f24,#6d7b8f24 1px,#080d16eb 1px,#080d16eb 3px);box-shadow:inset 0 0 22px #00000073}.room-vision-frame--connecting{background:linear-gradient(180deg,#22436059,#080e18eb),repeating-linear-gradient(180deg,rgba(153,202,255,.14) 0px,rgba(153,202,255,.14) 1px,transparent 1px,transparent 4px);animation:visionScanPulse 1.8s ease-in-out infinite}.room-vision-frame--live{border-color:#5ff1ff47;box-shadow:0 0 14px #38bdf829}@keyframes visionScanPulse{0%{filter:brightness(.86)}50%{filter:brightness(1.04)}to{filter:brightness(.9)}}.room-gauge-label{border-radius:14px;white-space:normal;min-width:144px;text-align:center;padding:.42rem .55rem}.portal-mini-overlay{align-self:end;justify-self:start;max-width:320px;border:1px solid rgba(95,241,255,.24);border-radius:16px;background:linear-gradient(180deg,#091520eb,#050e18f0);box-shadow:0 12px 30px #0000003d;padding:.72rem .78rem;display:grid;gap:.35rem}.portal-mini-overlay header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.portal-mini-overlay h3{margin:0;font-size:.92rem;letter-spacing:.03em}.portal-mini-overlay button{border:0;border-radius:999px;padding:.35rem .62rem;background:#ffffff14;color:#e8f7ff;cursor:pointer}
