:root{font-family:Inter,Arial,sans-serif;color:#d9e7e7;background:#0d242c;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{background:#203e48;color:#e3eeee;border:1px solid #547078;border-radius:4px;padding:.65rem .8rem;cursor:pointer;transition:background .2s,transform .2s}button:hover{background:#365762;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true]{background:#a9c6bc;color:#102d35}input,select,textarea{max-width:100%;background:#102d35;color:#fff;border:1px solid #526c73;border-radius:3px;padding:.55rem}input[type=color]{height:42px;width:100%}input[type=range]{padding:0;width:100%;accent-color:#e2ac70}label{display:block;font-size:.76rem;letter-spacing:.04em;margin:.8rem 0}label input,label select{display:block;width:100%;margin-top:.45rem}header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 4vw;border-bottom:1px solid #36515b;gap:1rem;font-size:.75rem;letter-spacing:.14em}header span{opacity:.6}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(3rem,5.5vw,6.5rem);letter-spacing:-.06em;line-height:1.01;margin:1.4rem 0}h1 em{color:#f7b98e;font-weight:400}h2{font-size:2rem;line-height:1.08}p{line-height:1.65;color:#adc4c9;font-size:.9rem}.eyebrow{font-size:.67rem;letter-spacing:.19em;color:#efbc93}.hero{min-height:78vh;padding:2rem 5vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(ellipse at 80% 60%,#224c54 0,transparent 55%)}.row{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0}.orb{position:relative;min-width:0}.orb canvas{width:100%;display:block;filter:drop-shadow(0 22px 24px #0005);animation:reveal 1.2s ease-out}.orb label{max-width:60%;margin:0 auto}.orbit-label{position:absolute;left:20%;right:20%;top:2%;font-size:.7rem;text-align:center;letter-spacing:.16em;overflow-wrap:anywhere}.workspace{display:grid;grid-template-columns:230px minmax(300px,1fr) 240px;border-top:1px solid #46626a;border-bottom:1px solid #46626a;gap:2rem;padding:2.5rem 4vw;background:#102a33}.region{display:flex;align-items:center;gap:.5rem;width:100%;margin:.5rem 0;text-align:left;overflow-wrap:anywhere}.region i{width:12px;height:12px;border-radius:50%;flex-shrink:0}.heading{display:flex;align-items:baseline;gap:1rem;justify-content:space-between}.heading span{font-size:.65rem;color:#96b1b9}.editor{width:100%;height:300px;display:block;touch-action:none;border:1px solid #62818a;cursor:crosshair}.editor text{fill:#fff;font-size:10px;pointer-events:none}.nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.nodes input{min-width:0}.metric{display:block;font-family:Georgia,serif;font-weight:400;color:#edb48b;font-size:2rem;margin-top:1rem}small{display:block;color:#91aeb6;line-height:1.6;font-size:.7rem}.atlas{display:grid;grid-template-columns:1fr 2fr;padding:3rem 5vw;gap:3rem}.plates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.plates article{padding:1rem;background:#183640;border:1px solid #35515b;border-radius:6px;min-width:0}.plates svg{width:100%;height:auto;display:block}.plates b{display:block;overflow-wrap:anywhere;font-size:.8rem}.author{padding:3rem 5vw;display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:#14303a}textarea{width:100%;height:330px;font:12px/1.5 monospace;resize:vertical}.status{margin:0;padding:1rem 5vw;background:#e2bb8b;color:#18323a;position:sticky;bottom:0;font-size:.8rem}footer{padding:2rem 5vw}footer p{max-width:900px;font-size:.75rem}footer button{margin:.4rem .4rem 1rem 0}a{color:inherit}*:focus-visible{outline:3px solid #f4cb8d;outline-offset:3px}@keyframes reveal{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(max-width:1050px){.workspace{grid-template-columns:1fr 2fr}.workspace>aside:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.workspace>aside:last-child p{grid-column:1/-1}}@media(max-width:700px){header span{display:none}.hero,.workspace,.atlas,.author{grid-template-columns:1fr}.hero{padding-top:3rem}.workspace>aside:last-child{display:block}.nodes{grid-template-columns:repeat(2,1fr)}.plates{grid-template-columns:1fr 1fr}.heading{display:block}.editor{height:240px}.hero .orb{max-width:500px}.atlas,.author{gap:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.region,.plates b,.orbit-label{white-space:pre-wrap;overflow-wrap:anywhere}