:root{font-family:Inter,SF Pro Display,Segoe UI,Helvetica,Arial,sans-serif;color:#e8eef0;background:#070b0d;font-synthesis:none;text-rendering:geometricPrecision;--ink: #e8eef0;--muted: #87949a;--faint: #566269;--line: rgba(182, 206, 215, .14);--line-strong: rgba(195, 220, 228, .24);--glass: rgba(10, 16, 19, .82);--glass-soft: rgba(10, 16, 19, .64);--power: #f4c95d;--cooling: #53bce8;--network: #9d7bf2;--compute: #55d4ae;--operations: #f08d68}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:#070b0d}body{min-width:320px}button,select,input{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:1px solid #d2e1e6;outline-offset:3px}button,a,select,input[type=range]{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;width:100%;height:100%;isolation:isolate;background:#070b0d}.scene-canvas{position:absolute;inset:0;z-index:0}.scene-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,6,7,.23),transparent 28%,transparent 72%,rgba(2,5,6,.35)),radial-gradient(circle at 50% 40%,transparent 35%,rgba(1,3,4,.25) 100%)}.scene-canvas canvas{display:block;width:100%;height:100%}.interface{position:absolute;inset:0;z-index:2;pointer-events:none;transition:opacity .7s ease,filter .7s ease}.interface.is-behind-intro{opacity:0;filter:blur(8px)}.glass-panel{background:linear-gradient(145deg,#131c20d6,#080d10e0);border:1px solid var(--line);box-shadow:0 22px 50px #00000047,inset 0 1px #ffffff06;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%)}.topbar{position:absolute;pointer-events:auto;z-index:10;top:18px;left:20px;right:20px;height:58px;display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);align-items:center;padding:0 10px 0 14px;border-radius:4px}.topbar:before{content:"";position:absolute;inset:-1px auto -1px -1px;width:2px;background:linear-gradient(transparent,#a5bec7,transparent);opacity:.55}.brand{border:0;padding:0;background:none;display:flex;align-items:center;gap:11px;cursor:pointer;text-align:left;justify-self:start}.brand__mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line-strong);background:#abcdd80f;position:relative}.brand__mark:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;right:-2px;top:-2px;background:var(--compute);box-shadow:0 0 8px var(--compute)}.brand__copy{display:grid;gap:3px}.brand__copy strong{font-size:11px;line-height:1;letter-spacing:.15em;font-weight:650}.brand__copy small{font:500 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);letter-spacing:.17em}.mode-nav{display:flex;align-items:center;height:100%}.mode-nav button{height:36px;padding:0 14px;display:flex;align-items:center;gap:7px;border:0;border-bottom:1px solid transparent;background:transparent;color:#849198;font-size:10px;letter-spacing:.06em;cursor:pointer;transition:.2s ease}.mode-nav button:hover{color:var(--ink);background:#ffffff06}.mode-nav button.is-active{color:var(--ink);border-bottom-color:#b9cbd1;background:linear-gradient(180deg,transparent,rgba(198,224,232,.055))}.topbar__actions{justify-self:end;display:flex;gap:5px;align-items:center}.icon-button{border:1px solid transparent;background:transparent;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;color:#8e9ca2}.icon-button:hover{border-color:var(--line);color:var(--ink);background:#ffffff09}.mobile-menu{display:none}.knowledge-select{height:34px;display:flex;align-items:center;gap:6px;padding:0 7px 0 10px;border-right:1px solid var(--line);color:var(--muted)}.knowledge-select select{appearance:none;border:0;background:transparent;padding:0 14px 0 0;color:#b8c3c7;text-transform:uppercase;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#728087 50%),linear-gradient(135deg,#728087 50%,transparent 50%);background-position:calc(100% - 4px) 50%,100% 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.knowledge-select select option{background:#10171a}.left-panel{position:absolute;pointer-events:auto;z-index:5;top:92px;left:20px;bottom:112px;width:306px;border-radius:4px;display:flex;flex-direction:column;overflow:hidden;animation:panel-in-left .45s cubic-bezier(.2,.8,.2,1) both}@keyframes panel-in-left{0%{opacity:0;transform:translate(-14px)}}.panel-scroll{padding:21px 18px 10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a363a transparent;flex:1}.panel-heading{margin-bottom:17px}.panel-heading>span,.modal-kicker{color:#7e8d94;font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.19em}.panel-heading h2{margin:8px 0 7px;font-size:18px;font-weight:500;letter-spacing:-.02em}.panel-heading p{margin:0;color:#8b989d;font-size:11px;line-height:1.55}.layer-list,.scenario-list,.tour-list{display:grid;gap:4px}.layer-list button,.scenario-list button,.tour-list button{border:1px solid transparent;background:#ffffff05;cursor:pointer;color:#9ba8ad;text-align:left;transition:.2s ease}.layer-list button{min-height:47px;padding:7px 10px;display:grid;grid-template-columns:6px 1fr 14px;align-items:center;gap:10px}.layer-list button:hover,.scenario-list button:hover,.tour-list button:hover{background:#ffffff0a;color:var(--ink)}.layer-list button.is-active{border-color:color-mix(in srgb,var(--system-color) 32%,transparent);background:color-mix(in srgb,var(--system-color) 7%,transparent);color:var(--ink)}.layer-list__signal{width:3px;height:21px;background:#465156}.layer-list button.is-active .layer-list__signal{background:var(--system-color);box-shadow:0 0 12px var(--system-color)}.layer-list button>span:nth-child(2),.scenario-list button>span:nth-last-child(2),.tour-list button>span:last-child{display:grid;gap:3px}.layer-list strong,.scenario-list strong,.tour-list strong{font-size:10px;font-weight:600;letter-spacing:.03em}.layer-list small,.scenario-list small,.tour-list small{color:#69777d;font-size:9px;line-height:1.25}.panel-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;color:#78878d;font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.section-label strong{color:#b5c1c5;font-weight:500}.stage-readout{display:flex;align-items:baseline;justify-content:space-between;margin-top:10px}.stage-readout span{font-size:20px;font-weight:450;letter-spacing:-.03em}.stage-readout small{color:#839197;font:500 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.exploded-range{width:100%;margin:14px 0 5px;appearance:none;background:linear-gradient(90deg,#d6e0e2 0 var(--value, 0%),#2c363a var(--value, 0%));height:1px;cursor:ew-resize}.exploded-range::-webkit-slider-thumb{appearance:none;width:13px;height:22px;border:1px solid #c7d4d8;border-radius:0;background:#172023;box-shadow:0 0 0 3px #cadce10f}.exploded-range::-moz-range-thumb{width:13px;height:22px;border:1px solid #c7d4d8;border-radius:0;background:#172023}.range-ticks{display:flex;justify-content:space-between;padding:0 4px}.range-ticks i{width:1px;height:4px;background:#364247}.range-ticks i.is-passed{background:#b5c4c9}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:17px}.focus-grid button{height:32px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--line);background:#ffffff05;color:#87949a;font-size:9px;cursor:pointer}.focus-grid button:hover{color:var(--ink);border-color:var(--line-strong)}.panel-footer{flex:none;height:39px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 14px;background:#00000026}.panel-footer button{border:0;background:transparent;color:#718087;font-size:8px;display:flex;gap:5px;align-items:center;cursor:pointer}.panel-footer button:hover{color:var(--ink)}.panel-footer>span{color:#596a70;display:flex;align-items:center;gap:5px;font:600 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.scenario-list button{min-height:58px;padding:9px 9px 9px 11px;display:grid;grid-template-columns:1fr 14px;gap:8px;align-items:center}.scenario-list button.is-active,.tour-list button.is-active{background:#b3d1da11;border-color:var(--line-strong);color:var(--ink)}.scenario-list button small{line-height:1.35}.incidents-list button{grid-template-columns:5px 1fr 14px}.severity{width:3px;height:28px;background:#819097}.severity--advisory{background:#c7ad66}.severity--degraded{background:#e58e55}.severity--critical{background:#ed655e;box-shadow:0 0 9px #ed655e59}.scenario-summary{margin-top:14px;padding:13px;border-left:1px solid #65757b;background:#9bbcc609}.scenario-summary>span{color:#738289;font:600 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.scenario-summary p{margin:7px 0 9px;font-size:10px;line-height:1.5;color:#a5b1b5}.scenario-summary div{display:flex;align-items:center;gap:5px;color:#68777d;font-size:8px}.primary-action{margin-top:12px;width:100%;min-height:42px;border:1px solid #80949b;background:#d9e3e5;color:#101719;display:flex;justify-content:center;gap:8px;align-items:center;text-transform:uppercase;font:650 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;cursor:pointer;transition:.2s ease}.primary-action:hover{background:#eff5f6;transform:translateY(-1px)}.danger-action{background:#d87068;border-color:#e78981;color:#160b0a}.danger-action:hover{background:#ea8279}.tour-list button{min-height:58px;padding:8px 10px;display:grid;grid-template-columns:27px 1fr;align-items:center;gap:9px}.tour-number{color:#5f7076;font:500 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.tour-list button.is-active .tour-number{color:#d8e2e5}.detail-panel{--detail-color: #d9e2e6;position:absolute;pointer-events:auto;z-index:6;top:92px;right:20px;bottom:112px;width:328px;border-radius:4px;padding:22px 19px 17px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a363a transparent;animation:panel-in-right .45s cubic-bezier(.2,.8,.2,1) both}@keyframes panel-in-right{0%{opacity:0;transform:translate(14px)}}.detail-panel__accent{position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--detail-color),transparent)}.detail-close,.modal-close{position:absolute;top:13px;right:13px;width:28px;height:28px;border:1px solid var(--line);display:grid;place-items:center;background:#ffffff05;color:#89969b;cursor:pointer}.detail-close:hover,.modal-close:hover{color:var(--ink);background:#ffffff0d}.detail-eyebrow{display:flex;align-items:center;gap:7px;padding-right:27px;color:#728188;font:600 7px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.detail-eyebrow span{color:var(--detail-color)}.detail-eyebrow i{width:14px;height:1px;background:#4a575c}.detail-panel h2{margin:10px 0 8px;max-width:270px;font-size:23px;line-height:1.12;font-weight:470;letter-spacing:-.035em}.status-line{display:flex;align-items:center;color:#7f908c;font:600 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.status-line small{color:#516066}.status-dot{width:5px;height:5px;border-radius:50%;margin-right:6px;background:#65c8a8;box-shadow:0 0 8px #65c8a8}.detail-copy{margin:15px 0 14px;color:#a4b0b4;font-size:11px;line-height:1.58}.micro-visual{height:112px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#ffffff03,#ffffff08,#ffffff03);display:grid;place-items:center;overflow:hidden}.micro-visual svg{width:100%;height:100%;overflow:visible}.micro-visual svg text{fill:#75848a;font:600 6px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.micro-visual svg path,.micro-visual svg circle,.micro-visual svg rect,.micro-visual svg line{fill:none;stroke:#6d7e84;stroke-width:1;vector-effect:non-scaling-stroke}.micro-grid{opacity:.13}.micro-power{stroke:var(--power)!important;stroke-width:1.5!important}.micro-cold{stroke:var(--cooling)!important;stroke-width:2!important}.micro-hot{stroke:#d87d66!important;stroke-width:2!important;opacity:.75}.micro-network-links path{stroke:#7e699e!important;opacity:.65}.micro-network-nodes>*{fill:#1e292d!important;stroke:var(--network)!important}.micro-pulse{fill:var(--power)!important;stroke:none!important;filter:drop-shadow(0 0 4px var(--power));animation:micro-pulse 2.3s ease-in-out infinite}.micro-pulse--blue{fill:var(--cooling)!important;filter:drop-shadow(0 0 4px var(--cooling))}.micro-pulse--violet{fill:var(--network)!important;filter:drop-shadow(0 0 4px var(--network))}.micro-pulse--green{fill:var(--compute)!important;filter:drop-shadow(0 0 4px var(--compute))}@keyframes micro-pulse{50%{opacity:.25;transform:translate(5px)}}.rack-frame{stroke:#75878e!important;fill:#ffffff05!important}.rack-unit{fill:#303e43!important;stroke:none!important}.rack-unit--hot{fill:var(--compute)!important}.rack-power{stroke:var(--power)!important}.rack-thermal{stroke:#cd765f!important}.rack-thermal--2{opacity:.45}.board{fill:#132e2a!important;stroke:#3c625a!important}.gpu-chip{fill:#334348!important;stroke:var(--compute)!important}.cpu-chip{fill:#39464b!important;stroke:var(--cooling)!important}.memory{fill:#46535d!important;stroke:none!important}.board-link{stroke:#5a9186!important;opacity:.6}.ops-ring{stroke:#425157!important;stroke-width:7!important}.ops-ring--active{stroke:var(--operations)!important}.ops-core{fill:#f08d6814!important;stroke:var(--operations)!important}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.metric-grid>div{min-width:0;padding:13px 8px 12px;border-right:1px solid var(--line)}.metric-grid>div:first-child{padding-left:0}.metric-grid>div:last-child{border-right:0}.metric-grid span{display:block;color:#65737a;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.metric-grid strong{display:block;margin-top:5px;font-size:13px;font-weight:500;white-space:nowrap}.metric-grid small{color:#55646a;font-size:7px}.redundancy-row{display:flex;align-items:center;gap:9px;padding:12px 0;color:var(--detail-color);border-bottom:1px solid var(--line)}.redundancy-row span{display:grid;gap:3px;color:#aab6ba;font-size:9px}.redundancy-row small{color:#5f6e74;font-size:7px;letter-spacing:.1em}.connections{padding:12px 0;border-bottom:1px solid var(--line)}.connections>span{display:flex;gap:6px;align-items:center;color:#637178;font:600 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.connections>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.connections button{border:1px solid var(--line);background:#ffffff05;color:#8f9da2;padding:5px 6px;display:flex;gap:4px;align-items:center;font-size:8px;cursor:pointer}.connections button:hover{border-color:var(--line-strong);color:var(--ink)}.detail-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:4px;margin-top:13px}.detail-actions button{height:34px;border:1px solid var(--line);background:#ffffff05;color:#8c999f;display:flex;justify-content:center;align-items:center;gap:5px;font-size:8px;cursor:pointer}.detail-actions button:hover,.detail-actions button.is-active{color:var(--ink);border-color:var(--line-strong)}.detail-actions .detail-action-primary{background:var(--detail-color);color:#101719;border-color:transparent}.bottom-dock{position:absolute;pointer-events:auto;z-index:4;left:20px;right:20px;bottom:18px;height:78px;border-radius:4px}.bottom-dock--explore{display:grid;grid-template-columns:150px 1fr 220px;align-items:center;padding:0 17px}.dock-stage{display:grid;gap:5px}.dock-stage span{color:#66757b;font:600 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.dock-stage strong{font-size:14px;font-weight:480}.dock-scale{height:45px;display:flex;align-items:center;padding:0 18px}.dock-scale>div{position:relative;flex:1;height:1px;background:#2c373b}.dock-scale>div:last-child{flex:0}.dock-scale i{position:absolute;left:0;top:-3px;width:7px;height:7px;border:1px solid #46555b;background:#12191c;transform:rotate(45deg)}.dock-scale small{position:absolute;top:10px;left:0;transform:translate(-45%);color:#526168;font:500 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.dock-scale>div.is-active{background:#94a7ad}.dock-scale>div.is-active i{border-color:#c3d0d4;background:#b5c4c9;box-shadow:0 0 8px #bed3d980}.dock-scale>div.is-active small{color:#9eacb1}.dock-hint{justify-self:end;display:flex;align-items:center;gap:7px;color:#65747a;font:500 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.bottom-dock--simulation{display:grid;grid-template-columns:138px 1fr 410px;align-items:center;gap:17px;padding:0 15px}.sim-controls{display:flex;align-items:center;gap:4px;border-right:1px solid var(--line);padding-right:13px}.sim-controls>button{width:30px;height:30px;border:1px solid var(--line);display:grid;place-items:center;color:#9ba9ae;background:#ffffff05;cursor:pointer}.sim-controls>button:first-child{color:#11191b;background:#d8e3e5}.sim-controls label{display:grid;gap:2px;margin-left:4px;color:#58686e;font-size:6px;text-transform:uppercase}.sim-controls select{border:0;background:transparent;color:#a8b4b8;font-size:9px}.sim-controls select option{background:#10171a}.timeline-block{min-width:0}.timeline-title{display:grid;grid-template-columns:135px 1fr 34px;gap:10px;align-items:baseline}.timeline-title span{color:#65757b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.timeline-title strong{font-size:12px;font-weight:500}.timeline-title small{color:#7a898f;font:500 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}.timeline-track{position:relative;height:2px;margin-top:8px;background:#2a3438}.timeline-track>span{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#7399a6,#d8e2e4);box-shadow:0 0 8px #a5ccd840;transition:width .1s linear}.timeline-track i{position:absolute;top:-2px;width:6px;height:6px;border:1px solid #4d5a5f;background:#11181a;transform:rotate(45deg)}.timeline-track i.is-passed{background:#b8c7cb;border-color:#d8e2e4}.timeline-block p{margin:7px 0 0;color:#6f7d83;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.live-metrics div{padding-left:14px;min-width:0}.live-metrics span{display:block;color:#5e6c72;font:600 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.live-metrics strong{display:block;margin-top:6px;font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.spatial-label{--label-color: #d9e2e6;position:relative;min-width:122px;padding:7px 9px 7px 15px;border:1px solid rgba(197,220,227,.22);background:#070c0ed6;color:#dfe8ea;box-shadow:0 8px 22px #0000004d;backdrop-filter:blur(10px);pointer-events:none;transform-origin:center}.spatial-label:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--label-color)}.spatial-label:after{content:"";position:absolute;width:1px;height:22px;left:50%;top:100%;background:linear-gradient(var(--label-color),transparent);opacity:.65}.spatial-label__dot{position:absolute;left:7px;top:10px;width:3px;height:3px;border-radius:50%;box-shadow:0 0 6px currentColor}.spatial-label>span:nth-child(2){display:block;font-size:8px;font-weight:650;letter-spacing:.04em}.spatial-label small{display:block;margin-top:3px;color:#708087;font:500 5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.spatial-label.is-power{--label-color: var(--power)}.spatial-label.is-cooling{--label-color: var(--cooling)}.spatial-label.is-network{--label-color: var(--network)}.spatial-label.is-compute{--label-color: var(--compute)}.spatial-label.is-operations{--label-color: var(--operations)}.spatial-label.is-selected{border-color:color-mix(in srgb,var(--label-color) 50%,transparent)}.intro{position:absolute;inset:0;z-index:50;color:#eef3f4;overflow:hidden;background:#0306072e}.intro__veil{position:absolute;inset:0;background:linear-gradient(90deg,#020506f5,#030709b8 36%,#03070914 70%),linear-gradient(0deg,rgba(2,5,6,.8),transparent 35%);animation:intro-veil 4s ease both}@keyframes intro-veil{0%{background-color:#020405}}.intro-skip{position:absolute;top:24px;right:26px;z-index:3;height:32px;padding:0 11px;display:flex;align-items:center;gap:7px;border:1px solid rgba(205,224,230,.18);background:#05090b85;color:#8d9ca1;text-transform:uppercase;font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;cursor:pointer}.intro-skip:hover{color:#eef3f4;border-color:#cde0e659}.intro__sequence{position:absolute;top:12%;left:7.5%;width:min(480px,62vw);display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;animation:sequence-out .7s 3.7s ease both}.intro__sequence span,.intro__sequence small{color:#7f8f95;font:600 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em}.intro__sequence i{height:1px;background:linear-gradient(90deg,#70858d,transparent);transform-origin:left;animation:sequence-line 3.3s ease both}.intro__sequence small{grid-column:1 / -1;color:#4f6067}@keyframes sequence-line{0%{transform:scaleX(0)}}@keyframes sequence-out{to{opacity:0;transform:translateY(-8px)}}.intro__title{position:absolute;left:7.5%;top:25%;width:min(640px,54vw);opacity:0;transform:translateY(18px);animation:title-in 1.1s 1.2s cubic-bezier(.2,.8,.2,1) forwards}@keyframes title-in{to{opacity:1;transform:none}}.intro__title>span{color:#8d9ba0;font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.24em}.intro__title h1{margin:14px 0 16px;font-size:clamp(58px,7vw,108px);line-height:.8;font-weight:320;letter-spacing:-.065em;text-shadow:0 10px 45px rgba(0,0,0,.48)}.intro__title p{width:min(490px,100%);margin:0;color:#9eaaae;font-size:13px;line-height:1.55}.intro__actions{position:absolute;z-index:3;left:7.5%;bottom:13%;width:min(620px,61vw);display:grid;grid-template-columns:1fr 1fr;gap:7px;opacity:0;transform:translateY(12px);transition:.8s .1s ease;pointer-events:none}.intro.is-ready .intro__actions{opacity:1;transform:none;pointer-events:auto}.intro__actions button{min-height:64px;display:grid;grid-template-columns:23px 1fr 17px;align-items:center;gap:8px;padding:0 15px;border:1px solid rgba(198,218,225,.22);background:#080e10bd;color:#aebabe;text-align:left;cursor:pointer;backdrop-filter:blur(12px);transition:.2s ease}.intro__actions button:hover{border-color:#dcecf080;background:#121b1fe6;color:#edf3f4;transform:translateY(-2px)}.intro__actions .intro-primary{background:#dbe5e7;color:#111719;border-color:#dbe5e7}.intro__actions .intro-primary:hover{background:#f0f5f6;color:#0b1012}.intro__actions button span{display:grid;gap:4px}.intro__actions strong{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.intro__actions small{color:#718087;font-size:8px}.intro-primary small{color:#596568}.intro__index{position:absolute;left:7.5%;right:26px;bottom:25px;display:flex;justify-content:space-between;color:#506067;font:600 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.modal-backdrop{position:absolute;inset:0;z-index:30;pointer-events:auto;display:grid;place-items:center;background:#020506a8;backdrop-filter:blur(8px);animation:modal-fade .25s ease both}@keyframes modal-fade{0%{opacity:0}}.modal{position:relative;width:min(560px,calc(100vw - 36px));max-height:min(760px,calc(100vh - 50px));overflow-y:auto;border-radius:4px;padding:28px}.modal h2{margin:10px 36px 18px 0;font-size:27px;line-height:1.15;font-weight:450;letter-spacing:-.03em}.modal h3{margin:23px 0 10px;color:#aab7bb;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.modal>p{color:#9aa7ac;font-size:11px;line-height:1.65}.settings-group{padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.settings-group>div:first-child,.toggle-row{display:grid;grid-template-columns:18px 1fr auto;gap:9px;align-items:center}.settings-group span,.toggle-row span{display:grid;gap:4px}.settings-group strong,.toggle-row strong{font-size:10px;font-weight:600}.settings-group small,.toggle-row small{color:#68777d;font-size:8px}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:14px}.segmented-control button{height:34px;border:1px solid var(--line);background:#ffffff05;color:#738187;display:flex;align-items:center;justify-content:center;gap:5px;text-transform:uppercase;font-size:8px;cursor:pointer}.segmented-control button.is-active{color:#11181a;background:#d8e2e4}.toggle-row{padding:15px 0;border-bottom:1px solid var(--line);cursor:pointer}.toggle-row input{position:absolute;opacity:0}.toggle-row>i{position:relative;width:34px;height:18px;border:1px solid #3e4b50;background:#12191c}.toggle-row>i:after{content:"";position:absolute;width:12px;height:12px;top:2px;left:2px;background:#6d7b80;transition:.2s ease}.toggle-row input:checked+i{border-color:#8da2a9}.toggle-row input:checked+i:after{left:18px;background:#d7e2e4}.settings-note{margin:15px 0 0;color:#5d6b71!important;font-size:8px!important}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.method-grid>div{display:grid;gap:5px;padding:14px 10px;border-right:1px solid var(--line)}.method-grid>div:first-child{padding-left:0}.method-grid>div:last-child{border-right:0}.method-grid span{color:#5f6d73;font:600 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.method-grid strong{font-size:10px;font-weight:550}.method-grid small{color:#68767c;font-size:8px;line-height:1.35}.source-list{display:grid;gap:4px}.source-list a{display:grid;grid-template-columns:1fr 14px;align-items:center;min-height:48px;padding:8px 10px;border:1px solid var(--line);color:#9caaaf;text-decoration:none;background:#ffffff04}.source-list a:hover{border-color:var(--line-strong);color:var(--ink)}.source-list span{display:grid;gap:4px}.source-list strong{font-size:9px;font-weight:600}.source-list small{color:#627177;font-size:8px}.about-footnote{margin-top:14px;padding-top:13px;border-top:1px solid var(--line);color:#526168;font:500 7px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}.dev-telemetry{position:absolute;pointer-events:none;right:28px;top:86px;padding:6px 8px;background:#050a0cb3;border:1px solid var(--line);display:flex;gap:9px;align-items:center;font:500 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.dev-telemetry span{color:#5d6b70}.dev-telemetry strong{color:var(--compute);font-weight:600}.model-disclaimer{position:absolute;left:50%;top:84px;transform:translate(-50%);color:#9db1b885;display:flex;gap:8px;align-items:center;font:600 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;white-space:nowrap}.model-disclaimer i{width:3px;height:3px;background:#61737a;transform:rotate(45deg)}.scene-loading{position:absolute;inset:0;z-index:100;display:grid;place-content:center;gap:14px;justify-items:center;background:#070b0d;color:#738087;text-transform:uppercase;font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.scene-loading span{width:34px;height:34px;border:1px solid #2f3a3e;border-top-color:#a6b9bf;border-radius:50%;animation:loading-spin 1s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.topbar{top:16px;left:18px;right:18px;height:64px;grid-template-columns:minmax(270px,1fr) auto minmax(270px,1fr);padding:0 12px 0 16px}.brand{gap:12px}.brand__mark{width:35px;height:35px}.brand__copy{gap:4px}.brand__copy strong{font-size:12px}.brand__copy small{font-size:9px;letter-spacing:.14em}.mode-nav button{height:42px;padding:0 13px;gap:8px;font-size:11px}.topbar__actions{gap:7px}.icon-button{width:37px;height:37px}.knowledge-select{height:37px;gap:7px;padding-left:11px}.knowledge-select select{font-size:10px}.left-panel{top:96px;left:18px;bottom:120px;width:336px}.panel-scroll{padding:23px 20px 12px}.panel-heading{margin-bottom:19px}.panel-heading>span,.modal-kicker{font-size:9px}.panel-heading h2{margin:9px 0 8px;font-size:20px}.panel-heading p{font-size:12px;line-height:1.58}.layer-list,.scenario-list,.tour-list{gap:5px}.layer-list button{min-height:52px;padding:8px 11px;grid-template-columns:6px 1fr 15px;gap:11px}.layer-list strong,.scenario-list strong,.tour-list strong{font-size:11px}.layer-list small,.scenario-list small,.tour-list small{font-size:10px;line-height:1.3}.panel-section{margin-top:21px;padding-top:18px}.section-label{font-size:9px}.stage-readout{margin-top:11px}.stage-readout span{font-size:22px}.stage-readout small{font-size:10px}.exploded-range{margin-top:16px}.focus-grid{gap:5px;margin-top:18px}.focus-grid button{height:36px;padding:0 9px;font-size:10px}.panel-footer{height:43px;padding:0 16px}.panel-footer button{font-size:9px}.panel-footer>span{font-size:8px}.scenario-list button{min-height:64px;padding:10px 10px 10px 12px}.scenario-summary{margin-top:15px;padding:14px}.scenario-summary>span{font-size:8px}.scenario-summary p{font-size:11px;line-height:1.55}.scenario-summary div{font-size:9px}.primary-action{min-height:46px;font-size:10px}.tour-list button{min-height:64px;grid-template-columns:29px 1fr}.tour-number{font-size:10px}.detail-panel{top:96px;right:18px;bottom:120px;width:360px;padding:24px 21px 19px}.detail-close,.modal-close{width:31px;height:31px}.detail-eyebrow{gap:8px;padding-right:30px;font-size:8px;line-height:1.4}.detail-panel h2{margin:11px 0 9px;max-width:292px;font-size:25px}.status-line{font-size:8px}.detail-copy{margin:17px 0 15px;font-size:12px;line-height:1.62}.micro-visual{height:120px}.micro-visual svg text{font-size:7px}.metric-grid>div{padding:14px 9px 13px}.metric-grid span{font-size:8px}.metric-grid strong{margin-top:6px;font-size:14px}.metric-grid small{font-size:8px}.redundancy-row{gap:10px;padding:13px 0}.redundancy-row span{font-size:10px}.redundancy-row small{font-size:8px}.connections{padding:13px 0}.connections>span{font-size:8px}.connections button{padding:6px 7px;font-size:9px}.detail-actions{gap:5px;margin-top:14px}.detail-actions button{min-height:38px;height:auto;padding:5px 4px;font-size:9px}.bottom-dock{left:18px;right:18px;bottom:16px;height:88px}.bottom-dock--explore{grid-template-columns:175px 1fr 270px;padding:0 19px}.dock-stage{gap:6px}.dock-stage span{font-size:8px}.dock-stage strong{font-size:16px}.dock-scale{height:49px;padding:0 20px}.dock-scale small{top:11px;font-size:8px}.dock-hint{gap:8px;font-size:8px}.bottom-dock--simulation{grid-template-columns:152px 1fr 440px;gap:19px;padding:0 17px}.sim-controls{gap:5px;padding-right:15px}.sim-controls>button{width:34px;height:34px}.sim-controls label{gap:3px;font-size:7px}.sim-controls select{font-size:10px}.timeline-title{grid-template-columns:150px 1fr 38px;gap:11px}.timeline-title span{font-size:8px}.timeline-title strong{font-size:13px}.timeline-title small{font-size:9px}.timeline-block p{margin-top:8px;font-size:9px}.live-metrics div{padding-left:15px}.live-metrics span{font-size:7px}.live-metrics strong{margin-top:7px;font-size:12px}.spatial-label{min-width:135px;padding:8px 10px 8px 17px}.spatial-label>span:nth-child(2){font-size:9px}.spatial-label small{font-size:6px}.modal{width:min(600px,calc(100vw - 36px));padding:31px}.modal h2{font-size:29px}.modal h3{font-size:11px}.modal>p{font-size:12px}.settings-group strong,.toggle-row strong{font-size:11px}.settings-group small,.toggle-row small{font-size:9px}.segmented-control button{height:38px;font-size:9px}.settings-note{font-size:9px!important}.method-grid strong{font-size:11px}.method-grid small{font-size:9px}.source-list strong{font-size:10px}.source-list small{font-size:9px}.about-footnote{font-size:8px}.intro-skip{height:36px;font-size:9px}.intro__title>span{font-size:9px}.intro__title p{font-size:14px}.intro__actions button{min-height:70px}.intro__actions strong{font-size:12px}.intro__actions small{font-size:9px}.intro__index,.dev-telemetry{font-size:8px}.model-disclaimer{top:88px;font-size:7px}@media(max-width:1180px){.topbar{grid-template-columns:220px 1fr auto}.mode-nav button{padding:0 9px}.bottom-dock--simulation{grid-template-columns:120px 1fr 320px}.live-metrics div:nth-child(4){display:none}.live-metrics{grid-template-columns:repeat(3,1fr)}.dock-hint{display:none}.bottom-dock--explore{grid-template-columns:135px 1fr}}@media(max-width:980px){.topbar{top:10px;left:10px;right:10px;grid-template-columns:1fr auto}.mode-nav{position:absolute;top:65px;left:0;background:#080d0fd1;border:1px solid var(--line);backdrop-filter:blur(16px);height:40px}.mode-nav button{height:38px}.left-panel{top:122px;left:10px;bottom:98px;width:280px}.detail-panel{top:122px;right:10px;bottom:98px;width:300px}.bottom-dock{left:10px;right:10px;bottom:10px;height:75px}.bottom-dock--simulation{grid-template-columns:118px 1fr}.live-metrics{display:none}.model-disclaimer{top:auto;bottom:91px}}@media(max-width:760px){.brand__copy small,.knowledge-select,.mode-nav button span{display:none}.brand{min-width:150px}.topbar{height:52px}.mobile-menu{display:grid}.mode-nav{top:58px}.left-panel{top:108px;width:min(310px,calc(100vw - 20px));bottom:94px}.detail-panel{inset:auto 10px 94px;width:auto;max-height:46vh}.left-panel:has(~.detail-panel){display:none}.bottom-dock--explore{grid-template-columns:92px 1fr;padding:0 10px}.dock-scale{padding:0 7px}.dock-scale small{display:none}.dock-stage strong{font-size:11px}.bottom-dock--simulation{grid-template-columns:100px 1fr;gap:8px;padding:0 8px}.timeline-title{grid-template-columns:1fr 30px}.timeline-title span{display:none}.timeline-block p{max-width:50vw}.intro__title{left:7%;top:25%;width:86vw}.intro__title h1{font-size:clamp(52px,17vw,84px)}.intro__actions{left:7%;right:7%;width:auto;grid-template-columns:1fr;bottom:10%}.intro__actions button{min-height:57px}.intro__index span:nth-child(2){display:none}.method-grid{grid-template-columns:1fr}.method-grid>div{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.method-grid>div:last-child{border-bottom:0}.model-disclaimer{display:none}}@media(max-height:720px)and (min-width:761px){.left-panel,.detail-panel{bottom:91px;top:84px}.topbar{top:10px;height:54px}.bottom-dock{bottom:10px;height:70px}.model-disclaimer{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
