.cs-root{z-index:60;position:fixed;inset:0}.cs-root[hidden]{display:none}.cs-scrim{background:var(--scrim);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .38s var(--ease);position:absolute;inset:0}.cs{overscroll-behavior:contain;max-height:calc(100svh - 24px);padding:0 20px max(20px, env(safe-area-inset-bottom));background:var(--sheet);transition:transform .52s var(--ease);border-radius:28px 28px 0 0;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(104%);box-shadow:0 -20px 60px #00000038}.cs-root.open .cs-scrim{opacity:1}.cs-root.open .cs{transform:none}.cs-grabber{background:var(--faint);border-radius:3px;width:38px;height:5px;margin:8px auto 14px}.cs-x{z-index:2;background:var(--pill);width:32px;height:32px;color:var(--muted);cursor:pointer;transition:color .2s var(--ease), transform .2s var(--ease);border:0;border-radius:50%;place-items:center;padding:0;display:none;position:absolute;top:14px;right:14px}@media (hover:hover) and (pointer:fine){.cs-x:hover{color:var(--fg)}}.cs-x:active{transform:scale(.9)}.cs-x svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}.cs-body>:not(.tk){opacity:0;transition:opacity .5s var(--ease), transform .6s var(--ease);transform:translateY(10px)}.cs-root.open .cs-body>:not(.tk){opacity:1;transform:none}.cs-root.open .cs-body>:nth-child(2){transition-delay:60ms}.cs-root.open .cs-body>:nth-child(3){transition-delay:.11s}.cs-root.open .cs-body>:nth-child(4){transition-delay:.15s}.cs-root.open .cs-body>:nth-child(5){transition-delay:.19s}.cs-head{margin-top:22px}:is(.cs,.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}.cs-x:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@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}.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}@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}@media (width>=641px){.cs{opacity:0;width:420px;transition:transform .46s var(--ease), opacity .26s var(--ease);border-radius:28px;padding:24px;inset:50% auto auto 50%;transform:translate(-50%,-46%)scale(.97);box-shadow:0 30px 80px #00000059}.cs-root.open .cs{opacity:1;transform:translate(-50%,-50%)}.cs-grabber{display:none}.cs-x{display:grid;top:16px;right:16px}}.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%}.pill{background:color-mix(in srgb, var(--up) 15%, transparent);color:var(--up);font:700 15px/1 var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:10px;flex:none;padding:7px 10px}.pill[data-dir=down]{background:color-mix(in srgb, var(--down) 14%, transparent);color:var(--down)}.pill.sm{border-radius:8px;padding:5px 8px;font-size:13px}.crown{background:var(--gold-bg);height:22px;color:var(--gold);font:700 11px/1 var(--font);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 9px 0 7px;font-weight:700;display:inline-flex}.crown svg,.crown-icon svg{fill:currentColor;width:13px;height:11px}.crown-icon{color:var(--gold);place-items:center;display:inline-grid}.quote{-webkit-line-clamp:3;font:400 15px/1.42 var(--font);letter-spacing:-.005em;color:var(--fg);overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}q.quote:before,q.quote:after{content:none}.reacts{gap:6px;display:flex}.react{background:var(--pill);height:28px;color:var(--muted);font:650 13px/1 var(--font);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .16s var(--ease), color .16s var(--ease), transform .2s var(--ease);border:0;border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-weight:650;display:inline-flex}@media (hover:hover) and (pointer:fine){.react:hover{background:color-mix(in srgb, var(--pill), var(--fg) 6%)}}.react:active{transform:scale(.9)}.react:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.react[aria-pressed=true]{background:color-mix(in srgb, var(--fg) 13%, transparent);color:var(--fg)}.react-e{transition:transform .2s var(--ease);font-size:14px;line-height:1}.react.pop .react-e{animation:.56s cubic-bezier(.34,1.8,.64,1) react-pop}@keyframes react-pop{40%{transform:scale(1.7)rotate(-14deg)}}.react-n:empty{display:none}.th-field{cursor:text;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:18px;display:grid;position:relative}.th-field.with-face{border-top:1px solid var(--faint);grid-template-columns:36px minmax(0,1fr);padding:14px 0 4px}.th-face{width:36px;height:36px;font-size:14px}.th-main{gap:3px;min-width:0;display:grid;position:relative}.th-who{font:600 15px/20px var(--font);align-items:baseline;gap:7px;display:flex}.th-who i{color:var(--muted);font-size:14px;font-style:normal;font-weight:500}.th-field textarea{resize:none;width:100%;min-height:26px;color:var(--fg);font:400 17px/1.45 var(--font);letter-spacing:-.01em;background:0 0;border:0;outline:none;padding:0 34px 0 0}.th-field textarea::placeholder{color:var(--muted)}.th-count{font:650 12px/1 var(--font);font-variant-numeric:tabular-nums;color:var(--muted);position:absolute;bottom:2px;right:0}.th-count.over{color:var(--down)}.confetti{z-index:80;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.cs,.cs-scrim,.cs-body>:not(.tk),.toast{transition:none}.tk,.orbit-you,.orbit-you img,.orbit-track,.orbit-slot img,.cs-root.open .tk,.react.pop .react-e{animation:none}}.side-tag{background:color-mix(in srgb, var(--up) 14%, transparent);color:var(--up);font:700 12px/1.1 var(--font);letter-spacing:.01em;white-space:nowrap;vertical-align:1px;border-radius:999px;align-items:center;gap:4px;padding:3px 7px 3px 6px;display:inline-flex}.side-tag[data-side=down]{background:color-mix(in srgb, var(--down) 14%, transparent);color:var(--down)}.side-tag svg{fill:currentColor;flex:none;width:8px;height:7px}.side-tag.bare{background:0 0;padding:0}.cs-body.call[data-side=up]{--accent:var(--up)}.cs-body.call[data-side=down]{--accent:var(--down)}