.stars-page{gap:16px;display:grid}.stars{color:#fff;background:radial-gradient(at 50% 40%,#2b1f6b,#0b0a24 70%);border-radius:24px;gap:14px;padding:18px;display:grid;overflow:hidden}.stars-head{gap:6px;display:grid}.stars-head h1{align-items:center;gap:8px;margin:0;font-size:1.5rem;font-weight:900;display:flex}.stars-head p{color:#ffffffd9;max-width:60ch;margin:0;font-size:.9375rem;line-height:1.7}.stars-sky{touch-action:pan-y;width:100%;position:relative}.stars-sky canvas{width:100%;display:block}.stars-demo{letter-spacing:.08em;background:#ffffff24;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:800;position:absolute;top:8px;right:8px}.stars-tip{white-space:nowrap;pointer-events:none;background:#0a081eeb;border:1px solid #ffffff40;border-radius:10px;padding:5px 10px;font-size:.75rem;font-weight:700;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.stars-note{color:#ffffffbf;margin:0;font-size:.8125rem;line-height:1.6}.stars-me{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.stars-me b{color:#ffd76a;font-size:1.05rem}.stars-me .o-button:not(.o-primary){color:#1d2433;background:#fff}