:root{color-scheme:light;--bg:#f3f5f5;--surface:#fff;--subtle:#edf2f1;--ink:#172c2c;--muted:#546b69;--border:#d5e0dd;--accent:#076958;--amber:#80520a;--blue:#315ca0}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#101b1b;--surface:#162424;--subtle:#1e3030;--ink:#e4f0ec;--muted:#a0b9b3;--border:#344c47;--accent:#83d9ba;--amber:#f0c579;--blue:#9dbff8}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 ui-sans-serif,system-ui,sans-serif}main{max-width:1360px;margin:auto;padding:28px}.graphs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.graph{min-width:0;overflow:auto;max-height:640px;border:1px solid var(--border);border-radius:8px;background:var(--subtle);color:var(--ink)}svg{display:block;min-width:570px;width:100%;background:var(--subtle);color:var(--ink)}svg text{fill:var(--ink);font-family:ui-monospace,monospace;font-size:10px;user-select:text}svg .graph-title{font-family:ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:650}svg .column-label{fill:var(--muted)}svg rect{fill:var(--surface);stroke:var(--border)}svg .selected rect{stroke:var(--accent);stroke-width:2}svg path{stroke:var(--accent);fill:none;stroke-width:1.7}svg .timing-link{stroke:var(--amber);stroke-dasharray:5 4}svg .use-link{stroke:var(--blue);stroke-dasharray:3 3}.node{cursor:pointer}.node:focus-visible rect{stroke:var(--accent);stroke-width:3}.dimmed{opacity:.2}main>p{max-width:1000px;margin:28px 0;font-size:17px}#idea{display:block;width:100%;height:auto;border-radius:8px;background:#f5f3ec;color:#172c2c}observatory-profile{display:none!important}@media(max-width:850px){main{padding:16px}.graphs{grid-template-columns:1fr;gap:14px}.graph{max-height:530px}main>p{font-size:16px;margin:22px 0}}@media(max-width:420px){main{padding:10px}.graph{max-height:480px}}