@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap");:root{--paper:#F4ECDC;--surface:#FBF6EC;--surface-2:#FFFFFF;--ink:#1B1A16;--ink-soft:#6A6354;--green:#177A52;--green-bright:#2FB87B;--coral:#E0603A;--gold:#D99A2B;--line:#E7DBC2;--line-soft:#EFE6D2;--shadow-sm:0 1px 2px rgba(27,26,22,.04),0 2px 8px -4px rgba(27,26,22,.06);--shadow-md:0 4px 10px -4px rgba(27,26,22,.10),0 12px 24px -12px rgba(27,26,22,.12);--shadow-lg:0 12px 28px -10px rgba(27,26,22,.18);--r-sm:10px;--r-md:14px;--r-lg:18px;--r-pill:999px;--bw:1.5px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0}body{font-family:DM Sans,sans-serif;color:var(--ink);background:radial-gradient(120% 80% at 90% -10%,rgba(47,184,123,.1),transparent 55%),radial-gradient(120% 70% at -10% 110%,rgba(224,96,58,.1),transparent 55%),var(--paper);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit}.shell{width:100%;max-width:468px;min-height:100vh;margin:0 auto;background:var(--surface);box-shadow:0 0 60px rgba(27,26,22,.1);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.pad{padding:22px 22px 30px}.display{font-family:Fraunces,serif;line-height:1.04;letter-spacing:-.5px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--green)}.soft{color:var(--ink-soft)}.btn{border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:600;border-radius:var(--r-md);padding:15px 18px;font-size:15.5px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;transition:transform .12s ease,box-shadow .2s ease,background .2s,filter .2s}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--ink);color:var(--surface);box-shadow:0 8px 20px -8px rgba(27,26,22,.5)}.btn-green{background:var(--green);color:#fff;box-shadow:0 8px 22px -8px rgba(23,122,82,.7)}.btn-green:hover,.btn-primary:hover{box-shadow:0 12px 26px -8px rgba(23,122,82,.55);filter:brightness(1.05);transform:translateY(-1px)}.btn-green:active,.btn-primary:active{transform:translateY(1px) scale(.99);filter:none}.btn-ghost{background:transparent;color:var(--ink);border:var(--bw) solid var(--line)}.btn-ghost:hover{background:var(--surface);border-color:var(--ink-soft)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:none;transform:none}.field{width:100%;border:var(--bw) solid var(--line);background:var(--surface-2);border-radius:var(--r-sm);padding:14px 15px;font-size:15px;font-family:DM Sans,sans-serif;color:var(--ink);outline:none;transition:border .2s,box-shadow .2s}.field:hover{border-color:var(--ink-soft)}.field:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(47,184,123,.14)}.card{background:var(--surface-2);border:var(--bw) solid var(--line-soft);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-sm);transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s ease,border-color .18s ease}a:hover .card,button:hover .card{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line)}a:active .card,button:active .card{transform:translateY(0) scale(.995);box-shadow:var(--shadow-sm)}a:focus-visible .card,button:focus-visible .card{outline:none;box-shadow:var(--shadow-md),0 0 0 3px rgba(47,184,123,.35)}.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:var(--r-pill);background:rgba(47,184,123,.14);color:var(--green)}.chip{flex:0 0 auto;border:var(--bw) solid var(--line);background:transparent;color:var(--ink-soft);border-radius:var(--r-pill);padding:6px 13px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:DM Sans,sans-serif;white-space:nowrap;transition:all .15s ease}.chip:hover{border-color:var(--ink-soft);color:var(--ink)}.chip[data-on=true]{background:var(--ink);border-color:var(--ink);color:#fff}.alt{transition:border-color .15s ease,background .15s ease,transform .1s ease}.alt:not(:disabled):hover{border-color:var(--ink-soft)!important}.alt:not(:disabled):active{transform:scale(.995)}.progress-track{height:7px;border-radius:var(--r-pill);background:var(--line);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--green-bright));border-radius:var(--r-pill);transition:width .6s cubic-bezier(.2,.7,.2,1)}.navbtn{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft);font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;padding:4px 2px;border-radius:var(--r-sm);transition:color .15s}.navbtn:hover{color:var(--ink)}@keyframes up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.up{animation:up .55s cubic-bezier(.2,.7,.2,1) both}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.pulse{animation:pulse 1.1s ease-in-out infinite}@keyframes pop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.pop{animation:pop .4s cubic-bezier(.2,.8,.2,1) both}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.up{animation:none}}