:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12122a;--card:#232350;--ink:#f4f4f8;--accent:#ffc857}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0, #2a2a6a, var(--bg) 60%);color:var(--ink);min-height:100vh;margin:0;font:18px/1.5 system-ui,sans-serif}main{text-align:center;overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:12px;max-width:28rem;margin:0 auto;padding:16px;display:flex}h1,h2,p{margin:0}svg{flex:none;max-width:100%}.row,.grid{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}button{min-width:48px;min-height:48px;font:inherit;color:var(--ink);background:var(--card);cursor:pointer;border:2px solid #0000;border-radius:14px;padding:8px 16px}button[aria-pressed=true]{border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.go{background:var(--accent);color:#12122a;font-weight:700}.swatch{border-radius:50%;width:48px;padding:0}label{text-align:start;flex-direction:column;gap:4px;width:100%;display:flex}input,textarea{font:inherit;color:var(--ink);background:var(--card);border:2px solid #0000;border-radius:10px;width:100%;padding:10px}textarea{resize:vertical;word-break:break-all;font-size:13px}.planet{touch-action:manipulation;background:#12122a;width:100%;height:100dvh}.version{right:max(4px, env(safe-area-inset-right));bottom:max(2px, env(safe-area-inset-bottom));z-index:10;opacity:.5;pointer-events:none;font:11px system-ui,sans-serif;position:fixed}