@import "https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@300;400;500&display=swap";
:root{--brand:#e9480d;--brand-dark:#c93d0a;--brand-light:#fff0e8;--brand-muted:#f9c4ac;--bg:#fff7ed;--surface:#fff;--surface-2:#fff3e6;--border:#e9480d1f;--border-med:#e9480d38;--text-1:#1c1107;--text-2:#6b4c35;--text-3:#b08060;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--display:"Syne", sans-serif;--body:"DM Sans", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font-family:var(--body);background:var(--bg);color:var(--text-1);min-height:100dvh}.shell{background:var(--bg);flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.page{flex-direction:column;flex:1;padding:24px 24px 40px;display:flex}.page-center{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.display{font-family:var(--display);font-weight:800}.heading{font-family:var(--display);font-weight:700}.btn{cursor:pointer;font-family:var(--display);border-radius:var(--radius-md);letter-spacing:-.2px;border:none;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .1s,filter .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:var(--brand);color:#fff;width:100%;padding:16px 28px}.btn-primary:hover{filter:brightness(1.08)}.btn-outline{color:var(--brand);border:1.5px solid var(--brand);background:0 0;width:100%;padding:15px 28px}.btn-outline:hover{background:var(--brand-light)}.btn-ghost{background:var(--surface-2);color:var(--text-2);border-radius:var(--radius-sm);font-family:var(--body);padding:10px 16px;font-size:13px;font-weight:500}.btn-ghost:hover{background:var(--brand-muted);color:var(--brand-dark)}.btn-lg{border-radius:var(--radius-xl);padding:22px 32px;font-size:20px}.input{background:var(--surface);border:1.5px solid var(--border-med);border-radius:var(--radius-md);width:100%;font-family:var(--body);color:var(--text-1);outline:none;padding:14px 16px;font-size:15px;transition:border-color .15s}.input:focus{border-color:var(--brand)}.input::placeholder{color:var(--text-3)}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--border-med);background:var(--surface);font-family:var(--body);color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:500;transition:all .12s}.chip:hover{border-color:var(--brand-muted);background:var(--brand-light)}.chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}input[type=range]{-webkit-appearance:none;background:var(--border-med);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand);cursor:pointer;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 1px 6px #e9480d66}.toggle{background:var(--border-med);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:46px;height:28px;padding:0;transition:background .2s;position:relative}.toggle.on{background:var(--brand)}.toggle-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.on .toggle-thumb{transform:translate(18px)}.divider{color:var(--text-3);align-items:center;gap:12px;margin:12px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.back-btn{cursor:pointer;color:var(--text-2);font-family:var(--body);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14px;display:inline-flex}.step-dots{align-items:center;gap:6px;display:flex}.step-dot{background:var(--border-med);border-radius:3px;height:6px;transition:all .2s}.step-dot.active{background:var(--brand)}.spinner{border:3px solid var(--brand-muted);border-top-color:var(--brand);border-radius:50%;width:40px;height:40px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.9)}65%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-up{animation:.3s both fadeUp}.pop{animation:.4s cubic-bezier(.34,1.56,.64,1) both pop}.d1{animation-delay:70ms}.d2{animation-delay:.14s}.d3{animation-delay:.21s}.d4{animation-delay:.28s}.error{color:var(--brand);text-align:center;font-size:13px}.tag{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.tag-brand{background:var(--brand-light);color:var(--brand-dark)}.tag-muted{background:var(--surface-2);color:var(--text-2)}.section-label{font-family:var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;font-size:11px;font-weight:700}