:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1e2925;--surface:#2a3732;--text:#f1efe6;--text-dim:#b7bdb3;--line:#b7bdb3;--line-soft:#f1efe640;--accent:#e8866b;--accent-rgb:232, 134, 107;--bad:#ff9fb5;--sans:"Archivo", system-ui, sans-serif;--serif:"Instrument Serif", Georgia, serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);flex-direction:column;margin:0;display:flex}button,select,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}a:focus-visible{outline-offset:2px}.stage{display:contents}#topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.6rem 1.5rem;padding:.7rem 1.4rem;display:flex}.brand h1{white-space:nowrap;letter-spacing:-.01em;margin:0;font-size:1.45rem;font-weight:800;font-stretch:118%}.brand .accent{font-family:var(--serif);color:var(--accent);font-style:italic;font-weight:400}.brand .sub{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-size:.62rem;font-weight:600;font-stretch:112%;display:block}.controls{flex-wrap:wrap;align-items:center;gap:.4rem;margin-left:auto;display:flex}.controls .sep{background:var(--line-soft);align-self:stretch;width:1px;margin-inline:.3rem}#topbar button,#topbar select,#tuning select{border:1.5px solid var(--line);cursor:pointer;background:0 0;min-height:2.5rem;padding:.45rem .8rem;font-size:.72rem;transition:border-color .15s,background .15s,color .15s}#topbar button{letter-spacing:.12em;text-transform:uppercase;font-weight:600;font-stretch:112%}#topbar select,#tuning select{background:var(--surface);font-size:.8rem}option,optgroup{background:var(--surface);color:var(--text)}optgroup{color:var(--accent);font-style:normal}#topbar button:hover{border-color:var(--accent);background:rgba(var(--accent-rgb), .08)}#topbar select:hover:not(:disabled),#tuning select:hover{border-color:var(--accent);background:linear-gradient(rgba(var(--accent-rgb), .08), rgba(var(--accent-rgb), .08)), var(--surface)}#topbar button.accent{border-color:var(--accent);color:var(--accent)}#topbar button.accent:hover{background:var(--accent);color:var(--bg)}#topbar button[aria-pressed=true]{border-color:var(--accent);color:var(--bg);background:var(--accent)}#topbar button:focus-visible{outline-offset:2px}#btn-prev,#btn-next{min-width:2.5rem;font-size:1rem}#content{flex:1;grid-template-columns:minmax(16rem,23rem) minmax(0,1fr);gap:1rem;min-height:0;padding:0 1.4rem;display:grid}#info{flex-direction:column;gap:.3rem;min-width:0;padding-top:4vh;display:flex}#info h2{letter-spacing:-.01em;text-wrap:balance;margin:0 0 .5rem;font-size:clamp(1.9rem,3vw,2.6rem);font-weight:800;font-stretch:115%;line-height:1.05}#info .star,#info .dist{color:var(--text-dim);margin:0;font-size:1rem}#info .fact{font-family:var(--serif);color:var(--accent);text-wrap:balance;margin:.5rem 0 .2rem;font-size:1.3rem;font-style:italic;line-height:1.25}#info .error{color:var(--bad)}.badges{flex-wrap:wrap;gap:.5rem;margin-block:.5rem;display:flex}.badges:empty{display:none}.badge{border:1.5px solid var(--accent);color:var(--accent);letter-spacing:.14em;text-transform:uppercase;padding:.3rem .55rem;font-size:.7rem;font-weight:700;font-stretch:112%}.badge.dim{border-color:var(--line);color:var(--text-dim);cursor:help}.planets{font-variant-numeric:tabular-nums;gap:.15rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.planets li{color:var(--c);border-left:3px solid #0000;grid-template-columns:1.4rem 7.2rem 3.4rem 1fr;align-items:baseline;gap:.6rem;margin-left:-.4rem;padding:.15rem .4rem .15rem calc(.4rem - 3px);transition:border-left-color .6s;display:grid}.planets.wide li{grid-template-columns:5.2rem 7.2rem 3.4rem 1fr}.planets li.hit{border-left-color:var(--c);transition:none}.planets .name{white-space:nowrap;font-weight:600}.planets .ratio{color:var(--accent);font-size:.8rem}.planets .note{color:var(--text-dim);justify-self:end;font-size:.75rem}#sky{min-width:0;min-height:0;position:relative}#canvas{width:100%;height:100%;display:block}#canvas.pick{cursor:pointer}#rate{color:var(--text-dim);font-variant-numeric:tabular-nums;pointer-events:none;margin:0;font-size:.85rem;position:absolute;bottom:.4rem;left:0}#tour-progress{background:var(--accent);transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}#tuning{background:var(--surface);border:1.5px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem 1.6rem;margin:.6rem 1.4rem 0;padding:.9rem 1.1rem;display:grid}#tuning .field{grid-row:span 3;grid-template-rows:subgrid;row-gap:.3rem;min-width:0;display:grid}#tuning .field>label:first-child{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-self:end;gap:.5rem;font-size:.68rem;font-weight:600;font-stretch:112%;display:flex}#tuning output{color:var(--accent);letter-spacing:0;text-transform:none;white-space:nowrap;font-variant-numeric:tabular-nums;font-stretch:100%}#tuning .hint{color:var(--text-dim);margin:0;font-size:.72rem;line-height:1.4}#tuning .hint b{color:var(--text);font-weight:600}#tuning .row{align-items:center;gap:.6rem;display:flex}#tuning .check{cursor:pointer;white-space:nowrap;align-items:center;gap:.35rem;font-size:.75rem;display:inline-flex}#tuning .field>.check{align-self:start}#tuning button.mini{border:1.5px solid var(--line);letter-spacing:.04em;white-space:nowrap;cursor:pointer;background:0 0;padding:.3rem .55rem;font-size:.68rem;font-weight:500;transition:border-color .15s,background .15s,color .15s}#tuning button.mini:hover:not(:disabled){border-color:var(--accent);background:rgba(var(--accent-rgb), .08)}#tuning button.mini:disabled{opacity:.4;cursor:default}#tuning input[type=range]{width:100%;accent-color:var(--accent)}#tuning input[type=range]:disabled{opacity:.4}#tuning input[type=checkbox]{accent-color:var(--accent)}#statusbar{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);flex-wrap:wrap;gap:.3rem 1.4rem;padding:.6rem 1.4rem;font-size:.68rem;font-weight:600;font-stretch:112%;display:flex}#statusbar b{color:var(--text);font-weight:800}#statusbar .back{color:var(--text-dim);text-decoration:none}#statusbar .back:hover,#statusbar .back:focus-visible{color:var(--accent)}#statusbar .credit{text-transform:none;letter-spacing:.04em;margin-left:auto;font-weight:400;font-stretch:100%}#statusbar .credit a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.2em;transition:color .15s,text-decoration-color .15s}#statusbar .credit a:hover,#statusbar .credit a:focus-visible{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@media (pointer:coarse){#statusbar .tip{display:none}}@media (width>=821px) and (width<=1149px) and (height<=830px),(width>=821px) and (width<=1279px) and (height<=760px),(width>=821px) and (height<=710px){html,body{height:auto}.stage{flex-direction:column;height:100svh;display:flex}}@media (width<=820px){html,body{height:auto}#topbar,#content,#statusbar{padding-inline:1rem}#tuning{margin-inline:1rem}.controls{margin-left:0}#content{grid-template-columns:minmax(0,1fr)}#info{padding-top:1rem}#sky{aspect-ratio:1;max-width:100%}#statusbar .credit{margin-left:0}}@media (prefers-reduced-motion:reduce){.planets li{transition:none}}
