.cs-head{margin-top:22px}:is(.cs-body,.si-page) h2{font:700 28px/1.15 var(--display);letter-spacing:-.03em;margin:0}.cs-sub{text-wrap:balance;font:500 16px/22px var(--font);color:var(--muted);font-variant-numeric:tabular-nums;margin:6px 0 0}.cs-body.signin .cs-head,.si-page .cs-head{text-align:center}.si-page{width:min(100%,420px);margin:0 auto;padding:32px 0 40px}.cs-trust svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}@keyframes sheen{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}.cs-trust{font:500 13px/18px var(--font);color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:7px;margin:14px 0 2px;display:flex}.cs-trust a{color:var(--fg);font-weight:600;text-decoration:none}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes hue{to{--spin:360deg}}@keyframes ping{0%{opacity:.7;transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}.orbit{width:220px;height:180px;margin:10px auto 0;position:relative}.orbit-ring{border:1px dashed var(--faint);border-radius:50%;width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-ring.outer{opacity:.6;border-style:solid;width:210px;height:210px}.orbit-you{background:conic-gradient(from var(--spin,0deg), var(--rainbow));width:64px;height:64px;box-shadow:0 10px 30px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:50%;place-items:center;animation:5s linear infinite hue;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-you span{background:var(--sheet);width:54px;height:54px;color:var(--fg);font:700 22px/1 var(--display);border-radius:50%;place-items:center;display:grid;overflow:hidden}.orbit-you img{object-fit:cover;width:100%;height:100%;animation:si-in .42s var(--ease) backwards;border-radius:50%}.orbit-track{animation:38s linear infinite orbit;position:absolute;inset:0}.orbit-slot{width:40px;height:40px;transform:rotate(var(--a)) translateX(75px) rotate(calc(-1 * var(--a)));margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%}.orbit-slot img{object-fit:cover;background:var(--tile);width:100%;height:100%;box-shadow:0 0 0 3px var(--sheet), 0 8px 18px #0003;animation:counter 38s linear infinite, cs-pop .52s cubic-bezier(.34, 1.56, .64, 1) var(--d) backwards;border-radius:12px;display:block}.orbit.faces .orbit-slot img{background:var(--face-bg);border-radius:50%}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes counter{to{transform:rotate(-360deg)}}@keyframes cs-pop{0%{opacity:0;scale:.4}}.cs-body.signin>.env{margin:14px auto -4px}.face{background:var(--face-bg);box-shadow:inset 0 0 0 1px var(--ring);color:var(--muted);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.face img{object-fit:cover;width:100%;height:100%}.confetti{z-index:80;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.toast{transition:none}.orbit-you,.orbit-you img,.orbit-track,.orbit-slot img{animation:none}}