:root{--ink: #10171d;--paper: #f7f6f2;--rule: #c9c6bd;--declared: #1f4f7a;--computed: #10171d;--derived: #6b5a2e;--host: #6d6a63;--alarm: #8a1f1f;--help: #ffd54a;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 ui-serif,Georgia,Times New Roman,serif}main{max-width:46rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}.not-operational{border:2px solid var(--ink);padding:1rem 1.25rem;margin:0 0 1.5rem;background:#fff}.not-operational h1{margin:0 0 .35rem;font-size:1.5rem;letter-spacing:.02em}.not-operational p{margin:0}h2{font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em;margin:2rem 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid var(--rule)}dl{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr;gap:.35rem 1rem;margin:0}dt{color:var(--host);font-size:.9rem;padding-top:.15rem}dd{margin:0}.figure{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.figure.declared{color:var(--declared);border-bottom:1px dotted var(--declared)}.figure.computed{color:var(--computed);font-weight:600}.figure.derived{color:var(--derived);font-style:italic;border-bottom:1px dashed var(--derived)}.figure.host-time,.unmeasured{color:var(--host);font-style:italic}.within-budget{color:var(--host);font-size:.9rem}.domain+.domain:before{content:" / ";color:var(--rule)}.controls{margin-top:1.25rem;display:flex;gap:.75rem;flex-wrap:wrap}button{font:inherit;padding:.4rem .9rem;border:1px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer}button:hover{background:var(--ink);color:var(--paper)}.failure{border:2px solid var(--alarm);background:#fff;padding:1rem 1.25rem;margin-bottom:1.5rem}.failure h2{border:none;color:var(--alarm);margin-top:0}pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;background:#fff;border:1px solid var(--rule);padding:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.aside{color:var(--host);font-size:.9rem}footer{margin-top:2.5rem;border-top:1px solid var(--rule);padding-top:.75rem}.field{margin:1rem 0 1.5rem}.field canvas{width:100%;max-width:28rem;aspect-ratio:1 / 1;image-rendering:pixelated;border:1px solid var(--ink);background:#fff;display:block}.field figcaption{color:var(--host);font-size:.85rem;margin-top:.4rem;max-width:28rem}.scale{display:flex;align-items:center;gap:.3rem;margin-top:.35rem}.swatch{width:1.5rem;height:.7rem;border:1px solid var(--rule);display:inline-block}.swatch.cool{background:#1c47993d;background:#1c4799}.swatch.zero{background:#fff}.swatch.warm{background:#c72117}.banner{border:2px solid var(--ink);background:#fff;padding:.9rem 1.1rem;margin:1.25rem 0}.banner.warn{border-color:var(--alarm)}.banner p{margin:0 0 .6rem}button[disabled]{opacity:.5;cursor:default}button[disabled]:hover{background:#fff;color:var(--ink)}.field-stack{position:relative;max-width:28rem}.field-stack canvas.overlay{position:absolute;inset:0;width:100%;height:100%;image-rendering:auto;border:none;background:none}.legend{display:flex;flex-wrap:wrap;gap:0 1rem;font-size:.85rem;color:var(--host)}.legend .dot{width:.6rem;height:.6rem;border-radius:50%;display:inline-block;margin-right:.3rem;vertical-align:baseline}.legend .dot.drop{background:var(--ink)}.legend .dot.external{background:var(--derived)}.legend .dot.flagged{background:#fff;border:2px solid var(--alarm)}.estimate+.estimate:before{content:" / ";color:var(--rule)}.estimate{white-space:nowrap}.swatch.ink{background:#1f3347}.statement{border-left:3px solid var(--ink);padding-left:.9rem;margin:1rem 0;font-size:1.05rem}.row-section{--row-width: min( calc(var(--row-reference-width, 1400px) - var(--row-page-gutter, 48px)), calc(100vw - var(--row-page-gutter, 48px)) );width:var(--row-width);margin-left:calc(50% - var(--row-width) / 2)}.horizon-row{display:flex;gap:var(--panel-gap, 10px);align-items:flex-start;overflow-x:auto;padding-bottom:.5rem;margin:1rem 0}.panel{flex:1 1 0;min-width:var(--panel-minimum-width, 190px);border:1px solid var(--rule);background:#fff;padding:.5rem .6rem .7rem}.panel.enlarged{flex:3 1 0;border-color:var(--ink);border-width:2px}.panel header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.panel h3{margin:0 0 .35rem;font-size:1rem}.panel .enlarge{font-size:.72rem;padding:.1rem .4rem;text-transform:uppercase;letter-spacing:.05em}.panel .field{margin:0}.panel .field-stack{max-width:none}.panel canvas{max-width:none;width:100%}.panel-labels{grid-template-columns:minmax(4.5rem,auto) 1fr;gap:.1rem .5rem;font-size:.78rem;margin-top:.45rem}.panel-labels dt{font-size:.72rem;padding-top:0}.panel-labels dd{white-space:nowrap}.panel-labels dd.instant span{display:block;font-size:.74rem;line-height:1.25}.panel-labels{grid-template-columns:minmax(3.6rem,auto) 1fr}.panel-score{margin-top:.5rem;border-top:1px solid var(--rule);padding-top:.4rem}.panel-score .statement{font-size:.76rem;margin:0 0 .3rem;border-left-width:2px;padding-left:.5rem}.panel-score details{font-size:.75rem;color:var(--host);margin-top:.4rem}.panel-score summary{cursor:pointer}.panel-score .caveat{color:var(--alarm)}.panel .declared,.panel-labels .declared{color:var(--declared);border-bottom:1px dotted var(--declared);font-family:ui-monospace,Menlo,Consolas,monospace}.panel .computed,.panel-labels .computed{color:var(--computed);font-weight:600;font-family:ui-monospace,Menlo,Consolas,monospace}.panel .derived,.panel-labels .derived{color:var(--derived);font-style:italic;border-bottom:1px dashed var(--derived)}.row-controls{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.5rem}.dot.ink{background:#1f3347}.dot.cool{background:#1c4799}.dot.warm{background:#c72117}.dot.hatched,.swatch.hatched{background:repeating-linear-gradient(45deg,#1f3347 0 2px,#fff 2px 4px)}.elevation{margin:.4rem 0 0}.elevation svg{width:100%;display:block;background:#fff;border:1px solid var(--rule)}.elevation figcaption{font-size:.72rem;color:var(--host);margin-top:.25rem}.observation-hover{margin-top:.5rem;border:1px solid var(--rule);background:#fff;padding:.45rem .55rem;font-size:.74rem}.observation-hover dl{grid-template-columns:minmax(4.5rem,auto) 1fr;gap:.15rem .6rem}.observation-hover p{margin:.35rem 0 0}.profile-comparison{width:100%;border-collapse:collapse;margin-top:.4rem;font-size:.72rem}.profile-comparison caption{text-align:left;color:var(--host);padding-bottom:.25rem}.profile-comparison th,.profile-comparison td{text-align:left;padding:.1rem .3rem .1rem 0;border-bottom:1px solid var(--rule)}.dot.track{background:#5a5a5a}.dot.dashed{background:transparent;border-bottom:2px dashed var(--ink);border-radius:0;height:0}.mark-list{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}.elevation-stack{position:relative}.elevation-axis span{position:absolute;left:0;transform:translateY(-50%);font-size:.62rem;color:var(--host);background:#fffc;padding:0 .15rem;z-index:1}.issue-control{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.75rem 0 .25rem;font-size:.85rem}.issue-control input[type=range]{flex:1 1 16rem;min-width:12rem}.issue-control label{color:var(--host)}.skill-inset{margin:.75rem 0 0}.skill-inset svg{background:#fff;border:1px solid var(--rule);display:block}.skill-inset figcaption{font-size:.72rem;color:var(--host);margin-top:.25rem}.counterfactuals{margin:.75rem 0}.run-status{margin:0 0 .5rem;padding:.4rem .6rem;border:1px solid var(--rule);background:#fff;font-size:.85rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.counterfactuals label{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem}.counterfactuals input[type=number]{width:4.5rem}.profile-editor{margin:.5rem 0 0}.profile-editor svg{background:#fff;border:1px solid var(--rule);display:block;touch-action:none}.profile-editor figcaption{font-size:.7rem;color:var(--host);margin-top:.25rem}#root textarea,.harness textarea,textarea[data-testid=manifest-input]{width:100%;font:.78rem/1.4 ui-monospace,Menlo,Consolas,monospace;padding:.4rem;border:1px solid var(--rule);background:#fff;resize:vertical}h3{font-size:.95rem;margin:1.25rem 0 .35rem}.help-button{position:fixed;top:1rem;right:1rem;z-index:62;width:2.6rem;height:2.6rem;padding:0;border:2px solid var(--ink);border-radius:50%;background:var(--help);color:var(--ink);font:700 1.4rem/1 ui-serif,Georgia,Times New Roman,serif;box-shadow:0 2px 6px #10171d40}.help-button:hover,.help-button:focus-visible{background:var(--ink);color:var(--help)}.walkthrough-spotlight{position:fixed;z-index:60;pointer-events:none;border:2px solid var(--help);border-radius:3px;box-shadow:0 0 0 9999px #10171d73}.walkthrough-card{position:fixed;z-index:61;max-height:calc(100vh - 2rem);overflow-y:auto;border:2px solid var(--ink);border-top:6px solid var(--help);background:#fff;padding:.9rem 1.1rem 1rem;box-shadow:0 4px 18px #10171d4d}.walkthrough-card h2{margin:.1rem 0 .5rem;border-bottom:1px solid var(--rule)}.walkthrough-progress{margin:0;color:var(--host);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.walkthrough-body p{margin:0 0 .6rem;font-size:.92rem}.walkthrough-body p:last-child{margin-bottom:0}.walkthrough-note{color:var(--host);font-style:italic}.walkthrough-legend{margin:0;padding-left:1.1rem;font-size:.88rem;color:var(--host)}.walkthrough-controls{display:flex;gap:.5rem;margin-top:.9rem;padding-top:.7rem;border-top:1px solid var(--rule)}.walkthrough-controls button{padding:.3rem .7rem;font-size:.9rem}.walkthrough-close{margin-left:auto}@media(prefers-reduced-motion:reduce){.walkthrough-spotlight{transition:none}}