:root{--color-coral:#e8654a;--color-coral-deep:#c0402c;--color-navy:#1d3557;--color-amber:#f0a35c;--color-cream:#fbf5ec;--color-cream-dark:#f3eadc;--color-white:#fff;--color-success:#2e7d5b;--color-danger:#b3362b;--color-muted:#8a8378;--font-display:"Fraunces", Georgia, serif;--font-body:"Nunito Sans", -apple-system, "Helvetica Neue", sans-serif;--text-h1:2.5rem;--text-h2:1.75rem;--text-body:1.0625rem;--text-secondary:.9375rem;--text-caption:.8125rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-card:20px;--radius-button:14px;--radius-pill:999px;--shadow-card:0 4px 16px #1d355714;--shadow-raised:0 5px 24px #1d355724;--dur-fast:.15s;--dur-med:.3s;--dur-celebrate:1.8s;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--tap-target:44px;--button-l:56px}@font-face{font-family:Fraunces;src:url(/assets/fraunces-var-DVeF4005.woff2)format("woff2-variations");font-weight:400 700;font-display:swap}@font-face{font-family:Nunito Sans;src:url(/assets/nunito-sans-var-DJxNc1YX.woff2)format("woff2-variations");font-weight:400 700;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-navy);background:var(--color-cream);-webkit-font-smoothing:antialiased;min-height:100svh;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700;line-height:1.15}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}a{color:var(--color-coral-deep)}button{font:inherit;cursor:pointer;min-height:var(--tap-target);background:0 0;border:none}img,svg,canvas{max-width:100%;display:block}.tnum{font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--color-coral-deep);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-button);transition:transform var(--dur-fast), opacity var(--dur-fast);width:100%;font-weight:700;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-coral);color:#fff;min-height:var(--button-l);font-size:19px}.btn--secondary{color:var(--color-navy);border:2px solid var(--color-navy);min-height:var(--button-l);background:0 0;font-size:17px}.btn--ghost{color:var(--color-coral-deep);min-height:var(--tap-target);background:0 0;width:auto;font-size:16px}.btn--m{min-height:var(--tap-target);font-size:16px}.card{background:var(--color-white);border-radius:var(--radius-card);padding:var(--space-4);box-shadow:var(--shadow-card)}.field{gap:var(--space-2);text-align:left;flex-direction:column;display:flex}.field label{font-size:var(--text-secondary);font-weight:700}.field input,.field textarea{font:inherit;color:var(--color-navy);background:var(--color-white);border:1.5px solid var(--color-cream-dark);border-radius:var(--radius-button);padding:14px var(--space-4);min-height:var(--button-l)}.field input:focus,.field textarea:focus{border-color:var(--color-coral-deep);outline:none}.field .hint{font-size:var(--text-caption);color:var(--color-muted)}.otp-input{letter-spacing:12px;text-align:center;font-variant-numeric:tabular-nums;font-size:32px!important}.screen{max-width:480px;min-height:100svh;padding:var(--space-6) var(--space-4) var(--space-8);flex-direction:column;margin:0 auto;display:flex}.screen__body{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.screen__footer{gap:var(--space-3);padding-top:var(--space-4);flex-direction:column;display:flex}.error-text{color:var(--color-danger);font-size:var(--text-secondary)}.flame-svg .flame-outer,.flame-svg .flame-inner{transform-box:fill-box;transform-origin:50% 92%}.flame-svg--live .flame-outer{animation:1.5s ease-in-out infinite flame-lick-a}.flame-svg--live .flame-inner{animation:.95s ease-in-out infinite flame-lick-b}.flame-svg--live{animation:1.9s ease-in-out infinite flame-glow}.flame-svg--intense .flame-outer{animation:1.35s ease-in-out infinite flame-lick-a}.flame-svg--intense .flame-inner{animation:.85s ease-in-out infinite flame-lick-b}.flame-svg--intense{animation:1.7s ease-in-out infinite flame-glow}@keyframes flame-lick-a{0%,to{transform:scale(1)rotate(0)translateY(0)}30%{transform:scale(1.05,.95)rotate(-2.5deg)translateY(.5px)}65%{transform:scale(.96,1.07)rotate(2deg)translateY(-1px)}}@keyframes flame-lick-b{0%,to{transform:scale(1)rotate(0)}40%{transform:scale(.9,1.12)rotate(3deg)}70%{transform:scale(1.08,.94)rotate(-2deg)}}@keyframes flame-glow{0%,to{filter:drop-shadow(0 0 3px #e8654a59)}50%{filter:drop-shadow(0 0 11px #f0a35cbf)}}.flame-wrap{display:inline-block;position:relative}.flame-sparks{pointer-events:none;position:absolute;inset:0}.flame-sparks i{background:var(--color-amber);opacity:0;border-radius:50%;width:4px;height:4px;animation:2.2s linear infinite flame-spark;position:absolute;bottom:22%;left:50%}.flame-sparks i:first-child{--sx:-22px;animation-delay:0s}.flame-sparks i:nth-child(2){--sx:16px;animation-delay:.55s}.flame-sparks i:nth-child(3){--sx:-8px;animation-delay:1.1s}.flame-sparks i:nth-child(4){--sx:26px;animation-delay:1.65s}@keyframes flame-spark{0%{opacity:0;transform:translate(0)scale(.5)}12%{opacity:.95}to{transform:translate(var(--sx), -70px) scale(.25);opacity:0}}.streak-num{transition:transform .32s var(--ease-spring);display:inline-block}.streak-num--pop{transform:scale(1.32)}.ring-track{fill:none;stroke:var(--color-cream-dark);stroke-width:6px}.ring-arc{fill:none;stroke:var(--color-coral);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset 1.15s cubic-bezier(.2,.75,.3,1)}.tick{border:3px solid var(--color-cream-dark);width:44px;height:44px;transition:border-color .3s var(--ease-spring), background .3s var(--ease-spring), transform .3s var(--ease-spring);border-radius:50%;place-items:center;margin:0 auto;display:grid}.tick--done{border-color:var(--color-success);background:var(--color-success);transform:scale(1.09)}.tick svg{width:22px;height:22px}.tick path{stroke:#fff;stroke-width:3.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30px;transition:stroke-dashoffset .32s ease-out .11s}.tick--done path{stroke-dashoffset:0}.react-fly{pointer-events:none;z-index:5;font-size:26px;animation:1.5s ease-out forwards react-fly;position:absolute;bottom:0}@keyframes react-fly{0%{opacity:0;transform:translate(0)scale(.4)}14%{opacity:1;transform:translateY(-8px)scale(1.18)}to{transform:translate(var(--dx), -78px) scale(.8);opacity:0}}
