:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#040b15;color:#e6f5ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,select{font:inherit}.app-shell{min-height:100vh;background:radial-gradient(ellipse at 35% 0,#112a40 0,#060e1b 48%,#040b15 100%)}.header{height:75px;justify-content:space-between;padding:0 30px;border-bottom:1px solid #1c3548;background:#060f1bc9;gap:15px}.brand,.header{display:flex;align-items:center}.brand{gap:13px}.brandmark{width:42px;height:42px;border:1px solid #4cdbd1;border-radius:13px;display:grid;place-items:center;color:#65ede2;font-size:29px;box-shadow:0 0 20px #4cdbd122}.brand strong{display:block;font-size:19px;letter-spacing:.2px}.brand span{display:block;font-size:9px;color:#7199ad;letter-spacing:2px;margin-top:5px}.head-center{font-size:10px;letter-spacing:2px;color:#8cbbcd}.signal{display:inline-block;width:7px;height:7px;background:#46e3af;border-radius:50%;box-shadow:0 0 10px #46e3af;margin-right:7px}.head-version{color:#4d778d}.header-right{display:flex;gap:20px;align-items:center;font-size:10px;color:#7d9db2;letter-spacing:1px}.privacy{color:#58c7b7}.subbar{display:flex;justify-content:space-between;align-items:center;padding:18px 30px;gap:15px}.subbar strong{font-size:20px}.subbar span{display:block;font-size:12px;color:#7e9caf;margin-top:5px}.controls{display:flex;align-items:center;gap:8px}.controls button,.controls select{border:1px solid #31566c;color:#bed5e3;background:#102438;border-radius:8px;padding:10px 12px;cursor:pointer;font-size:11px}.controls button:disabled{opacity:.4;cursor:not-allowed}.mode-switch{display:flex;padding:3px;background:#0b1d2c;border:1px solid #31566c;border-radius:9px}.mode-switch button{border:0;background:transparent}.mode-switch button.chosen{background:#1a665c;color:#a6ffdf;box-shadow:0 0 12px #34cda733}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 335px;grid-gap:15px;gap:15px;padding:0 20px 18px;min-height:720px}.scene{min-width:0;position:relative;border:1px solid #244a60;border-radius:16px;background:#071827;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 80px #0007}.scene-bottom,.scene-top{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;flex-shrink:0;font-size:10px;letter-spacing:1.6px;color:#7ea8bd;z-index:4}.scene-top{border-bottom:1px solid #1a3748}.scene-bottom{border-top:1px solid #1a3748}.scene-bottom span:first-child{color:#60c9ad}.muted{color:#345365}.room{position:relative;flex:1 1;min-height:600px;overflow:hidden;background:radial-gradient(ellipse at 50% 22%,#1c4b60 0,#0b273b 43%,#071522 90%)}.back-wall{position:absolute;top:0;left:0;right:0;height:44%;background:linear-gradient(180deg,#102d43,#0c2539 75%,#0b273a);border-bottom:2px solid #2b5870}.wall-line{position:absolute;top:21%;width:100%;border-top:1px solid #ffffff12}.wall-logo{position:absolute;left:50%;top:12%;transform:translateX(-50%);font-size:28px;color:#7bece0;text-shadow:0 0 22px #61e4d577;letter-spacing:3px;white-space:nowrap}.wall-logo span{font-size:17px}.window-row{position:absolute;top:34%;left:5%;right:5%;height:48%;display:flex;gap:7px;opacity:.48}.window-row i{flex:1 1;background:linear-gradient(180deg,#2d6884,#12344a);border:2px solid #42758c;box-shadow:inset 0 0 24px #75d1e01a}.floor{top:43%;left:-35%;width:170%;height:100%;background:repeating-linear-gradient(90deg,transparent 0 72px,#5cb8c20b 73px 74px),repeating-linear-gradient(0deg,transparent 0 64px,#5cb8c20b 65px 66px),linear-gradient(#112e40,#06101d);transform:perspective(500px) rotateX(24deg);transform-origin:top}.ambient,.floor{position:absolute}.ambient{width:400px;height:400px;border-radius:50%;filter:blur(70px);pointer-events:none}.ambient-one{background:#25a9c80d;left:10%;top:25%}.ambient-two{background:#39ffbd0a;right:0;top:30%}.links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.active-link{animation:dash 1s linear infinite;filter:drop-shadow(0 0 5px #59eddb)}.target-pulse{animation:pulse 1s ease-in-out infinite}@keyframes dash{to{stroke-dashoffset:-34}}@keyframes pulse{50%{r:21;opacity:.2}}.station{position:absolute;transform:translate(-50%,-50%);width:145px;height:125px;background:none;border:0;color:#d8ecf5;cursor:pointer;z-index:2;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;padding:0 4px 7px;isolation:isolate}.station-glow{position:absolute;inset:17px 5px 7px;background:radial-gradient(ellipse,#174e5b99,transparent 72%);z-index:-1}.monitor{position:absolute;top:6px;width:73px;height:42px;background:linear-gradient(145deg,#173f52,#081522);border:2px solid var(--agent-color);border-radius:5px;box-shadow:0 0 13px color-mix(in srgb,var(--agent-color) 35%,transparent),inset 0 0 15px #33d3f022;transform:perspective(120px) rotateX(6deg)}.monitor:after{content:"";position:absolute;left:34px;top:40px;width:3px;height:9px;background:#477588}.monitor-line{display:block;width:39px;height:3px;margin:9px 0 0 9px;background:var(--agent-color);opacity:.6}.monitor-line.short{width:24px;margin-top:6px;opacity:.35}.chair{position:absolute;top:46px;width:57px;height:34px;border-radius:24px 24px 8px 8px;background:linear-gradient(#244c60,#0b2234);border:1px solid #44768c;box-shadow:0 7px 14px #0006}.agent-orb{position:absolute;top:48px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--agent-color);background:#091d2b;color:var(--agent-color);box-shadow:0 0 18px color-mix(in srgb,var(--agent-color) 45%,transparent);font-size:17px}.station-name{margin-top:78px;font-size:13px;font-weight:800;text-shadow:0 2px 6px #000;color:var(--agent-color)}.station-role{font-size:10px;color:#aac3d1;margin-top:3px}.status-dot{position:absolute;right:9px;bottom:27px;width:6px;height:6px;background:#62e0aa;border-radius:50%}.station.command{width:170px;height:145px}.station.command .monitor{width:105px;height:63px;border-color:#e7c37a;background:linear-gradient(150deg,#1e5263,#13202c);box-shadow:0 0 35px #e9ba6655}.station.command .chair{top:65px}.station.command .agent-orb{top:62px;width:44px;height:44px}.station.command .station-name{margin-top:97px;font-size:16px}.station.selected,.station:hover{filter:brightness(1.3)}.station.transmitting .agent-orb{animation:glow 1s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 30px var(--agent-color)}}.speech{position:absolute;z-index:7;transform:translate(-50%,-100%);width:225px;padding:12px 14px;background:#071623ee;border:1px solid var(--agent-color);border-radius:10px;box-shadow:0 0 26px color-mix(in srgb,var(--agent-color) 40%,transparent);animation:appear 2s ease both;pointer-events:none}.speech strong{color:var(--agent-color);font-size:12px}.speech strong span{color:#8ca8b8;font-weight:400}.speech p{font-size:12px;margin:8px 0}.speech small{font-size:9px;letter-spacing:1px;color:#668a9e}@keyframes appear{0%,to{opacity:0}12%,88%{opacity:1}}.sidebar{border:1px solid #244a60;border-radius:16px;background:#0a1929;display:flex;flex-direction:column;overflow:hidden;max-height:780px}.side-tabs{display:flex;border-bottom:1px solid #234052}.side-tabs button{flex:1 1;padding:19px 10px;background:none;border:0;color:#6f91a4;font-size:10px;letter-spacing:1.4px;cursor:pointer}.side-tabs button.on{color:#9bf0de;border-bottom:2px solid #52dcbf}.feed-heading{padding:20px 18px 0;display:flex;justify-content:space-between;align-items:center;gap:8px}.feed-heading h2{font-size:17px;margin:0}.state-badge{border:1px solid #607284;color:#a6b5c0;border-radius:5px;padding:5px;font-size:9px;white-space:nowrap}.state-badge.demo{border-color:#2f8f77;color:#6de5bd}.feed-intro{font-size:11px;line-height:1.6;color:#87a4b5;margin:12px 18px 15px}.event-list{overflow:auto;flex:1 1;padding:0 18px}.event{display:flex;gap:12px;padding:15px 0;border-top:1px solid #1c3548}.event-rail{width:8px;flex-shrink:0}.event-rail span{display:block;width:8px;height:8px;border-radius:50%;box-shadow:0 0 10px currentColor}.event-content{flex:1 1;min-width:0}.event-top{display:flex;justify-content:space-between;gap:6px;font-size:12px}.event-top time{color:#658397;font-size:10px}.event p{margin:7px 0;font-size:12px;color:#bfd2dc;line-height:1.45}.event small{font-size:10px;color:#668ea1}.event em{font-style:normal;font-size:9px;color:#65d9b2;border:1px solid #2e6d5c;padding:2px 4px;border-radius:4px;margin-left:5px}.empty{font-size:12px;color:#7192a7;line-height:1.8;padding:30px 0}.sidebar-footer{border-top:1px solid #234052;padding:17px 18px;font-size:10px;letter-spacing:1px;color:#8fb8c7}.sidebar-footer small{display:block;margin-top:9px;color:#607f92;letter-spacing:0}.agent-list{padding:12px;overflow:auto;flex:1 1}.agent-list button{display:flex;width:100%;align-items:center;gap:12px;background:none;border:0;border-bottom:1px solid #1b3647;color:#dcebf3;padding:12px;cursor:pointer}.agent-list small{margin-left:auto;color:#7597a8}.detail{position:fixed;z-index:20;bottom:55px;left:35px;padding:22px 26px;background:#0a2030;border:1px solid #43899a;box-shadow:0 15px 60px #0009;border-radius:12px;min-width:260px}.detail button{float:right;background:none;border:0;color:#a9c9d5;cursor:pointer}.detail>span{font-size:10px;letter-spacing:2px;color:#55d7c2}.detail h3{margin:12px 0 4px}.detail p{color:#b7d1de}.detail small{color:#7298aa}.footer{display:flex;justify-content:space-between;gap:20px;padding:0 25px 20px;color:#54778d;font-size:10px}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 280px}.station{transform:translate(-50%,-50%) scale(.85)}.head-center{display:none}}@media(max-width:760px){.header{padding:0 16px}.header-right{display:none}.subbar{padding:15px;display:block}.controls{margin-top:15px;flex-wrap:wrap}.workspace{display:block;padding:0 10px 12px}.scene{min-height:540px}.room{min-height:460px}.station{transform:translate(-50%,-50%) scale(.67)}.station.command{transform:translate(-50%,-50%) scale(.75)}.sidebar{margin-top:12px;max-height:420px}.footer{display:block;line-height:1.8}.speech{width:180px}.wall-logo{font-size:18px}.wall-logo span{font-size:12px}}.room{min-height:700px;background:radial-gradient(ellipse at 50% 27%,#174b60 0,#09283a 42%,#071725 92%)}.back-wall{height:38%;background:linear-gradient(180deg,#102d40,#153b4c 80%,#0b293b)}.window-row{top:38%;height:42%}.floor{top:38%;height:110%;background:repeating-linear-gradient(90deg,transparent 0 95px,#78d5d40b 96px 97px),repeating-linear-gradient(0deg,transparent 0 77px,#78d5d40c 78px 79px),linear-gradient(180deg,#123649,#081a2c)}.floor-walkway{position:absolute;top:39%;left:42%;width:16%;height:61%;background:linear-gradient(180deg,#3bd5cf06,#3bd5cf18);-webkit-clip-path:polygon(33% 0,67% 0,100% 100%,0 100%);clip-path:polygon(33% 0,67% 0,100% 100%,0 100%);pointer-events:none}.ceiling-lights{position:absolute;left:7%;right:7%;top:8%;display:flex;justify-content:space-between;opacity:.5}.ceiling-lights i{width:10%;height:3px;background:#72dce0;box-shadow:0 0 18px 6px #5ad5d02c}.station{width:164px;height:142px;transition:filter .2s,transform .2s}.station.command:hover,.station:hover{transform:translate(-50%,-50%) scale(1.07)}.desk-surface{position:absolute;top:51px;width:123px;height:29px;background:linear-gradient(145deg,#35576b,#102d40);border:1px solid #4d7d91;border-radius:6px 6px 15px 15px;transform:perspective(100px) rotateX(35deg);box-shadow:0 10px 12px #0008}.monitor{top:5px;z-index:3}.chair{top:76px;width:48px;height:30px;z-index:0;opacity:.8}.avatar{position:absolute;top:42px;width:38px;height:51px;z-index:4;pointer-events:none;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--agent-color) 35%,transparent))}.avatar-head{position:absolute;top:0;left:11px;width:17px;height:19px;border-radius:50%;background:linear-gradient(135deg,#b5d4d9,#5b8499);border:1px solid var(--agent-color)}.avatar-body{position:absolute;top:18px;left:4px;width:31px;height:31px;border-radius:14px 14px 5px 5px;background:linear-gradient(145deg,#2e657a,#102b3e);border:1px solid color-mix(in srgb,var(--agent-color) 70%,transparent)}.agent-orb{top:60px;left:15px;width:24px;height:24px;font-size:12px;z-index:5}.station-name{margin-top:108px;font-size:14px}.station-name,.station-role{position:relative;z-index:5}.status-dot{bottom:26px}.station.command{height:166px}.station.command .desk-surface{width:142px;top:65px}.station.command .monitor{top:8px}.station.command .avatar{top:59px}.station.command .agent-orb{top:71px;left:6px;width:29px;height:29px}.station.command .chair{top:89px}.station.command .station-name{margin-top:122px}.wall-logo{top:10%}.version-chip{display:inline-block!important;padding:2px 6px;margin-left:5px;border:1px solid #3b968d;border-radius:4px;font-size:10px!important;color:#6df0cf!important}@media(max-width:760px){.room{min-height:510px}.station{transform:translate(-50%,-50%) scale(.62)}.station:hover{transform:translate(-50%,-50%) scale(.66)}.station.command{transform:translate(-50%,-50%) scale(.67)}.station.command:hover{transform:translate(-50%,-50%) scale(.7)}}