/* A quiet terminal readout, above the shared sticky navigation. */
html.has-scroll-terminal{scroll-padding-top:140px}
.has-scroll-terminal body{padding-top:36px}
.has-scroll-terminal body>header.sticky{top:36px}
.scroll-terminal{--scroll-ink:#67e8f9;position:fixed;inset:0 0 auto;z-index:60;height:36px;display:flex;align-items:center;gap:14px;padding:0 20px;background:#020617;border-bottom:1px solid #334155;color:#cbd5e1;font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;pointer-events:none;user-select:none}
.scroll-terminal[hidden]{display:none}
.scroll-terminal__lights{display:flex;gap:5px}.scroll-terminal__lights i{width:6px;height:6px;border-radius:50%;background:#64748b}.scroll-terminal__lights i:last-child{background:var(--scroll-ink)}
.scroll-terminal__prompt{white-space:nowrap}.scroll-terminal__prompt b{color:var(--scroll-ink);font-weight:500}
.scroll-terminal__track{position:relative;flex:1;height:12px;min-width:20px;border:1px solid #475569;border-radius:2px;background:repeating-linear-gradient(90deg,transparent 0,transparent 7px,#1e293b 7px,#1e293b 9px);overflow:hidden}
.scroll-terminal__fill{position:absolute;inset:0;background:var(--scroll-ink);opacity:.3;transform:scaleX(0);transform-origin:left}
.scroll-terminal__cursor{position:absolute;top:1px;bottom:1px;left:0;width:5px;background:var(--scroll-ink);box-shadow:0 0 8px var(--scroll-ink)}
.scroll-terminal__value{color:var(--scroll-ink);width:4ch;text-align:right;font-variant-numeric:tabular-nums}
.scroll-terminal__state{width:5ch;color:#cbd5e1;white-space:nowrap}
.scroll-terminal[data-phase="middle"]{--scroll-ink:#c4b5fd}.scroll-terminal[data-phase="end"]{--scroll-ink:#86efac}
@media(max-width:600px){.scroll-terminal{gap:9px;padding:0 12px}.scroll-terminal__host,.scroll-terminal__lights{display:none}}
@media(prefers-reduced-motion:reduce){.scroll-terminal__cursor{box-shadow:none}}
@media(forced-colors:active){.scroll-terminal{border-color:CanvasText;background:Canvas;color:CanvasText}.scroll-terminal__track{border-color:CanvasText}.scroll-terminal__fill,.scroll-terminal__cursor{background:Highlight}.scroll-terminal__value,.scroll-terminal__prompt b{color:CanvasText}}
@media print{.scroll-terminal{display:none!important}.has-scroll-terminal body{padding-top:0}.has-scroll-terminal body>header.sticky{top:0}}
