:root{color:#f8f7ff;font-synthesis:none;background:#080b19;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{background:#080b19;width:100%;height:100%;margin:0;overflow:hidden}button,select{font:inherit}.spatial-app{--accent:#f6c85f;--accent-secondary:#ff7a90;background:radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--accent-secondary) 18%,transparent),transparent 31%),radial-gradient(circle at 18% 80%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 35%),#080b19;width:100%;height:100%;transition:background .7s;position:relative}.spatial-app:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 28%,transparent 72%,color-mix(in srgb,var(--accent-secondary) 7%,transparent));mix-blend-mode:screen;position:absolute;inset:0}.spatial-scene{cursor:grab;touch-action:none;position:absolute;inset:0}.spatial-scene:active{cursor:grabbing}.spatial-scene canvas{width:100%;height:100%;display:block}.frame-top{z-index:4;border-bottom:1px solid color-mix(in srgb,var(--accent) 38%,transparent);background:linear-gradient(90deg,#0b1025d6,color-mix(in srgb,var(--accent-secondary) 8%,#0b1025c7));-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);height:68px;box-shadow:0 1px 24px color-mix(in srgb,var(--accent) 12%,transparent);letter-spacing:.14em;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 30px;font:500 9px Consolas,monospace;display:grid;position:absolute;top:0;left:0;right:0}.frame-top a{color:#fff;text-shadow:0 0 15px var(--accent);text-decoration:none}.frame-top>div{height:68px;display:flex}.frame-top select,.frame-top button{border:0;border-left:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:#e9eaff;background:#0b102470;outline:0;padding:0 18px;font:500 9px Consolas,monospace}.frame-top button{border-right:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent);cursor:pointer;transition:all .25s}.frame-top button:hover{color:#0a1020;background:var(--accent)}.frame-top>span{text-align:right;color:#67f4ae;text-shadow:0 0 14px #67f4aebf}.frame-left,.frame-right{z-index:4;letter-spacing:.14em;color:#aeb6d5;gap:9px;font:500 8px Consolas,monospace;display:grid;position:absolute;top:102px}.frame-left{border-left:2px solid var(--accent);padding-left:12px;left:30px}.frame-right{text-align:right;border-right:2px solid var(--accent-secondary);padding-right:12px;right:30px}.frame-right b{color:var(--accent);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 62%,transparent);margin-bottom:10px;font-weight:500}.active-caption{z-index:4;pointer-events:none;width:min(420px,36vw);position:absolute;bottom:76px;left:30px}.active-caption>span{letter-spacing:.16em;color:var(--accent);text-transform:uppercase;text-shadow:0 0 14px color-mix(in srgb,var(--accent) 60%,transparent);font:600 9px Consolas,monospace}.active-caption h1{letter-spacing:-.045em;color:#fff;text-shadow:0 8px 32px #0006,0 0 24px color-mix(in srgb,var(--accent-secondary) 20%,transparent);margin:14px 0;font:400 clamp(40px,4.3vw,72px)/.92 Georgia,serif}.active-caption p{color:#c8cee4;max-width:370px;font-size:12px;line-height:1.6}.active-caption button{pointer-events:auto;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 14%,#080b19cc);color:#fff;letter-spacing:.12em;box-shadow:inset 0 0 18px color-mix(in srgb,var(--accent) 9%,transparent),0 0 22px color-mix(in srgb,var(--accent) 17%,transparent);cursor:pointer;margin-top:12px;padding:11px 16px;font:600 8px Consolas,monospace;transition:all .25s}.active-caption button:hover{background:color-mix(in srgb,var(--accent) 32%,#080b19a6);transform:translateY(-2px)}.spatial-instructions{z-index:4;border-top:1px solid color-mix(in srgb,var(--accent-secondary) 34%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.11em;color:#aeb6d5;background:#090d1fc7;grid-template-columns:1fr auto 1fr;align-items:center;height:46px;padding:0 30px;font:500 8px Consolas,monospace;display:grid;position:absolute;bottom:0;left:0;right:0}.spatial-instructions>span:last-child{text-align:right;color:var(--accent)}.spatial-instructions div{gap:9px;display:flex}.spatial-instructions i{background:#3f496d;width:22px;height:2px;transition:all .3s}.spatial-instructions i.active{background:var(--accent);box-shadow:0 0 12px var(--accent);transform:scaleX(1.25)}.detail-layer{z-index:10;color:#141326;background:radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 30%),radial-gradient(circle at 92% 90%,color-mix(in srgb,var(--accent-secondary) 22%,transparent),transparent 34%),#f8f7ff;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent),0 28px 90px #0008;grid-template-columns:34% 66%;animation:.65s cubic-bezier(.2,.8,.2,1) detail-in;display:grid;position:absolute;inset:16px;overflow:hidden}.detail-close{z-index:2;color:#171428;cursor:pointer;background:#ffffff80;border:1px solid #27243c;border-radius:50%;width:38px;height:38px;font-size:22px;position:absolute;top:20px;right:22px}.detail-close:hover{background:var(--accent)}.detail-title{border-right:1px solid color-mix(in srgb,var(--accent) 35%,#cac9d5);background:#ffffff47;padding:52px 38px}.detail-title>span,.detail-data header,.detail-title dt,.detail-title dd{text-transform:uppercase;letter-spacing:.11em;font:500 9px Consolas,monospace}.detail-title>span{color:#4f4868;border-bottom:2px solid var(--accent);padding-bottom:8px}.detail-title h2{letter-spacing:-.055em;color:#171428;margin:40px 0 34px;font:400 clamp(48px,6vw,94px)/.9 Georgia,serif}.detail-title>p{color:#4f4c62;max-width:350px;font:400 13px/1.65 Arial,sans-serif}.detail-title dl{margin:60px 0 0}.detail-title dl div{border-bottom:1px solid #2f2a4a2e;grid-template-columns:110px 1fr;padding:13px 0;display:grid}.detail-title dt{color:#716b87}.detail-title dd{color:#211d38;margin:0}.detail-data{padding:52px 38px;overflow:auto}.detail-data header{border-bottom:2px solid var(--accent-secondary);color:#514b68;justify-content:space-between;padding:0 58px 18px 0;display:flex}.detail-data article{border-bottom:1px solid #2f2a4a2b;grid-template-columns:44px 1fr 110px;align-items:start;gap:18px;padding:22px 58px 22px 0;transition:all .22s;display:grid}.detail-data article:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);transform:translate(5px)}.detail-data article>span,.detail-data article>b{text-transform:uppercase;color:#6d6683;font:600 8px Consolas,monospace}.detail-data article>span{color:var(--accent-secondary)}.detail-data article>b{text-align:right;color:#4a3b75}.detail-data h3{color:#171428;margin:0;font:400 20px/1.2 Georgia,serif}.detail-data p{color:#615d72;margin:7px 0 0;font-size:10px}.detail-empty{color:#5c566d;padding:40px 0;font:400 14px Georgia,serif}.detail-layer:after{content:"ORBIT";letter-spacing:.18em;color:var(--accent-secondary);font:600 8px Consolas,monospace;position:fixed;bottom:24px;right:35px}.prediction-controls{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;bottom:34px;left:38px}.prediction-controls span{letter-spacing:.1em;color:#4a3b75;margin-right:8px;font:600 8px Consolas,monospace}.prediction-controls button{color:#fff;letter-spacing:.08em;cursor:pointer;background:#171428;border:1px solid #2d2850;padding:10px 13px;font:600 8px Consolas,monospace}.prediction-controls button:hover:not(:disabled){background:var(--accent-secondary);color:#171428}.prediction-controls button:disabled{opacity:.35;cursor:not-allowed}.recovery-controls{flex-wrap:wrap;align-items:stretch;max-width:760px}.recovery-controls input{color:#f5f2ff;background:#111025;border:1px solid #474461;min-width:210px;padding:10px;font:600 10px Consolas,monospace}.recovery-check{border-top:1px solid #e6e3ff38;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding-top:9px;display:flex}.recovery-check strong{letter-spacing:.06em;flex-basis:100%;font:600 9px Consolas,monospace}.public-status{color:#f6f3ff;background:#100e1c;min-height:100vh;padding:clamp(24px,6vw,88px);font-family:Arial,sans-serif}.public-status header{letter-spacing:.13em;border-bottom:1px solid #57526f;justify-content:space-between;padding-bottom:18px;font:600 12px Consolas,monospace;display:flex}.public-status section{max-width:820px;margin:12vh auto}.public-status h1{margin:20px 0;font-family:Georgia,serif;font-size:clamp(36px,6vw,76px)}.status-dot{text-transform:uppercase;letter-spacing:.1em;color:#58e5a0;border:1px solid #58e5a0;border-radius:999px;padding:8px 12px;font:600 11px Consolas,monospace;display:inline-block}.status-dot.major_outage{color:#ff6c8d;border-color:#ff6c8d}.status-dot.degraded{color:#ffd35c;border-color:#ffd35c}.status-components{border-top:1px solid #57526f;margin-top:54px}.status-components article{border-bottom:1px solid #57526f;justify-content:space-between;padding:18px 0;display:flex}.status-components b{text-transform:uppercase;font:600 11px Consolas,monospace}.status-components .operational{color:#58e5a0}.status-components .degraded{color:#ffd35c}.status-components .major_outage{color:#ff6c8d}.status-command-link{color:#fff;letter-spacing:.1em;border:1px solid #79718e;margin-top:28px;padding:11px 14px;font:600 10px Consolas,monospace;text-decoration:none;display:inline-block}.status-command-link:hover{color:#100e1c;background:#fff}@keyframes detail-in{0%{clip-path:inset(100% 0 0);transform:translateY(30px)}to{clip-path:inset(0);transform:none}}@media (width<=760px){.frame-top{grid-template-columns:1fr auto;padding:0 14px}.frame-top>span,.frame-left,.frame-right{display:none}.frame-top select{max-width:150px}.active-caption{width:calc(100% - 28px);bottom:72px;left:14px}.active-caption h1{font-size:46px}.active-caption p{max-width:290px}.spatial-instructions{grid-template-columns:1fr auto;padding:0 14px}.spatial-instructions div{display:none}.spatial-instructions>span:last-child{text-align:right}.detail-layer{display:block;inset:8px;overflow:auto}.detail-title{border-bottom:1px solid #cac9d5;border-right:0;padding:54px 24px 35px}.detail-title h2{font-size:55px}.detail-title dl{margin-top:35px}.detail-data{padding:35px 24px}.detail-data article{grid-template-columns:30px 1fr;padding-right:0}.detail-data article>b{text-align:left;grid-column:2}.detail-close{top:14px;right:14px}}@media (prefers-reduced-motion:reduce){.detail-layer{animation:none}}@media (width<=760px){html,body,#root{overflow:hidden}.frame-top{height:auto;min-height:58px;padding:8px 12px;display:block}.frame-top>a,.frame-top>span{display:none}.frame-top>div{scrollbar-width:none;width:100%;height:42px;display:flex;overflow-x:auto}.frame-top>div::-webkit-scrollbar{display:none}.frame-top select,.frame-top button{flex:none;padding:0 12px;font-size:8px}.frame-left{top:78px;left:16px}.frame-right{gap:4px;top:78px;right:16px}.frame-right span,.frame-right b{font-size:7px}.active-caption{width:calc(100vw - 36px);bottom:66px;left:18px}.active-caption h1{margin:10px 0;font-size:clamp(38px,15vw,60px)}.active-caption p{max-width:310px;font-size:11px}.active-caption button{margin-top:7px;padding:10px 13px}.spatial-instructions{grid-template-columns:1fr auto;height:38px;padding:0 16px}.spatial-instructions>span:first-child{display:none}.spatial-instructions div{gap:6px}.spatial-instructions i{width:16px}.detail-layer{display:block;inset:0;overflow:auto}.detail-close{top:13px;right:14px}.detail-title{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,#cac9d5);padding:32px 22px 26px}.detail-title h2{margin:26px 42px 18px 0;font-size:48px}.detail-title>p{font-size:12px}.detail-title dl{margin:28px 0 0}.detail-data{padding:26px 22px 112px;overflow:visible}.detail-data header{padding-right:0}.detail-data article{grid-template-columns:28px 1fr;gap:10px;padding:16px 0}.detail-data article>b{text-align:left;grid-column:2}.detail-data h3{font-size:18px}.prediction-controls{background:#171428e8;max-width:none;margin:-94px 22px 24px;padding:14px;position:static}.recovery-controls input{width:100%;min-width:100%}.public-status{padding:24px}.public-status section{margin:70px auto}}.public-document{color:#f6f3ff;background:#100e1c;min-height:100vh;padding:clamp(24px,6vw,88px);font-family:Arial,sans-serif}.public-document header,.public-status nav{align-items:center;gap:20px;display:flex}.public-document header{letter-spacing:.13em;border-bottom:1px solid #57526f;justify-content:space-between;padding-bottom:18px;font:600 12px Consolas,monospace}.public-document a,.public-status nav a{color:#f6f3ff;text-decoration:none}.public-document section{max-width:760px;margin:14vh auto}.public-document section>span{color:#f6c85f;letter-spacing:.12em;font:600 11px Consolas,monospace}.public-document h1{margin:20px 0;font:400 clamp(40px,6vw,76px)/1 Georgia,serif}.public-document p{color:#cec9df;max-width:680px;font-size:17px;line-height:1.7}.public-status nav{letter-spacing:.09em;font:600 10px Consolas,monospace}@media (width<=760px){.public-document{padding:24px}.public-document header{gap:12px}.public-document header nav,.public-status nav{gap:12px;font-size:8px}.public-document section{margin:70px auto}.public-document p{font-size:15px}}.detail-layer .prediction-controls{max-width:none;left:calc(34% + 38px);right:38px}.detail-layer .recovery-controls input{flex:190px;min-width:0}.detail-layer .recovery-controls select{color:#f7f4ff;min-width:145px;font:inherit;background:#111027;border:1px solid #373254;flex:0 165px;padding:0 14px}.detail-layer .recovery-controls .recovery-check{width:100%}@media (width<=760px){.detail-layer .prediction-controls{left:auto;right:auto}}.static-demo .prediction-controls button,.static-demo .prediction-controls input,.static-demo .prediction-controls select{pointer-events:none;opacity:.48}.static-demo .prediction-controls span:after{content:" / READ ONLY SAMPLE DATA"}