@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{--c2-graphite:#080c0d;--c2-anthracite:#1e2124;--c2-technical-gray:#3a3f44;--c2-off-white:#e8e8e5;--c2-signal-red:#d01f26;--c2-muted-gray:#858b8f;--c2-space-xs:4px;--c2-space-sm:8px;--c2-space-md:16px;--c2-space-lg:24px;--c2-space-xl:32px;--c2-radius-sm:2px;--c2-radius-md:4px;--c2-line:1px;--c2-font-sans:Inter, "Noto Sans", Arial, sans-serif;--c2-font-mono:"IBM Plex Mono", "DejaVu Sans Mono", monospace;--c2-track-label:.12em}*{box-sizing:border-box}body{background:var(--c2-graphite);color:var(--c2-off-white);font-family:var(--c2-font-sans);margin:0;font-size:14px;line-height:1.5}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--c2-off-white)}a{color:inherit;text-decoration:none}button{font:inherit;background:var(--c2-graphite);color:var(--c2-off-white);border:var(--c2-line) solid var(--c2-technical-gray);border-radius:var(--c2-radius-sm);cursor:pointer;white-space:nowrap;padding:8px 12px}button:hover,a:hover{background:var(--c2-anthracite)}button:disabled{opacity:.5;cursor:default}button[aria-pressed=true],button.primary{border-left:2px solid var(--c2-signal-red)}h1,h2,h3,p,dl,dd{margin:0}h1{letter-spacing:.04em;font-size:28px;font-weight:500;line-height:1.3}h2,h3{letter-spacing:var(--c2-track-label);font-size:12px;font-weight:500}small{color:var(--c2-muted-gray);font-size:12px;font-weight:400}.mono,dd,time,.state-badge,.axis,.hop,.aux,.hop-history,.status-bar,.module-row{font-family:var(--c2-font-mono);font-variant-numeric:tabular-nums}.eyebrow{color:var(--c2-muted-gray);letter-spacing:var(--c2-track-label);text-transform:uppercase;font-size:11px;display:block}.subtle{color:var(--c2-muted-gray);font-size:11px}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{border-bottom:1px solid var(--c2-technical-gray);align-items:center;gap:32px;height:86px;padding:0 36px;display:flex}.brand-link{flex-shrink:0;align-items:center;width:310px;display:flex}.brand-link img{width:100%;height:auto;display:block}.station-label{border-left:1px solid var(--c2-technical-gray);letter-spacing:.12em;color:var(--c2-muted-gray);gap:4px;padding-left:28px;font-size:11px;display:grid}.station-label span:first-child{color:var(--c2-off-white)}.source-label{color:var(--c2-muted-gray);align-items:center;gap:24px;margin-left:auto;font-size:11px;display:flex}.state-badge{border:1px solid var(--c2-technical-gray);letter-spacing:.04em;color:var(--c2-off-white);white-space:nowrap;align-items:center;gap:8px;padding:4px 9px;font-size:11px;line-height:1.5;display:inline-flex}.state-badge.is-active{border-left:2px solid var(--c2-signal-red)}.state-badge.is-active>.badge-symbol{color:var(--c2-signal-red)}.top-navigation{border-bottom:1px solid var(--c2-technical-gray);align-items:stretch;gap:12px;height:57px;padding:0 36px;display:flex}.top-navigation a{letter-spacing:.12em;color:var(--c2-muted-gray);border-bottom:2px solid #0000;align-items:center;gap:10px;padding:0 24px;font-size:12px;display:flex}.top-navigation a[aria-current]{color:var(--c2-off-white);border-bottom-color:var(--c2-signal-red);background:var(--c2-anthracite)}.icon{background:currentColor;flex-shrink:0;width:24px;height:24px;display:inline-block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.navigation-caption{color:var(--c2-muted-gray);letter-spacing:.12em;align-self:center;margin-left:auto;font-size:9px}.app-shell>main{flex:1;width:100%;min-width:0;padding:26px 36px 24px}.view-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.view-heading .eyebrow{margin-bottom:5px}.view-actions{color:var(--c2-muted-gray);gap:16px;font-size:12px;display:flex}.view-actions a{border:1px solid var(--c2-technical-gray);border-radius:var(--c2-radius-sm);padding:6px 12px}.panel{border:1px solid var(--c2-technical-gray);border-radius:var(--c2-radius-sm);min-width:0;overflow:hidden}.panel-heading{background:var(--c2-anthracite);border-bottom:1px solid var(--c2-technical-gray);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:14px 18px;display:flex}.panel-heading .eyebrow{margin-bottom:3px;font-size:9px}.panel-heading button{font-family:var(--c2-font-mono);padding:5px 9px;font-size:11px}.instrument-grid{grid-template-columns:minmax(0,1fr) 310px;gap:24px;display:grid}.plots-column,.measurement-column{flex-direction:column;gap:20px;min-width:0;display:flex}.plot{position:relative}.plot canvas{width:100%;height:100%;display:block}.psd{height:clamp(230px,25vh,380px);padding-bottom:28px}.waterfall{height:clamp(160px,18vh,280px)}.cursor-readout{color:var(--c2-muted-gray);font-size:10px;position:absolute;bottom:5px;left:58px}.metric{min-width:0;padding:14px 18px}.metric+.metric{border-top:1px solid var(--c2-technical-gray)}.metric dt{color:var(--c2-muted-gray);font-family:var(--c2-font-sans);letter-spacing:.12em;margin-bottom:4px;font-size:10px}.metric dd{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:19px;line-height:1.3}.metric dd small{letter-spacing:0;margin-left:8px}.metric.emphasis dd{font-size:28px}.panel-note,.instrument-note{color:var(--c2-muted-gray);border-top:1px solid var(--c2-technical-gray);padding:16px 18px;font-size:12px}.instrument-note{margin-top:20px;padding-left:0}.measurement-column .panel:last-child .panel-heading{flex-wrap:wrap}.timeline{margin-top:22px}.timeline header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.timeline header>span{color:var(--c2-muted-gray);font-size:10px}.event-track{border:1px solid var(--c2-technical-gray);min-height:83px;padding:16px 20px 12px;display:flex}.event{flex:1;gap:8px;min-width:0;display:grid;position:relative}.event time{color:var(--c2-muted-gray);font-size:10px}.event strong{letter-spacing:.04em;padding-right:12px;font-size:9px;font-weight:500}.event-dot{background:var(--c2-technical-gray);height:1px;position:relative}.event-dot:before{content:"";background:var(--c2-muted-gray);width:5px;height:5px;position:absolute;top:-2px;left:0}.event.current .event-dot:before{background:var(--c2-signal-red)}.playback{background:var(--c2-anthracite);border-top:1px solid var(--c2-technical-gray);padding:15px 36px 18px}.playback-controls{align-items:center;gap:10px;display:flex}.playback-controls>.eyebrow{margin-right:16px}.playback-controls button{font-size:12px}.playback-time{color:var(--c2-muted-gray);margin-left:10px;font-size:11px}.scrub{color:var(--c2-muted-gray);align-items:center;gap:16px;margin-left:auto;font-size:11px;display:flex}input[type=range]{accent-color:var(--c2-off-white);cursor:pointer}.scenario-stages{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.scenario-stages button{border:0;border-top:1px solid var(--c2-technical-gray);text-align:left;white-space:normal;color:var(--c2-muted-gray);letter-spacing:.03em;background:0 0;border-radius:0;padding:9px 0 0;font-size:9px}.scenario-stages button span{font-family:var(--c2-font-mono);margin-right:8px}.scenario-stages button[aria-current]{border-color:var(--c2-signal-red);color:var(--c2-off-white)}.status-bar{color:var(--c2-muted-gray);border-top:1px solid var(--c2-technical-gray);align-items:center;gap:32px;padding:10px 36px;font-size:10px;display:flex}.status-bar span:first-child{color:var(--c2-off-white)}.status-bar b{margin:0 8px;font-weight:400}.status-bar time{margin-left:auto}.status-square{background:var(--c2-off-white);width:5px;height:5px;margin-right:9px;display:inline-block}.tracking-summary{border:1px solid var(--c2-technical-gray);background:var(--c2-anthracite);justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex}.state-title{letter-spacing:.04em;align-items:center;gap:18px;margin:6px 0;font-size:40px;display:flex}.reference-mark{background:var(--c2-signal-red);flex-shrink:0;width:3px;height:28px;display:inline-block}.tracking-summary p{color:var(--c2-muted-gray);letter-spacing:.08em;font-size:11px}.headline-frequency .metric.emphasis dd{font-size:40px}.metric-strip{border:1px solid var(--c2-technical-gray);grid-template-columns:repeat(6,minmax(0,1fr));margin:20px 0;display:grid}.metric-strip .metric+.metric{border-top:0;border-left:1px solid var(--c2-technical-gray)}.hop-sequence{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;padding:22px 18px;display:grid}.hop{border:1px solid var(--c2-technical-gray);gap:10px;padding:12px 8px;display:grid;position:relative}.hop-number{color:var(--c2-muted-gray);font-size:10px}.hop strong{font-size:14px;font-weight:400}.hop small{min-height:14px;font-size:9px}.hop.current{background:var(--c2-anthracite);border-top:2px solid var(--c2-signal-red);padding-top:11px}.hop.current .hop-number{color:var(--c2-off-white)}.hop-sequence+.panel,.tracking-summary~.panel{margin-top:20px}.hop-history{grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;padding:20px;display:grid}.hop-history>div{border-left:1px solid var(--c2-technical-gray);gap:10px;min-width:0;padding-left:12px;display:grid}.hop-history>div.current{border-left-color:var(--c2-signal-red)}.hop-history time{color:var(--c2-muted-gray);font-size:10px}.hop-history strong{font-size:14px;font-weight:400}.hop-history strong small{font-size:9px}.hop-history span{color:var(--c2-muted-gray);font-size:9px}.empty-state{color:var(--c2-muted-gray);grid-column:1/-1;padding:20px 0}.section-intro{justify-content:space-between;align-items:center;gap:20px;margin:30px 0;display:flex}.section-intro h2{letter-spacing:.04em;margin-top:8px;font-size:22px;font-weight:400}.command-layout{grid-template-columns:1.6fr 1fr;gap:24px;display:grid}.axes{padding:4px 28px 22px}.axis{padding:20px 0}.axis-heading{justify-content:space-between;align-items:baseline;display:flex}.axis-heading h3{font-family:var(--c2-font-sans)}.axis-heading>span{font-size:24px}.axis-track{border:1px solid var(--c2-technical-gray);background:var(--c2-anthracite);height:14px;margin:12px 4px 7px;position:relative}.axis-center{border-left:1px solid var(--c2-muted-gray);height:20px;position:absolute;top:-4px;left:50%}.axis-marker{background:var(--c2-off-white);width:3px;height:24px;position:absolute;top:-6px;transform:translate(-50%)}.axis-scale{color:var(--c2-muted-gray);justify-content:space-between;font-size:10px;display:flex}.aux-grid{grid-template-columns:1fr 1fr;gap:24px;padding:28px;display:grid}.aux{border:1px solid var(--c2-technical-gray);flex-direction:column;gap:20px;padding:24px;display:flex}.aux>span{color:var(--c2-muted-gray);font-size:11px}.aux strong{font-size:28px;font-weight:400}.aux-level{background:var(--c2-technical-gray);height:3px}.aux-level i{background:var(--c2-off-white);height:100%;display:block}.command-metadata{grid-template-columns:repeat(4,minmax(0,1fr))}.environment-banner{border:1px solid var(--c2-technical-gray);font-family:var(--c2-font-mono);letter-spacing:.08em;align-items:center;gap:16px;padding:16px 24px;font-size:13px;display:flex}.environment-banner>span:last-child{color:var(--c2-muted-gray);margin-left:auto;font-size:11px}.environment-banner .reference-mark{width:2px;height:18px}.c2s-mode{text-align:center;padding:48px 32px}.c2s-mode h2{letter-spacing:.08em;margin:12px 0 20px;font-size:clamp(52px,5vw,84px);font-weight:400}.c2s-metrics{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.c2s-metrics .metric{border-top:0;padding:24px}.c2s-metrics .metric:nth-child(n+4){border-top:1px solid var(--c2-technical-gray)}.c2s-metrics .metric dd{font-size:18px}.state-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.state-flow>div{border-top:1px solid var(--c2-technical-gray);color:var(--c2-muted-gray);align-items:center;gap:20px;padding-top:18px;font-size:12px;display:flex}.state-flow>div.current{border-top-color:var(--c2-signal-red);color:var(--c2-off-white)}.state-flow span{font-family:var(--c2-font-mono);font-size:10px}.state-flow strong{letter-spacing:.08em;font-weight:400}.module-row{border-top:1px solid var(--c2-technical-gray);grid-template-columns:1fr 180px 2fr;align-items:center;gap:24px;padding:18px 24px;font-size:12px;display:grid}.module-row strong{font-weight:400}.module-row .state-badge{justify-self:start}.module-row>span:last-child{color:var(--c2-muted-gray)}.module-row.table-head{color:var(--c2-muted-gray);border-top:0;padding-top:12px;padding-bottom:12px;font-size:10px}.system-bottom{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.skip-link{z-index:20;background:var(--c2-anthracite);padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:8px}.not-found{padding:60px}.presentation-stage{color:var(--c2-muted-gray);font-size:12px}.presentation .app-header{height:92px}.presentation .view-heading{margin-bottom:28px}.presentation .instrument-grid{grid-template-columns:minmax(0,1fr) 330px}.presentation .psd{height:clamp(300px,34vh,530px)}.presentation .waterfall{height:clamp(220px,25vh,390px)}.presentation .timeline{margin-top:26px}.presentation .panel-heading h2{font-size:14px}.presentation .metric dt{font-size:12px}.presentation .metric dd{font-size:24px}.presentation .metric.emphasis dd{font-size:32px}.presentation .hop strong{font-size:17px}.presentation .command-layout{margin-top:36px}.presentation .axis{padding:30px 0}.presentation .axis-heading>span{font-size:32px}.presentation .aux{padding:30px}.presentation .state-title{font-size:52px}.presentation .status-bar{font-size:12px}.presentation .c2s-mode{padding:60px 24px}.presentation .metric-strip{margin:26px 0}.presentation .event strong{font-size:11px}.presentation .event time{font-size:12px}body:has(.right-panel){background:0 0}.right-panel{background:var(--c2-graphite);width:25vw;min-width:360px;min-height:100dvh;margin-left:auto}.right-panel .app-header{flex-wrap:wrap;gap:8px;height:88px;padding:10px 20px}.right-panel .brand-link{width:220px}.right-panel .station-label,.right-panel .source-label>span:last-child{display:none}.right-panel .source-label{margin-left:auto}.right-panel .source-label .state-badge{font-size:10px}.right-panel>main{padding:20px}.right-panel .view-heading{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px}.right-panel h1{font-size:26px}.right-panel .eyebrow{font-size:10px}.right-panel .presentation-stage{border-left:2px solid var(--c2-signal-red);padding-left:10px;font-size:11px}.right-panel .instrument-grid{grid-template-columns:1fr;gap:16px}.right-panel .plots-column{gap:14px}.right-panel .panel-heading{min-height:48px;padding:12px}.right-panel .panel-heading h2{font-size:11px}.right-panel .panel-heading .eyebrow{display:none}.right-panel .panel-heading>.subtle{font-size:9px}.right-panel .cursor-readout{font-size:8px;left:44px}.right-panel .measurement-column{gap:14px}.right-panel .measurement-column>section:first-child dl{grid-template-columns:1fr 1fr;display:grid}.right-panel .measurement-column>section:first-child .metric:first-child{grid-column:1/-1}.right-panel .metric{padding:12px}.right-panel .metric dt{font-size:10px}.right-panel .metric dd,.right-panel .metric.emphasis dd{font-size:22px}.right-panel .measurement-column>section:last-child{display:none}.right-panel .timeline{margin-top:18px}.right-panel .timeline header>span{display:none}.right-panel .timeline h2{font-size:10px}.right-panel .event-track{grid-template-columns:1fr;gap:12px;padding:12px;display:grid}.right-panel .event{display:none}.right-panel .event:last-child,.right-panel .event:nth-last-child(2){grid-template-columns:90px 1fr;align-items:center;gap:8px;display:grid}.right-panel .event-dot{display:none}.right-panel .event time,.right-panel .event strong{font-size:10px}.right-panel .status-bar{flex-wrap:wrap;gap:8px;padding:12px 20px;font-size:9px}.right-panel .status-bar .session-id,.right-panel .status-bar>span:nth-child(2){display:none}.right-panel .tracking-summary{padding:20px;display:block}.right-panel .state-title{font-size:36px}.right-panel .headline-frequency .metric.emphasis dd{font-size:36px}.right-panel .metric-strip{grid-template-columns:1fr 1fr;margin:16px 0}.right-panel .metric-strip .metric{border-top:1px solid var(--c2-technical-gray);border-left:0}.right-panel .hop small{font-size:9px}.right-panel .hop-history{grid-template-columns:1fr 1fr;gap:12px;padding:12px}.right-panel .hop-history>div{display:none}.right-panel .hop-history>div:nth-last-child(-n+2){display:grid}.right-panel .hop-history strong{font-size:13px}.right-panel .section-intro{margin:0 0 20px;display:block}.right-panel .section-intro h2{margin:8px 0 14px;font-size:19px}.right-panel .command-layout{grid-template-columns:1fr;gap:16px;margin-top:0}.right-panel .axes{padding:0 18px 12px}.right-panel .axis-heading>span{font-size:24px}.right-panel .aux-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.right-panel .aux{gap:8px;padding:10px 6px}.right-panel .aux strong{font-size:16px}.right-panel .aux>span{font-size:10px}.right-panel .command-metadata .metric dd{font-size:18px}.right-panel .instrument-note{margin-top:16px;font-size:11px}.right-panel .environment-banner{gap:10px;padding:12px;font-size:11px}.right-panel .environment-banner>span:last-child{display:none}.right-panel .c2s-mode h2{font-size:48px}.right-panel .c2s-mode .state-badge{white-space:normal;text-align:left;font-size:10px}.right-panel .c2s-metrics .metric{border-top:1px solid var(--c2-technical-gray);padding:16px}.right-panel .c2s-metrics .metric:first-child{border-top:0}.right-panel .c2s-metrics .metric dd{font-size:20px}.right-panel .state-flow{grid-template-columns:1fr 1fr;gap:12px}.right-panel .state-flow>div{gap:8px;padding-top:12px;font-size:10px}@media (width>=2200px){body{font-size:16px}.app-shell>main{padding:32px 48px}.app-header{height:100px;padding:0 48px}.top-navigation{height:64px;padding:0 48px}.instrument-grid{grid-template-columns:minmax(0,1fr) 380px;gap:28px}.panel-heading{min-height:72px}.metric{padding:20px 24px}.metric dd{font-size:24px}.metric.emphasis dd{font-size:32px}.hop strong{font-size:18px}.metric dt,.panel-heading h2{font-size:12px}.command-layout .axis{padding:30px 0}.event-track{padding:22px}.playback{padding:20px 48px}.scenario-stages button{font-size:11px}.right-panel>main{padding:24px}.right-panel .psd{height:290px}.right-panel .waterfall{height:215px}.right-panel .metric{padding:16px}.right-panel .metric dd,.right-panel .metric.emphasis dd{font-size:26px}.right-panel .event strong,.right-panel .event time{font-size:12px}.right-panel .hop strong{font-size:20px}.right-panel .axis{padding:24px 0}.right-panel .aux{padding:18px 8px}.right-panel .c2s-mode{padding:48px 0}}@media (width<=1400px){.navigation-caption{display:none}.app-header{padding:0 24px}.app-shell>main{padding:24px}.top-navigation{padding:0 24px}.instrument-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.hop-sequence{grid-template-columns:repeat(6,minmax(0,1fr))}.hop-history{grid-template-columns:repeat(4,minmax(0,1fr))}.playback{padding:14px 24px}.playback-controls>.eyebrow{display:none}.scrub{max-width:240px}.tracking-summary{padding:24px}.headline-frequency .metric.emphasis dd{font-size:32px}}@media (width<=900px){.station-label,.source-label>span:last-child{display:none}.app-header{height:76px;padding:0 16px}.brand-link{width:260px}.top-navigation{gap:0;height:56px;padding:0 12px}.top-navigation a{gap:6px;padding:0 12px;font-size:10px}.top-navigation .icon{width:20px;height:20px}.app-shell>main{padding:20px 16px}.instrument-grid,.presentation .instrument-grid{grid-template-columns:1fr}.measurement-column{grid-template-columns:1fr 1fr;display:grid}.metric-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.tracking-summary{flex-wrap:wrap}.command-layout{grid-template-columns:1fr}.aux-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.aux{gap:12px;padding:16px}.playback-controls{flex-wrap:wrap}.scrub{display:none}.playback-time{margin-left:auto}.scenario-stages{grid-template-columns:repeat(4,minmax(0,1fr))}.event-track{flex-wrap:wrap;gap:16px}.event{min-width:130px}.navigation-caption{display:none}.c2s-metrics{grid-template-columns:1fr 1fr}.status-bar{gap:16px;padding:10px 16px}.module-row{grid-template-columns:1fr 110px 1.5fr;gap:12px;padding:14px}.system-bottom{grid-template-columns:1fr}.right-panel>main{padding:20px}.right-panel .measurement-column{display:flex}.right-panel .hop-sequence{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=540px){.brand-link{width:210px}.source-label,.source-label .state-badge{font-size:9px}.app-header{gap:8px}.top-navigation a{padding:0 8px;font-size:9px}.top-navigation .icon{display:none}.view-heading{flex-direction:column;align-items:flex-start}.view-actions{gap:8px;font-size:10px}.measurement-column{display:block}.measurement-column>.panel+.panel{margin-top:16px}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip .metric:nth-child(n+3){border-top:1px solid var(--c2-technical-gray)}.hop-sequence{grid-template-columns:repeat(3,minmax(0,1fr))}.hop-history{grid-template-columns:1fr 1fr}.section-intro{display:block}.section-intro .state-badge{margin-top:12px}.section-intro h2{font-size:18px}.aux-grid{grid-template-columns:1fr 1fr}.command-metadata .metric dd{font-size:16px}.state-flow{grid-template-columns:1fr 1fr}.environment-banner{padding:14px;font-size:11px}.environment-banner>span:last-child{display:none}.c2s-metrics{grid-template-columns:1fr}.module-row{grid-template-columns:1fr 110px}.module-row>span:last-child{grid-column:1/-1}.module-row.table-head>span:last-child,.session-id{display:none}.playback{padding:12px 16px}.playback-time{font-size:9px}.timeline header>span{display:none}.status-bar{font-size:9px}.status-bar>span:nth-child(2){display:none}.right-panel{width:100%;min-width:0}.right-panel .aux-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.system-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.system-bottom dl{grid-template-columns:1fr 1fr;display:grid}.system-bottom .metric+.metric{border-top:0;border-left:1px solid var(--c2-technical-gray)}.system-bottom .panel:last-child dl{grid-template-columns:repeat(3,minmax(0,1fr))}.system-bottom .metric dd{font-size:16px}@media (width>=901px) and (height<=1150px){.app-shell:not(.presentation) .app-header{height:72px}.app-shell:not(.presentation) .top-navigation{height:48px}.app-shell:not(.presentation)>main{padding-top:20px;padding-bottom:18px}.app-shell:not(.presentation) .view-heading{margin-bottom:18px}.app-shell:not(.presentation) .panel-heading{min-height:50px;padding-top:10px;padding-bottom:10px}.app-shell:not(.presentation) .metric{padding:10px 18px}.app-shell:not(.presentation) .metric.emphasis dd{font-size:24px}.app-shell:not(.presentation) .measurement-column .panel-note{padding:10px 18px;font-size:11px}.app-shell:not(.presentation) .measurement-column .panel-heading{min-height:46px}.app-shell:not(.presentation) .psd{height:240px}.app-shell:not(.presentation) .waterfall{height:170px}.app-shell:not(.presentation) .tracking-summary{padding:16px 24px}.app-shell:not(.presentation) .hop-sequence{padding:14px 18px}.app-shell:not(.presentation) .hop{gap:5px;padding:10px 8px}.app-shell:not(.presentation) .hop.current{padding-top:9px}.app-shell:not(.presentation) .hop-history{gap:12px;padding:14px 18px}.app-shell:not(.presentation) .hop-history>div{gap:6px}.app-shell:not(.presentation) .section-intro{margin:16px 0}.app-shell:not(.presentation) .axis{padding:12px 0}.app-shell:not(.presentation) .aux{gap:14px;padding:20px}.app-shell:not(.presentation) .c2s-mode{padding:28px}.app-shell:not(.presentation) .module-row{padding-top:10px;padding-bottom:10px}.timeline{margin-top:16px}.event-track{min-height:72px;padding-top:12px}.playback{padding-top:12px;padding-bottom:12px}.presentation:not(.right-panel) .psd{height:290px}.presentation:not(.right-panel) .waterfall{height:205px}.presentation:not(.right-panel) .metric,.presentation:not(.right-panel) .measurement-column .panel-note{padding:12px 18px}.presentation:not(.right-panel) .tracking-summary{padding:18px 24px}.presentation:not(.right-panel) .hop-sequence{padding:16px}.presentation:not(.right-panel) .hop{gap:6px}.presentation:not(.right-panel) .hop-history{padding:16px}.presentation:not(.right-panel) .axis{padding:18px 0}.presentation:not(.right-panel) .command-layout{margin-top:24px}}.right-panel .app-header{height:76px}.right-panel>main{padding-top:16px;padding-bottom:16px}.right-panel .view-heading{gap:4px;margin-bottom:16px}.right-panel .tracking-summary{padding:16px}.right-panel .tracking-summary .metric{padding:12px 0}.right-panel .state-title{margin:2px 0;font-size:32px}.right-panel .tracking-summary .headline-frequency dd{font-size:32px}.right-panel .metric-strip .metric{padding:9px 12px}.right-panel .hop-sequence{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px}.right-panel .hop{gap:2px;padding:7px 5px}.right-panel .hop.current{padding-top:6px}.right-panel .hop strong{font-size:13px}.right-panel .hop small{min-height:12px;font-size:8px}.right-panel .hop-timeline{display:none}.right-panel .axis{padding:10px 0}.right-panel .axis-track{margin-top:8px;margin-bottom:5px}.right-panel .section-intro .eyebrow{display:none}.right-panel .section-intro h2{font-size:17px}.right-panel .c2s-metrics{grid-template-columns:1fr 1fr}.right-panel .c2s-metrics .metric{padding:14px 12px}.right-panel .c2s-metrics .metric:nth-child(2){grid-area:2/1/auto/-1}.right-panel .c2s-metrics .metric:last-child{display:none}.right-panel .c2s-mode{padding:24px 0}.right-panel .instrument-note{padding-top:10px;padding-bottom:0;font-size:10px}.right-panel .timeline .event:last-child{display:grid}.right-panel .timeline .event:nth-last-child(2){display:none}.right-panel .event-track{min-height:48px}.right-panel .psd{height:195px}.right-panel .waterfall{height:135px}@media (height>=1250px){.right-panel .tracking-summary{padding:22px}.right-panel .hop-sequence{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px}.right-panel .hop{gap:5px;padding:10px}.right-panel .hop strong{font-size:18px}.right-panel .hop small{font-size:10px}.right-panel .axis{padding:20px 0}.right-panel .psd{height:280px}.right-panel .waterfall{height:200px}.right-panel .metric-strip .metric{padding:16px}.right-panel .c2s-mode{padding:48px 0}.right-panel .c2s-metrics .metric{padding:24px 16px}.right-panel .instrument-note{font-size:12px}}@media (width<=900px){.system-bottom dl,.system-bottom .panel:last-child dl{grid-template-columns:1fr}.system-bottom .metric+.metric{border-left:0;border-top:1px solid var(--c2-technical-gray)}}.measurement-column>section:first-child dl{grid-template-columns:1fr 1fr;display:grid}.measurement-column>section:first-child .metric:first-child{grid-column:1/-1}.measurement-column>section:first-child .metric.emphasis:not(:first-child) dd{font-size:24px}.presentation:not(.right-panel) .waterfall{height:clamp(200px,23vh,350px)}@media (width>=901px) and (height<=1150px){.app-shell:not(.presentation) .axis{padding:8px 0}.app-shell:not(.presentation) .instrument-note{padding-top:10px;padding-bottom:8px}.presentation:not(.right-panel) .section-intro{margin:16px 0}.presentation:not(.right-panel) .command-layout{margin-top:16px}.presentation:not(.right-panel) .axis{padding:10px 0}.presentation:not(.right-panel) .waterfall{height:205px}.right-panel .axis{padding:3px 0}.right-panel .axis-heading>span{font-size:22px}.right-panel .axes{padding-bottom:8px}.right-panel .section-intro{margin-bottom:12px}.right-panel .section-intro h2{margin-top:0;margin-bottom:10px}.right-panel .aux-grid{padding:8px}.right-panel .command-metadata{margin-bottom:8px}.right-panel .command-metadata~.instrument-note{margin-top:8px}.right-panel .tracking-summary{padding:12px 16px}.presentation:not(.right-panel) .aux-grid{gap:18px;padding:20px}.presentation:not(.right-panel) .aux{gap:16px;padding:20px}.presentation:not(.right-panel) .instrument-note{padding-top:10px;padding-bottom:8px}}.metric dd small{white-space:nowrap;display:inline-block}.measurement-column>section:first-child .metric{padding-left:14px;padding-right:14px}.source-dialog{background:var(--c2-graphite);width:min(700px,100vw - 32px);max-height:85vh;color:var(--c2-off-white);border:1px solid var(--c2-technical-gray);padding:28px;font:14px/1.6 Inter,sans-serif;overflow:auto}.source-dialog::backdrop{background:#080c0dd9}.source-dialog-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.source-dialog h2{font-size:22px}.source-dialog p{color:var(--c2-muted-gray);margin:20px 0}.source-options{flex-wrap:wrap;gap:12px;display:flex}.source-dialog button,.source-button{border:1px solid var(--c2-technical-gray);background:var(--c2-anthracite);color:var(--c2-off-white);cursor:pointer;padding:8px 12px}.source-dialog [role=alert]{color:var(--c2-off-white);border-left:3px solid var(--c2-signal-red);padding-left:12px}.replay-file{margin-top:24px;display:block}.replay-file input{max-width:100%;margin-top:12px;display:block}.provenance{font:12px/1.7 IBM Plex Mono,monospace}.provenance dt{color:var(--c2-muted-gray);margin-top:12px}.provenance dd{overflow-wrap:anywhere;margin:0}.source-label .source-button{font:11px Inter,sans-serif}.source-dialog:focus-visible,.source-dialog button:focus-visible,.source-button:focus-visible{outline:2px solid var(--c2-off-white);outline-offset:3px}@media (width<=540px){.app-header .source-label{flex-direction:column;align-items:flex-end;gap:5px}.app-header .source-button{padding:4px 10px;font-size:10px}.app-header .brand-link{width:190px;min-width:180px}.source-dialog{padding:18px}.source-dialog-heading{gap:8px}}.jobs-panel{border-top:1px solid var(--c2-technical-gray);margin-top:24px;padding-top:20px}.jobs-panel form{gap:14px;margin-bottom:20px;display:grid}.jobs-panel label{gap:6px;display:grid}.jobs-panel input,.jobs-panel select{background:var(--c2-anthracite);width:100%;min-width:0;color:var(--c2-off-white);border:1px solid var(--c2-technical-gray);padding:8px}.jobs-list{padding:0;list-style:none}.jobs-list li{border-bottom:1px solid var(--c2-technical-gray);overflow-wrap:anywhere;gap:8px;padding:18px 0;display:grid}.jobs-list li>div{flex-wrap:wrap;gap:8px;display:flex}
