body{padding:var(--space-6) var(--space-4) var(--space-8)}#root{display:flex;align-items:flex-start;justify-content:center}.shell{width:100%;max-width:440px}.brand{text-align:center;margin-bottom:var(--space-4)}.brand .mark{font-family:Fraunces,serif;font-size:var(--text-base);letter-spacing:.02em;color:var(--muted)}.progress-track{height:4px;border-radius:4px;background:var(--track-bg);overflow:hidden;margin-bottom:var(--space-5)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:4px;width:0%;transition:width .35s ease}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);box-shadow:var(--shadow)}.step{animation:rise .32s ease}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.faces{display:flex;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.face-btn{flex:1;background:none;border:1.5px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4) var(--space-1) var(--space-3);cursor:pointer;font-size:26px;line-height:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--ink);transition:border-color .15s ease,background .15s ease,transform .15s ease}.face-btn .lbl{font-size:var(--text-xs);color:var(--muted);font-family:Work Sans}.face-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.face-btn:active{transform:scale(.96)}.face-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-1) 0 var(--space-2)}textarea,input[type=email]{margin-bottom:var(--space-1)}.actions{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-6);gap:var(--space-4)}.actions .btn-primary{flex:1}.final{text-align:center}.final .icon{font-size:var(--text-2xl);margin-bottom:var(--space-2);display:inline-block;position:relative;animation:pop .4s ease}.final .icon:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(154,114,51,.16),transparent 70%)}.voucher{margin:var(--space-5) 0 var(--space-2);border:1.5px dashed var(--accent-2);border-radius:var(--radius-md);padding:var(--space-4);background:var(--chip-bg)}.voucher .code{font-family:Fraunces,serif;font-size:var(--text-lg);letter-spacing:.06em;color:var(--accent)}.voucher .note{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-1)}.followup{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-4);line-height:1.5}