@import "https://fonts.googleapis.com/css2?family=Titan+One&family=Baloo+2:wght@500;600;700;800&display=swap";:root{--ink:#13233f;--navy:#0b2545;--coral:#ff5a5f;--mango:#ffb627;--teal:#16c3b0;--lime:#8ddc4a;--violet:#8f7cff;--cream:#fff4e0;--sand:#ffe3b0;--shadow:0 5px 0 var(--ink);--shadow-sm:0 3px 0 var(--ink);--radius:22px;--display:"Titan One", "Baloo 2", system-ui, sans-serif;--body:"Baloo 2", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{overscroll-behavior:none;height:100%;margin:0}body{overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual;text-wrap:pretty;font-family:var(--body);color:var(--ink);background:radial-gradient(120% 80% at 50% 0%, #1b4f7a 0%, var(--navy) 60%, #06152b 100%);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{color:inherit;font-family:inherit}.app-shell{background:var(--navy);max-width:520px;height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 80px #00000080}.display{font-family:var(--display);letter-spacing:.5px;font-weight:400}.sticker-text{text-wrap:balance;line-height:1.15;font-family:var(--display);color:var(--cream);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink)}.btn{--bg:var(--mango);border:3.5px solid var(--ink);background:var(--bg);min-height:60px;box-shadow:var(--shadow);font-family:var(--display);letter-spacing:.5px;cursor:pointer;isolation:isolate;touch-action:manipulation;border-radius:20px;justify-content:center;align-items:center;gap:10px;padding:10px 28px;font-size:22px;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;position:relative}.btn:after{content:"";pointer-events:none;z-index:-1;background:#ffffff59;border-radius:12px;height:30%;position:absolute;top:5px;left:12px;right:12px}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn:disabled{filter:grayscale(.8)brightness(.9);opacity:.6;pointer-events:none}.btn.big{width:100%;min-height:72px;font-size:28px}.btn.teal{--bg:var(--teal)}.btn.coral{--bg:var(--coral);color:var(--cream)}.btn.cream{--bg:var(--cream)}.btn.ghost{--bg:#fff4e01f;color:var(--cream);box-shadow:none;border-color:#fff4e080;min-height:48px;font-size:18px}.btn.ghost:after{display:none}.btn.small{border-radius:15px;min-height:46px;padding:6px 16px;font-size:17px}.icon-btn{border:3px solid var(--ink);background:var(--cream);width:48px;height:48px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:16px;place-items:center;font-size:22px;display:grid}.icon-btn:active{box-shadow:none;transform:translateY(3px)}.card{background:var(--cream);border:3.5px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.pill{border:3px solid var(--ink);background:var(--cream);box-shadow:var(--shadow-sm);font-family:var(--display);border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 8px;font-size:17px;display:inline-flex}.bubble{border:3.5px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:16px 20px;font-size:21px;font-weight:700;line-height:1.3;position:relative}.bubble:before{content:"";border:12px solid #0000;border-top:14px solid var(--ink);position:absolute;bottom:-20px;left:42px}.bubble:after{content:"";border:9px solid #0000;border-top:11px solid #fff;position:absolute;bottom:-12px;left:45px}.bubble.tail-left:before{border:12px solid #0000;border-right:14px solid var(--ink);margin-top:-12px;top:50%;bottom:auto;left:-20px}.bubble.tail-left:after{border:9px solid #0000;border-right:11px solid #fff;margin-top:-9px;top:50%;bottom:auto;left:-12px}.grain:before{content:"";pointer-events:none;z-index:1;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-2px)}}.shake{animation:.35s shake}.scroll-y{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-y:auto}.scroll-y::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes busy-stripes{0%{background-position:0 0}to{background-position:40px 0}}.busy-bar{background-color:var(--mango);background-image:linear-gradient(135deg,#ffffff73 25%,#0000 25% 50%,#ffffff73 50% 75%,#0000 75%);background-size:40px 40px;animation:.7s linear infinite busy-stripes}
