:root{color-scheme:dark;--navy: #080f18;--panel: #101b27;--cyan: #a6dce9;--gold: #d9bd83;--text: #edf2f4;--muted: #9aa9b4;--line: rgba(166, 220, 233, .16);font-family:Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--navy);color:var(--text)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.hud{position:relative;isolation:isolate;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#132432,#0a141e 42%,#080f18 80%)}.grid-bg,.vignette,.bracket{pointer-events:none}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.32;background-image:linear-gradient(rgba(166,220,233,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(166,220,233,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(2,7,12,.68) 100%)}.bracket{display:none}.stage,.dock{position:relative;z-index:3}.topbar{position:relative;z-index:6;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:24px clamp(18px,4vw,56px) 12px}.brand,.top-actions,.dock-actions,.tags{display:flex;align-items:center;gap:10px}.brand{letter-spacing:.2em;font-size:13px;font-weight:650;color:#e7f1f3}.dim{color:var(--muted);font-size:10px;letter-spacing:.12em}.live-dot,.state-dot,.connection-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #d9bd836b}.system-state{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;letter-spacing:.04em}.state-dot{background:#84949e;box-shadow:none}.state-dot.is-live{background:var(--gold);box-shadow:0 0 12px #d9bd83b3}.chip,.talk,.square,.icon-button,.space-open{border:1px solid var(--line);background:#101b27d1}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-size:11px;color:var(--cyan);transition:background .2s,border-color .2s}.chip:hover,.square:hover,.icon-button:hover{background:#a6dce91a;border-color:#a6dce95c}.chip-gold{color:var(--gold);border-color:#d9bd8352}.connection-summary{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;color:var(--muted);font-size:11px;white-space:nowrap}.connection-dot{width:6px;height:6px;background:#52616b;box-shadow:none}.connection-dot.connected{background:#9bcbb5;box-shadow:0 0 8px #9bcbb559}.connection-divider{width:1px;height:14px;margin:0 3px;background:var(--line)}.space-switcher{position:relative}.space-panel{position:absolute;z-index:7;right:0;top:calc(100% + 8px);width:min(420px,85vw);padding:14px;border:1px solid rgba(166,220,233,.22);border-radius:16px;background:#0a141efa;box-shadow:0 20px 60px #00000073}.panel-label,.eyebrow,.hint{margin:0;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.space-list{list-style:none;margin:10px 0;padding:0;display:grid;gap:7px}.space-list li{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center}.space-list li.is-current .space-open{border-color:#d9bd8399}.space-open{width:100%;text-align:left;border-radius:12px;padding:9px 11px}.space-open strong,.space-open span{display:block}.space-open span{color:var(--muted);font-size:12px;margin-top:3px}.icon-button,.square{width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.icon-button.danger{color:#e6a1a1}.space-create{display:grid;gap:8px}.space-create input,.dock input{width:100%;border:1px solid var(--line);border-radius:999px;outline:none;background:#040a10a6;padding:11px 15px}.space-create input:focus,.dock input:focus{border-color:#a6dce980}.stage{flex:1;min-height:390px;display:grid;place-items:center;padding:10px 24px 28px}.orb-stage{width:min(620px,100%);text-align:center}.orb-assembly{position:relative;width:clamp(190px,28vw,290px);aspect-ratio:1;margin:0 auto 12px;perspective:700px;transform-style:preserve-3d}.orb-halo{position:absolute;top:13%;right:13%;bottom:13%;left:13%;border-radius:50%;background:radial-gradient(circle,rgba(119,190,211,.18),rgba(69,125,150,.08) 42%,transparent 70%);filter:blur(8px)}.orb-core{position:absolute;top:23%;right:23%;bottom:23%;left:23%;overflow:hidden;border:1px solid rgba(200,235,240,.42);border-radius:50%;background:radial-gradient(circle at 33% 27%,#e4f2ef,#8dbac4 8%,#4d7986 20%,#1e3d4b 42%,#102332 65%,#09131d 78%);box-shadow:inset -22px -18px 32px #0000009e,inset 7px 5px 15px #def4ee38,0 0 30px #72bed133;transform:translateZ(32px);animation:core-float 7s ease-in-out infinite}.orb-core:before{content:"";position:absolute;width:34%;height:18%;top:17%;left:19%;border-radius:50%;background:#e7f8f580;filter:blur(10px);transform:rotate(-32deg)}.orb-core span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(125deg,transparent 39%,rgba(136,222,235,.12) 48%,transparent 57%)}.orb-ring{position:absolute;top:13%;right:13%;bottom:13%;left:13%;border:1px solid rgba(172,222,229,.42);border-radius:50%;transform-style:preserve-3d}.ring-back{transform:rotateX(72deg) rotate(-24deg);box-shadow:0 0 20px #75c2d31f;animation:orbit-back 24s linear infinite}.ring-front{top:9%;right:9%;bottom:9%;left:9%;border-color:#d9bd8380;transform:rotateY(70deg) rotate(22deg);animation:orbit-front 30s linear infinite}.ring-front:after{content:"";position:absolute;width:8px;height:8px;top:9%;left:18%;border-radius:50%;background:var(--gold);box-shadow:0 0 14px #d9bd83cc}.orb-assembly.is-active .orb-core{box-shadow:inset -22px -18px 32px #00000080,inset 7px 5px 15px #def4ee4d,0 0 52px #72bed170}.orb-assembly.is-active .orb-halo{opacity:1.5}.eyebrow{color:var(--cyan);letter-spacing:.2em}.orb-stage h1{margin:9px 0 8px;font-size:clamp(24px,4vw,36px);font-weight:500;letter-spacing:.06em}.brief{max-width:540px;margin:0 auto;color:#edf2f4ab;font-size:14px;line-height:1.65}.tags{justify-content:center;flex-wrap:wrap;margin-top:20px}.tags span,.transcript span{border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.space-frame{width:min(1040px,100%);height:min(660px,72vh);border:1px solid var(--line);border-radius:20px;background:#050a10;box-shadow:0 24px 80px #00000052}.dock{width:min(100%,1120px);margin:0 auto;padding:0 clamp(18px,4vw,56px) 22px;display:grid;gap:10px}.dock-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.connector-pick{display:inline-flex;align-items:center;gap:8px;margin-left:auto;color:var(--muted);font-size:11px}.connector-pick select{max-width:220px;border:1px solid var(--line);border-radius:999px;background:#0b1621;color:var(--text);padding:8px 12px}.dock form{position:relative}.dock input{min-height:50px;padding-right:18px;font-size:14px}.talk{min-width:150px;height:40px;border-color:#d9bd8361;border-radius:999px;background:#d9bd8317;color:var(--gold);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;letter-spacing:.06em}.talk.is-live{background:#d9bd8333}.square{color:var(--muted)}.transcript{max-height:118px;overflow:auto;list-style:none;margin:0;padding:2px 3px;display:grid;gap:7px}.transcript li{display:flex;gap:10px;align-items:baseline;color:#edf2f4c7;font-size:13px;line-height:1.45}.transcript span{flex:0 0 auto;padding:3px 8px}.transcript .you span{color:var(--gold);border-color:#d9bd833d}.transcript .jarvis span{color:var(--cyan)}.hint{text-align:center;font-size:9px;letter-spacing:.1em;color:#9aa9b4b3}.connection-hint{min-height:12px}@keyframes orbit-back{to{transform:rotateX(72deg) rotate(336deg)}}@keyframes orbit-front{to{transform:rotateY(70deg) rotate(382deg)}}@keyframes core-float{50%{transform:translate3d(0,-5px,32px)}}@media(max-width:760px){.topbar{padding-top:16px}.system-state{order:3;width:100%}.top-actions{gap:5px}.connection-summary{display:none}.stage{min-height:330px;padding:0 18px 22px}.orb-assembly{width:190px}.dock-actions{gap:6px}.connector-pick{width:100%;margin:2px 0 0;justify-content:space-between}.connector-pick select{flex:1;max-width:none}.talk{flex:1;min-width:120px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}