@property --sky-top{syntax:"<color>";inherits:true;initial-value:#0a1022}@property --sky-bottom{syntax:"<color>";inherits:true;initial-value:#1b2148}:root{--signal:#ffc531;--ink:#111314;--bone:#f5f4ef;--panel:#f5f4ef;--panel-text:#111314;--panel-muted:#55595c;--panel-line:transparent;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--panel:#1b1e21;--panel-text:#f5f4ef;--panel-muted:#9ca2a6;--panel-line:#f5f4ef2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--ink);color:var(--bone);margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:1rem;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.scene{background:linear-gradient(var(--sky-top), var(--sky-bottom));height:clamp(360px,54vh,560px);transition:--sky-top 1.2s,--sky-bottom 1.2s;position:relative;overflow:hidden}.stars{transition:opacity 1.2s;position:absolute;inset:0}.stars span{background:var(--bone);border-radius:50%;animation:ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:1}}.body{border-radius:50%;width:76px;height:76px;transition:left 1.2s,top 1.2s;position:absolute;transform:translate(-50%,-50%)}.body.sun{background:var(--signal);box-shadow:0 0 0 14px #ffc53140,0 0 80px 30px #ffc53159}.body.moon{background:var(--bone);box-shadow:inset -16px -6px #0a102259,0 0 50px 8px #f5f4ef40}.hills{width:100%;height:22%;fill:var(--ink);position:absolute;bottom:-1px;left:0}.top{justify-content:space-between;align-items:center;padding:20px max(16px,50% - 480px);display:flex;position:absolute;inset:0 0 auto}.top img{border-radius:12px}.controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.readout{background:var(--ink);color:var(--bone);border-radius:999px;padding:7px 12px;font-family:Martian Mono,ui-monospace,monospace;font-size:.8rem}.modes{background:var(--ink);border-radius:999px;padding:3px;display:flex}.modes button{text-transform:capitalize;color:var(--bone);background:0 0;border:0;border-radius:999px;padding:5px 14px}.modes button[aria-pressed=true]{background:var(--signal);color:var(--ink);font-weight:600}.console{max-width:960px;margin:0 auto;padding:8px 16px 72px}h1{letter-spacing:-.025em;max-width:12ch;margin:0;font-size:clamp(2.6rem,8vw,5rem);font-weight:800;line-height:.98}.intro{color:#b9bdc0;max-width:52ch;margin:20px 0 40px;font-size:1.125rem}.tiles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.tile{background:var(--panel);color:var(--panel-text);border:1px solid var(--panel-line);border-radius:28px;flex-direction:column;display:flex;overflow:hidden}.tile[data-selected=true]{box-shadow:0 0 0 3px var(--signal)}.tile-select{text-align:left;color:inherit;background:0 0;border:0;flex-direction:column;flex:1;gap:6px;padding:22px 24px 16px;display:flex}.host{color:var(--panel-muted);font-family:Martian Mono,ui-monospace,monospace;font-size:.75rem}.tile strong{letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1.05}.desc{color:var(--panel-muted)}.open{background:var(--signal);color:var(--ink);text-align:center;border-radius:18px;margin:0 12px 12px;padding:10px 16px;font-weight:600;text-decoration:none}.open:hover{filter:brightness(1.06)}.tile.empty{color:#8f9498;background:0 0;border:2px dashed #f5f4ef40;justify-content:center;align-items:center;min-height:150px}.detail{background:var(--panel);color:var(--panel-text);border:1px solid var(--panel-line);border-radius:28px;margin-top:24px;padding:24px 28px}.detail h2{margin:0 0 4px;font-size:1.5rem}.detail p{color:var(--panel-muted);margin:0}@media (prefers-reduced-motion:reduce){.stars span{opacity:.8;animation:none}.scene,.body,.stars{transition:none}}