html[data-phase=mint]{--os-ink:#a8ebcd}html[data-phase=cyan]{--os-ink:#9adbea}html[data-phase=pink]{--os-ink:#f0b1d5}html[data-phase=blue]{--os-ink:#b2cafa}html[data-phase=gold]{--os-ink:#f1d095}
html[data-theme=light][data-phase=mint]{--os-ink:#18513b}html[data-theme=light][data-phase=cyan]{--os-ink:#135069}html[data-theme=light][data-phase=pink]{--os-ink:#7c285b}html[data-theme=light][data-phase=blue]{--os-ink:#304e88}html[data-theme=light][data-phase=gold]{--os-ink:#785000}
.observer{gap:12px;padding:18px}.census{margin:0;display:grid;gap:4px}.census dt{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--os-dim)}.census dt:not(:first-child){margin-top:8px}.census dd{margin:0;color:var(--os-text);font-size:17px;line-height:1.25;font-variant-numeric:tabular-nums}.observer strong{font-size:16px}.observer .description{font-size:12px;min-height:0}.registry{font-size:10px;line-height:1.5;color:var(--os-ink);border-top:1px solid var(--os-line);padding-top:10px;margin:0}.observer h3{font-size:10px}.device{margin-top:auto}.device canvas{width:65px;height:65px}.transport #chapter-select{max-width:270px;min-width:170px}.chapter-ticker{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;gap:8px;padding:4px 0 12px}.chapter-ticker button{flex:none!important;white-space:nowrap;padding:10px 14px}.chapter-ticker:focus-within{outline:1px solid var(--os-line)}.remote .clocks{grid-template-columns:1fr 1fr 1fr}.remote .remote-census{display:flex;gap:20px;flex-wrap:wrap;padding:8px 20px;font-size:12px;border-bottom:1px solid var(--os-line)}
@media(max-width:850px){.census{grid-template-columns:1fr 1fr;grid-column:1/-1;gap:7px 12px}.census dt:not(:first-child){margin-top:0}.census #lattice-status{grid-column:1/-1}.registry{grid-column:1/-1}.observer{gap:10px}.observer .device{grid-column:2;grid-row:3/5}.transport #chapter-select{max-width:100%;flex:1}.clocks strong{font-size:12px}}
@media(max-width:520px){.census dd{font-size:13px}.console:fullscreen .observer,.screen-takeover .observer{display:none}.narrative-chapter{font-size:10px}.transport label{font-size:8px}.transport #chapter-select{min-width:130px}.remote .remote-census{font-size:10px;gap:9px}.clocks strong{font-size:10px}.clocks>div{padding:8px}.instrument-title h2{font-size:9px}}