:root{color:#494633;font-synthesis:none;--paper:#f9f6ed;--coral:#c96b52;--muted:#716b58;--accent:#a7513a;--boy:#809bb2;--girl:#d57861;background:#f9f6ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:var(--paper);margin:0}body:before{content:"";pointer-events:none;z-index:8;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%239a8564' opacity='.25' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #547c71}svg{display:block}h1,h2,p{margin:0}h1,h2{font-family:DM Serif Display,Georgia,serif;font-weight:400}em{color:var(--coral)}.header,main,footer{width:min(440px,100% - 32px);margin-inline:auto}.header{border-bottom:1px solid #ddd9cc;justify-content:space-between;align-items:center;height:64px;display:flex}.wordmark{letter-spacing:-1.5px;font-family:DM Serif Display,Georgia,serif;font-size:28px}.wordmark span{color:var(--coral)}.languages{gap:4px;display:flex}.languages button{color:var(--muted);background:0 0;border:0;padding:10px 8px;font-size:12px;font-weight:600}.languages button[aria-pressed=true]{color:var(--accent)}main{text-align:center;padding:28px 0 16px}.eyebrow{letter-spacing:1.6px;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.eyebrow.centered{justify-content:center}.eyebrow svg{width:14px;height:14px;color:var(--coral)}h1{letter-spacing:-2px;margin:14px 0 4px;font-size:clamp(44px,14vw,60px);line-height:1.05}.illustration{isolation:isolate;height:330px;position:relative}.sun-disc{z-index:-1;background:#f3e6bc;border-radius:48% 53% 46% 51%;width:260px;height:250px;position:absolute;top:40px;left:50%;transform:translate(-50%)rotate(-8deg)}.sun-disc:after{content:"";opacity:.55;border:1px dashed #dccfa7;border-radius:49% 52% 46% 51%;position:absolute;inset:-14px}.mascot-button{touch-action:manipulation;background:0 0;border:0;border-radius:45%;padding:0;position:absolute;inset:0}.mascot{object-fit:contain;transform-origin:50% 75%;-webkit-user-select:none;user-select:none;width:100%;height:100%}.hello{color:#6b7855;z-index:1;pointer-events:none;font-family:Kalam,cursive;font-size:26px;position:absolute;top:8px;left:8px;transform:rotate(-11deg)}.doodle-star{color:#a9ae7e;pointer-events:none;position:absolute}.doodle-star svg{width:100%;height:100%}.star-one{width:18px;height:18px;top:44px;right:18px}.star-two{width:13px;height:13px;color:var(--coral);bottom:90px;left:12px}.star-three{width:11px;height:11px;color:var(--coral);top:10px;right:64px}.tap-note{color:#8e8061;pointer-events:none;font-family:Kalam,cursive;font-size:15px;position:absolute;bottom:0;right:4px;transform:rotate(-5deg)}.surprise-meter{margin-top:16px}.surprise-meter h2{color:#625d44;margin-bottom:14px;font-family:Kalam,cursive;font-size:19px}.meter-label{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.meter-label>span:first-child{letter-spacing:1.5px;font-size:9px;font-weight:600}.meter-label b{color:var(--accent)}progress{appearance:none;background:#ebe5d6;border:1px solid #dcd5c3;border-radius:20px;width:100%;height:12px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#ebe5d6}progress::-webkit-progress-value{background:#acb083;transition:width .2s}progress::-moz-progress-bar{background:#acb083}.countdown{margin-top:20px}.countdown .eyebrow{color:var(--muted);justify-content:center}.countdown-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.countdown-grid>div{background:#fffcf4;border:1px solid #e5dfcf;border-radius:10px;padding:12px 0 10px}.countdown-grid b{color:var(--coral);font-family:DM Serif Display,Georgia,serif;font-size:34px;font-weight:400;line-height:1;display:block}.countdown-grid span{color:var(--muted);font-size:10px}.bet{background:#eeeee2;border:1px solid #e5e5d6;border-radius:14px;margin-top:28px;padding:24px 16px}.bet>h2{letter-spacing:-.8px;margin-bottom:18px;font-size:30px}.guess-options{gap:10px;display:grid}.guess-button{text-align:left;background:#f9f7ed;border:1px solid #dcdace;border-radius:10px;align-items:center;gap:16px;padding:16px 20px;transition:transform .15s,border-color .15s;display:flex}.guess-button:active{border-color:#a3a888;transform:scale(.98)}.guess-icon{border:1px solid;border-radius:45% 45% 40% 40%;place-items:center;width:39px;height:43px;font-family:DM Serif Display,Georgia,serif;font-size:28px;display:grid}.boy-icon{color:#6a86a0;background:#dce5ec;transform:rotate(-6deg)}.girl-icon{color:#b47764;background:#eed9cf;transform:rotate(6deg)}.guess-button strong{font-size:15px;font-weight:600;display:block}.guess-button small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.your-bet{margin-bottom:16px;font-size:15px}.stats-bar{background:#ebe5d6;border-radius:20px;height:14px;display:flex;overflow:hidden}.stats-bar span{transition:width .6s ease-out}.stats-bar .boy{background:var(--boy)}.stats-bar .girl{background:var(--girl)}.stats-labels{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.stats-labels span:first-child{color:#5d7890;font-weight:600}.stats-labels span:last-child{color:var(--accent);font-weight:600}.primary{color:#fffaf0;background:#b35840;border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:14px 24px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px #b7614930}.primary:active{box-shadow:none;transform:translateY(2px)}.primary:disabled{opacity:.65}.text-button{color:var(--muted);background:0 0;border:0;padding:12px;font-size:14px}dialog{background:var(--paper);width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);color:inherit;border:1px solid #ded6c2;border-radius:18px;padding:32px 22px 22px;box-shadow:0 20px 120px #3e342930}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#48452fa6}.bet-dialog form{gap:12px;display:grid}.bet-dialog h2{text-align:center;margin-bottom:6px;font-size:32px}input,textarea{width:100%;font:inherit;color:inherit;resize:none;background:#fffcf4;border:1px solid #dcd5c3;border-radius:8px;padding:14px;font-size:16px}.form-error{color:var(--accent);text-align:center;font-size:13px}.result-dialog{text-align:center}.result-dialog .eyebrow{color:var(--coral);justify-content:center}.countdown-screen{padding:60px 0}.drum-number{color:var(--coral);font-family:DM Serif Display,Georgia,serif;font-size:150px;line-height:1.3}.result-mascot{object-fit:cover;object-position:50% 38%;width:200px;height:170px}.result-screen h2{margin-bottom:14px;font-size:52px;line-height:1.05}.result-sub{color:var(--muted);margin-bottom:24px;font-size:15px;line-height:1.7}.confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{width:9px;height:15px;animation:4s linear forwards fall;position:absolute;top:-30px}@keyframes fall{to{transform:translate(var(--drift), 110vh) rotate(var(--spin))}}footer{padding:24px 0 calc(24px + env(safe-area-inset-bottom));text-align:center;color:var(--muted);font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.result-screen .close-button{color:#8a8066;background:0 0;border:0;border-radius:50%;width:44px;height:44px;font-size:26px;position:absolute;top:8px;right:10px}.reveal-message{gap:10px;display:grid}.message-sent{color:#6b7855;font-family:Kalam,cursive;font-size:20px}