:root{--bg:#fff;--surface:#fff;--tint:#f2f7fc;--ink:#0f2a4a;--muted:#52627a;--line:#d8e2ee;--violet:#1677e8;--violet-soft:#e3f0ff;--coin:#3fe0e8;--coin-soft:#ddf9fb;--teal:#12b5b0;--fox:#e5484d;--fox-soft:#fde7e8;--shell:#10a37f;--shell-soft:#d8f5ec;--f-display:"Nunito", "Be Vietnam Pro", system-ui, sans-serif, "Noto Color Emoji";--f-body:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif, "Noto Color Emoji";--f-emoji:"Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--r:16px;--stroke:2px solid var(--ink);--pop:3px 3px 0 var(--ink);color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-tap-highlight-color:transparent;font-size:17px;line-height:1.5}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;letter-spacing:-.01em;margin:0;font-weight:900;line-height:1.15}p{margin:0}p,li,blockquote,figcaption,small,.bubble,.opt,.lbl,.q,.prompt,.card h2,.pick-btn,.chip,.btn{text-wrap:pretty}.prompt,.card h2,.vcard h2,.zone h2{text-wrap:balance}.brand-logo{object-fit:contain;object-position:left center;width:auto;max-width:62vw;height:34px;display:block}a{color:var(--violet)}img,svg{max-width:100%}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--coin);outline-offset:2px}[hidden]{display:none!important}mark{background:linear-gradient(transparent 40%, var(--coin) 40%);color:inherit;padding:0 2px}.wavy{text-decoration:underline wavy var(--fox);text-underline-offset:4px;text-decoration-thickness:2px}.app{max-width:480px;min-height:100dvh;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-block:max(12px, env(safe-area-inset-top,0px)) max(24px, env(safe-area-inset-bottom,0px));flex-direction:column;gap:16px;margin:0 auto;display:flex}.sticker{background:var(--surface);border:var(--stroke);border-radius:var(--r);box-shadow:var(--pop)}.btn{font:700 1rem var(--f-display);border:var(--stroke);min-height:52px;box-shadow:var(--pop);background:var(--coin);color:var(--ink);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn:disabled{opacity:.45;cursor:default;box-shadow:var(--pop);transform:none}.btn.violet{background:var(--violet);color:#fff}.btn.fox{background:var(--fox);color:#fff}.btn.shell{background:var(--shell);color:#fff}.btn.ghost{background:var(--surface)}.btn.block{width:100%}.chip{white-space:nowrap;background:var(--surface);border:var(--stroke);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:700;display:inline-flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--teal);font-size:.75rem;font-weight:700}.muted{color:var(--muted)}.avatar{object-fit:cover;border-radius:50%;flex:none;display:block}img.avatar{border:var(--stroke)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)rotate(-6deg)}}@keyframes blink{0%,95%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes grow{0%{transform:scaleX(0)}}.cl-eye{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out 1.5s infinite blink}.fx-burst{pointer-events:none;z-index:50;width:0;height:0;position:fixed}.fx-burst i{border-radius:2px;width:8px;height:12px;animation:.8s cubic-bezier(.2,.7,.3,1) forwards confetti;position:absolute}@keyframes confetti{to{transform:translate(var(--dx), var(--dy)) rotate(var(--r));opacity:0}}.fx-float{font:900 1rem var(--f-display);color:var(--violet);pointer-events:none;z-index:50;animation:.85s ease-out forwards float-up;position:fixed;transform:translate(-50%)}@keyframes float-up{to{opacity:0;transform:translate(-50%,-34px)}}@supports (animation-timeline:view()){.reveal{animation:linear both rise view();animation-range:entry entry 60%}}
