@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.3ycegl481jp62.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.D_PqNq_className{font-family:GeistSans,GeistSans Fallback}.D_PqNq_variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
:root{--navy:#1b2538;--muted:#9aa6bd;--faint:#b8c2d6;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--font:var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;margin:0}body{font-family:var(--font);color:var(--navy);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(60% 34% at 12% 0,#fbe1ef 0%,#0000 70%),radial-gradient(60% 34% at 90% 0,#dde8fc 0%,#0000 70%),linear-gradient(#f1f4fc 0%,#f7fafd 26%,#f9fbfd 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent,var(--navy));outline-offset:3px;border-radius:8px}.page{justify-content:center;min-height:100svh;padding:clamp(24px,9vh,88px) 16px 40px;display:flex}.column{flex-direction:column;width:min(340px,100%);display:flex}.card{aspect-ratio:1;background:#ffffffdb;border-radius:28px;place-items:center;display:grid;box-shadow:0 1px 2px #1b25380a,0 18px 48px -18px #1b25381f}.card-shake{animation:.46s ease-out wiggle}.shape{aspect-ratio:1;width:54%}.shape svg{width:100%;height:100%;fill:var(--accent);stroke:var(--accent);stroke-width:0;transition:fill .3s,stroke .3s;display:block}.card-shake .shape{animation:pop .55s var(--ease-spring)}@keyframes pop{0%{opacity:0;transform:scale(.55)rotate(-14deg)}60%{opacity:1}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes wiggle{0%{transform:rotate(0)translateY(0)}20%{transform:rotate(-1.6deg)translateY(-3px)}45%{transform:rotate(1.3deg)translateY(1px)}70%{transform:rotate(-.6deg)}to{transform:rotate(0)}}.tabs{justify-content:space-between;margin:18px 2px 0;display:flex}.tab{color:var(--muted);padding:7px 10px;font-size:12.5px;font-weight:600;transition:color .2s;position:relative}.tab:hover{color:#6b7894}.tab-active,.tab-active:hover{color:color-mix(in srgb, var(--accent) 62%, var(--navy))}.ring{pointer-events:none;width:calc(100% + 8px);height:calc(100% + 2px);position:absolute;inset:-1px -4px;overflow:visible}.ring path{fill:none;stroke:var(--accent);stroke-width:1.4px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke .3s;animation:.5s cubic-bezier(.5,0,.2,1) both draw}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.dots{justify-content:space-between;margin:12px 0 0;padding:0 1px;display:flex}.dot{background:var(--dot);width:22px;height:22px;transition:transform .25s var(--ease-spring), box-shadow .2s;border-radius:50%}.dot:hover{transform:scale(1.12)}.dot:active{transform:scale(.9)}.dot-on{box-shadow:0 0 0 2px #f8fafd, 0 0 0 3.5px var(--dot)}.shake{background:var(--accent);width:100%;height:48px;color:var(--ink);letter-spacing:.005em;box-shadow:0 10px 22px -12px var(--accent);transition:background .3s, color .3s, box-shadow .3s, transform .2s var(--ease-spring);border-radius:14px;margin-top:14px;font-size:15px;font-weight:650}.shake:hover{transform:translateY(-1px)}.shake:active{transform:scale(.97)}.actions{justify-content:space-around;margin-top:10px;display:flex}.actions button{color:var(--faint);padding:8px 10px;font-size:12px;font-weight:500;transition:color .2s}.actions button:hover{color:#6b7894}.credit{margin-top:28px}.credit-row{color:#3a465d;background:#ffffffb3;border-radius:12px;align-items:center;gap:8px;padding:7px 10px;font-size:11px;font-weight:600;display:flex}.spacer{flex:1}.avatar{object-fit:cover;background:#e6ebf5;border-radius:50%;flex:none;width:24px;height:24px}.avatar-fallback{color:#fff;background:linear-gradient(135deg,#e95fb9,#a47cf0);place-items:center;font-size:11px;font-weight:700;display:grid}.credit-link{color:var(--faint);align-items:center;gap:5px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.credit-link:hover{color:#6b7894}.fine{text-align:center;color:var(--faint);margin:12px 4px 0;font-size:10.5px;line-height:1.5}.sound{font-size:inherit;color:#8f9bb3;text-underline-offset:2px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s}.sound:hover{text-decoration-color:currentColor}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}