:root{color-scheme:dark;--bg: #05070a;--panel: rgba(12, 16, 22, .78);--line: rgba(255, 255, 255, .08);--text: #f5f7fa;--muted: #8b95a3;--dim: #5a6472;--blue: #3b9eff;--blue-soft: rgba(59, 158, 255, .18);--green: #34d399;--orange: #f59e0b;--red: #f87171;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}button,input{font:inherit}button{cursor:pointer}.page{position:relative;min-height:100dvh;overflow:hidden;padding:28px 18px 40px;display:flex;justify-content:center}.stars{pointer-events:none;position:absolute;inset:-20%;background:radial-gradient(ellipse at 50% 0%,rgba(59,158,255,.08),transparent 42%),radial-gradient(circle at 18% 78%,rgba(167,139,250,.08),transparent 28%),repeating-radial-gradient(circle at 12% 20%,rgba(255,255,255,.16) 0 1px,transparent 1px 48px),repeating-radial-gradient(circle at 80% 70%,rgba(255,255,255,.1) 0 1px,transparent 1px 56px);-webkit-mask-image:radial-gradient(circle at 50% 40%,black 18%,transparent 78%);mask-image:radial-gradient(circle at 50% 40%,black 18%,transparent 78%)}.shell{position:relative;width:min(430px,100%);display:flex;flex-direction:column;gap:22px}.brand{display:flex;flex-direction:column;gap:6px}.kicker{font-size:11px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--dim)}h1{margin:0;font-size:28px;letter-spacing:-.7px;font-weight:600}.muted{margin:0;color:var(--muted);line-height:1.45}.panel,.console{background:var(--panel);border:1px solid var(--line);border-radius:24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel{padding:22px}.console{padding:18px 16px 14px;display:flex;flex-direction:column;gap:8px}.message,.gate{display:flex;flex-direction:column;gap:14px}label{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim)}input{width:100%;background:#0c1118;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:var(--text);padding:14px 16px;outline:none}input:focus{border-color:#3b9effb3;box-shadow:0 0 0 3px var(--blue-soft)}.cta{border:0;border-radius:14px;min-height:50px;font-weight:700;background:var(--blue);color:#041018}.cta:disabled,.pad:disabled,.chip:disabled{opacity:.38;cursor:not-allowed}.telemetry{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px;padding:6px 6px 4px}.stat{display:flex;gap:8px;min-width:0;color:var(--text)}.stat-icon{width:16px;height:16px;margin-top:2px;flex:none;color:var(--muted)}.stat-label{font-size:9px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--dim)}.stat-value{font-size:14px;font-weight:700;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-hint{font-size:10px;color:var(--orange)}.stat.online .stat-icon,.stat.online .stat-value{color:var(--green);text-shadow:0 0 12px rgba(52,211,153,.45)}.stat.offline .stat-value,.stat.unknown .stat-value{color:var(--muted)}.stat.caution .stat-icon,.stat.caution .stat-value{color:var(--orange);text-shadow:0 0 14px rgba(245,158,11,.35)}.stage{position:relative;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.stage.vehicle{min-height:390px}.dial{position:relative;width:min(328px,100%);aspect-ratio:1;display:grid;place-items:center}.orbits{position:absolute;inset:0;pointer-events:none}.orbit{position:absolute;left:50%;top:50%;border-radius:50%;border:1px dotted rgba(180,198,220,.16);transform:translate(-50%,-50%)}.orbit-a{width:210px;height:210px}.orbit-b{width:268px;height:268px;opacity:.8}.orbit-c{width:328px;height:328px;opacity:.55}.pad{position:relative;z-index:1;width:196px;height:196px;border-radius:50%;border:1.5px solid rgba(92,176,255,.85);background:radial-gradient(circle at 50% 42%,rgba(59,158,255,.16),transparent 58%),#070b11;box-shadow:0 0 0 8px #3b9eff0d,0 0 42px #3b9eff47;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.pad:before{content:"";position:absolute;inset:-3px;border-radius:50%;padding:3px;background:conic-gradient(from -90deg,rgba(59,158,255,.95) calc(var(--hold, 0) * 360deg),transparent 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0}.pad.holding:before{opacity:1}.pad:not(:disabled):active{transform:scale(.985)}.pad.busy{animation:pulse 1.1s ease-in-out infinite}.idle-pad{cursor:default}.pad-icon{width:54px;height:54px;filter:drop-shadow(0 0 10px rgba(92,176,255,.45))}.pad-title{font-size:13px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.pad-hint{font-size:12px;color:var(--muted)}.vehicle-row{width:min(340px,100%);display:flex;gap:12px;margin-top:8px;z-index:1}.pair{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.dial+.pair{margin-top:2px}.pair-btn{width:104px;height:104px;border-radius:22px;border:1px solid rgba(59,158,255,.28);background:radial-gradient(circle at 50% 30%,rgba(59,158,255,.14),transparent 62%),#070b11d1;box-shadow:0 0 28px #3b9eff29;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.pair-btn:not(:disabled):active{transform:scale(.97)}.pair-icon{width:26px;height:26px;color:var(--blue);filter:drop-shadow(0 0 8px rgba(59,158,255,.45))}.pair-rule{width:1px;height:64px;margin:0 10px;background:#ffffff24;flex:none}.chip{flex:1;min-height:48px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700}.chip-icon{width:16px;height:16px;color:var(--blue)}.feed{display:flex;align-items:center;gap:12px;margin-top:4px;padding:12px 14px;border-radius:16px;background:#ffffff09;border:1px solid var(--line)}.feed-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);flex:none}.feed-icon svg{width:18px;height:18px}.feed-copy{flex:1;min-width:0}.feed-title{font-size:14px;font-weight:700}.feed-meta{font-size:12px;color:var(--muted)}.feed-dot{width:8px;height:8px;border-radius:50%;background:var(--dim);flex:none}.feed.live .feed-dot{background:var(--blue);box-shadow:0 0 10px var(--blue);animation:pulse 1.1s ease-in-out infinite}.feed.ok .feed-dot{background:var(--green);box-shadow:0 0 12px var(--green)}.feed.bad .feed-dot,.feed.bad .feed-title{color:var(--red)}.feed.bad .feed-dot{background:var(--red)}.error{margin:0;color:var(--red)}@keyframes pulse{50%{opacity:.55}}@media(max-width:380px){.telemetry{grid-template-columns:1fr}.orbit-c{display:none}}