:root{color-scheme:light;--ink:#202d3a;--muted:#546375;--line:#dce2e8;--accent:#a34620}*{box-sizing:border-box}body{margin:0;background:#f4f5f6;color:var(--ink);font:15px/1.55 system-ui,sans-serif}header,main{max-width:1440px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:13px}a{color:var(--accent);text-underline-offset:3px}h1{font:clamp(32px,4vw,54px)/1.15 Georgia,serif;margin:12px 0}h2{font:21px/1.25 Georgia,serif;margin:0 0 14px}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--accent)}.intro{padding:2px 0 22px}.intro>p:last-child{max-width:760px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}.sky-panel,.card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px;font-size:12px}.toolbar label{display:flex;gap:7px;align-items:center}input,select,button{font:inherit;color:inherit}button,select,input[type=search],input[type=number]{border:1px solid #c6d0da;background:white;border-radius:5px;padding:6px 8px}button{cursor:pointer}button:hover{background:#edf3f7}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #3489d1;outline-offset:2px}input[type=range]{width:85px;accent-color:#26739d}#plot-wrap{position:relative;background:#101f31}#sky{display:block;width:100%;aspect-ratio:900/640;touch-action:none;cursor:grab}#sky:active{cursor:grabbing}.plot-note{position:absolute;bottom:12px;left:16px;font-size:11px;color:#b7c6d8;pointer-events:none}.legend{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:14px;font-size:11px;color:var(--muted)}.gradient{width:90px;height:7px;border-radius:6px;background:linear-gradient(90deg,#70baff,#78daca,#ffe08a)}#status{font-size:12px;padding:0 14px 12px;margin:0;color:var(--muted)}#empty{position:absolute;top:15px;left:15px;right:15px;color:#ffdfac;font-size:13px;pointer-events:none}aside{display:grid;gap:16px}.card{padding:20px}.card-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.card-heading h2{margin:0}.card-heading select{font-size:12px}#editor{display:block;background:#f2f6f9;border-radius:6px;width:100%;touch-action:none}#coordinates{display:grid;gap:7px;margin-top:12px}.coord-row{display:grid;grid-template-columns:17px repeat(3,minmax(0,1fr));gap:6px;align-items:center;font-size:12px}.coord-row input{width:100%;min-width:0}.coord-row label{display:flex;align-items:center;gap:2px}.small{font-size:11px;color:var(--muted)}#search{width:100%;font-size:13px}.checks{display:flex;gap:8px 12px;flex-wrap:wrap;margin:12px 0;font-size:12px}.checks label{display:flex;align-items:center;gap:4px}#star-list{width:100%;font-size:12px;margin-top:6px}#star-list option{padding:5px}.details{margin-top:20px;min-height:150px}#detail-body{font-size:14px}.facts{display:flex;flex-wrap:wrap;gap:16px 32px;margin:15px 0}.facts span{display:block;font-size:11px;color:var(--muted)}.formula{font:12px/1.7 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;background:#f3f5f7;padding:12px;border-radius:6px}details{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}summary{cursor:pointer;color:var(--accent)}footer{color:var(--muted);font-size:12px;margin:30px 0}footer p{max-width:960px}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 300px}.toolbar{gap:8px}}@media(max-width:800px){header,main{padding:18px}.workspace{grid-template-columns:1fr}aside{grid-template-columns:1fr 1fr}.toolbar{font-size:11px}.card{padding:15px}header{font-size:11px}}@media(max-width:540px){aside{grid-template-columns:1fr}.toolbar{gap:8px}#sky{aspect-ratio:1}.legend{font-size:10px}.plot-note{font-size:10px}.card-heading{flex-wrap:wrap}}
/* The working sky stays prominent; controls and layers share its geometry. */
.intro{padding-bottom:12px}.intro .eyebrow{margin:0}.intro h1{font-size:36px;margin:6px 0}.intro>p:last-child{margin:8px 0;font-size:14px}#family-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#sky{position:relative;background:transparent}.sky-panel{position:sticky;top:12px}.range-row{display:grid;grid-template-columns:105px minmax(50px,1fr) 34px;gap:7px;align-items:center;margin:12px 0;font-size:13px}.range-row input[type=range]{width:100%;min-width:0}.range-row output{font-variant-numeric:tabular-nums}.quick{display:flex;gap:5px;flex-wrap:wrap}.quick button,.family-controls>button{font-size:12px;padding:5px}.family-controls .checks{font-size:13px}.family-controls details{font-size:14px}.family-controls select{width:100%;font-size:13px;margin-top:8px}#strand-position{width:100%;margin-top:12px}#family-status,#family-notes{padding:0 14px;margin:0 0 10px;font-size:12px}#family-notes:empty{display:none}.power-key{color:#246e9c}.eisenstein-key{color:#b45137}.legend{gap:8px 12px}#preset{max-width:210px}.small{font-size:12px}.checks{font-size:13px}.toolbar{font-size:13px}#star-list{font-size:13px}.coord-row{font-size:12px}header{font-size:14px}@media(max-width:800px){.sky-panel{position:static}aside{grid-template-columns:1fr 1fr}.family-controls{grid-row:span 2}#preset{max-width:100%}.toolbar{font-size:12px}}@media(max-width:540px){aside{grid-template-columns:1fr}.family-controls{grid-row:auto}header{font-size:12px}.intro h1{font-size:30px}}
/* Scientific light view: an optional Cartesian grid lies in the actual base plane. */
#plot-wrap{background:#fff}.plot-note{color:#52677a;background:#ffffffdc;padding:3px 6px;border-radius:3px}#empty{color:#92420c}.gradient{background:linear-gradient(90deg,#1c63a4,#0f776d,#a65b0f)}