@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:#fff;--ink:#1b1a16;--ink-soft:#6a6354;--green:#177a52;--green-bright:#2fb87b;--coral:#e0603a;--gold:#d99a2b;--line:#e7dbc2;--line-soft:#efe6d2}*{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)}.shell,body{min-height:100vh}.shell{width:100%;max-width:468px;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:14px;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}.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-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}.field{width:100%;border:1.5px solid var(--line);background:var(--surface-2);border-radius:13px;padding:14px 15px;font-size:15px;font-family:DM Sans,sans-serif;color:var(--ink);outline:none;transition:border .2s,box-shadow .2s}.field:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(47,184,123,.14)}.card{background:var(--surface-2);border:1.5px solid var(--line-soft);border-radius:18px;padding:18px}.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;background:rgba(47,184,123,.14);color:var(--green)}.progress-track{height:7px;border-radius:99px;background:var(--line);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--green-bright));border-radius:99px;transition:width .5s ease}.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 0}@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}