:root{color-scheme:dark;--bg:#101820;--panel:#18242d;--accent:#9ce4ce;--line:#334651;--soft:#afbdc6;--ink:#edf2ee}*{box-sizing:border-box}.ember{--accent:#ffc09a;--panel:#302727;--bg:#211c20}.violet{--accent:#ceb5ff;--panel:#252335;--bg:#191923}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Inter,system-ui,sans-serif}header,footer,main{max-width:1240px;margin:auto;padding:20px clamp(18px,4vw,56px)}header,footer,nav,.heading,.actions,.order,.charthead,.legend{display:flex;align-items:center;justify-content:space-between;gap:14px}header{border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font:600 27px Georgia,serif;letter-spacing:-1px;display:flex;align-items:center;gap:9px;color:var(--ink)}.brand svg{width:29px;height:29px;color:var(--accent)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}nav{flex-wrap:wrap}nav a,nav button{font-size:14px}main{padding-top:36px;min-height:75vh}small,.charthead,em{font:600 11px/1.5 ui-monospace,monospace;letter-spacing:.11em;color:var(--accent);text-transform:uppercase}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.12;margin:10px 0 17px}h1{font-size:clamp(38px,6vw,70px);letter-spacing:-.045em}h2{font-size:31px}h3{font-size:22px;margin-top:22px}p{color:var(--soft);max-width:75ch}footer{color:var(--soft);border-top:1px solid var(--line);margin-top:40px;font-size:13px}.metrics,.fields,.columns,.directory{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,1fr);margin:12px 0 22px}.metrics>div{border-top:1px solid var(--line);padding-top:10px}.metrics b{display:flex;align-items:center;gap:8px;font-size:30px}.metrics svg,.order svg{width:30px;height:30px;color:var(--accent)}.columns{grid-template-columns:1fr 1fr;margin:20px 0}.hero{grid-template-columns:minmax(0,2fr) minmax(230px,1fr)}.paper,.brief,.chart{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0}.paper,.brief{padding:clamp(18px,3vw,32px)}.narrow{max-width:740px;margin:auto}.chart{overflow:hidden;background:#101924}.charthead,.legend{padding:12px 18px;flex-wrap:wrap}.legend{justify-content:flex-start;font:12px ui-monospace,monospace;color:var(--soft)}.sky{width:100%;display:block}.sky text{fill:var(--ink);font:14px ui-monospace,monospace;paint-order:stroke;stroke:#101924;stroke-width:3}.active-ring,.thread,.route{stroke:var(--accent);fill:none}.thread{stroke-width:2;stroke-dasharray:7 5}.route{stroke:#dfb68a;stroke-dasharray:3 6;opacity:.7}.active-ring{stroke-width:2}.endpoint,.entry,.order{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.entry{flex-wrap:wrap;justify-content:flex-start}.entry details{width:100%}.directory{grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}.badge,.accent{color:var(--accent)}.badge{font:13px ui-monospace,monospace}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.order>div{flex:1}.order small{display:block;color:var(--soft);letter-spacing:0;text-transform:none}.planet{width:100%;height:160px}label{display:block;margin:10px 0;color:var(--soft);font-size:14px}input,select,button{font:inherit}input,select{width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}button{cursor:pointer;background:var(--accent);border:0;color:#10201f;font-weight:650;border-radius:6px;padding:9px 15px}.quiet,.steps button{background:transparent;color:var(--soft);border:1px solid var(--line)}.steps{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.steps .active{color:var(--accent);border-color:var(--accent)}details{border-top:1px solid var(--line);padding:12px 0}summary{cursor:pointer;font-weight:600}.actions{justify-content:flex-start;flex-wrap:wrap;margin-top:16px}aside{padding:12px 16px;background:#223c38;border-left:3px solid var(--accent);margin-bottom:16px}.error{background:#412c32;border-color:#e9a694}code{overflow-wrap:anywhere}em{display:block;font-size:9px}.sky a:focus circle{stroke:white}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:760px){.columns,.hero{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.heading{align-items:flex-start;flex-direction:column}.fields{grid-template-columns:1fr}.brand{font-size:24px}nav{gap:9px}.sky text{font-size:20px}.legend{font-size:10px}.paper,.brief{padding:18px}footer span{display:none}}