.fn-stage{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:16px 14px 28px;display:flex}.fn-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);width:100%;max-width:408px;box-shadow:var(--shadow-card);transition:box-shadow var(--dur) var(--ease);padding:18px 18px 16px}.fn-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.fn-back{width:28px;height:28px;color:var(--ink-faint);cursor:pointer;transition:color var(--dur-fast), background var(--dur-fast);background:0 0;border:none;border-radius:8px;flex:none;place-items:center;display:grid}.fn-back:hover{color:var(--ink);background:var(--bg)}.fn-back[hidden]{display:none}.fn-progress{flex:1;gap:6px;display:flex}.fn-seg{border-radius:var(--radius-pill);background:var(--line);height:4px;transition:background var(--dur) var(--ease);flex:1}.fn-seg.is-done{background:var(--accent)}.fn-seg.is-active{background:var(--ink)}.fn-body{animation:fn-step-in var(--dur-slow) var(--ease)}@keyframes fn-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fn-pills{flex-wrap:wrap;gap:7px;margin-bottom:10px;display:flex}.fn-pill{color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--radius-pill);align-items:center;gap:6px;margin-bottom:10px;padding:4px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.fn-pills .fn-pill{margin-bottom:0}.fn-pill--solid{color:#fff;background:var(--accent)}.fn-title{font-size:var(--text-h);letter-spacing:-.022em;color:var(--ink);text-wrap:balance;margin:0;font-weight:800;line-height:1.15}.fn-sub{font-size:var(--text-sm);color:var(--ink-soft);margin:8px 0 0;line-height:1.5}.fn-multi-hint{color:var(--accent);margin:12px 0 0;font-size:.76rem;font-weight:600}.fn-options{flex-direction:column;gap:8px;margin-top:14px;display:flex}.fn-opt{text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius-field);cursor:pointer;width:100%;color:var(--ink);font:inherit;transition:border-color var(--dur-fast), background var(--dur-fast), transform var(--dur-fast);align-items:center;gap:12px;padding:15px;display:flex}.fn-opt:hover{border-color:var(--accent);background:var(--accent-tint)}.fn-opt:active{transform:scale(.99)}.fn-opt.is-selected{border-color:var(--accent);background:var(--accent-soft)}.fn-opt-icon{text-align:center;flex:none;width:26px;font-size:1.25rem}.fn-opt-marker{border:2px solid var(--line-strong);width:20px;height:20px;transition:border-color var(--dur-fast), background var(--dur-fast);flex:none;place-items:center;display:grid}.fn-opt-marker--radio{border-radius:50%}.fn-opt-marker--check{border-radius:7px}.fn-opt.is-selected .fn-opt-marker{border-color:var(--accent);background:var(--accent)}.fn-opt-marker .fn-dot{opacity:0;width:9px;height:9px;transition:opacity var(--dur-fast), transform var(--dur-fast);background:#fff;border-radius:50%;transform:scale(.4)}.fn-opt.is-selected .fn-dot{opacity:1;transform:scale(1)}.fn-check{opacity:0;width:13px;height:13px;transition:opacity var(--dur-fast), transform var(--dur-fast);transform:scale(.4)}.fn-opt.is-selected .fn-check{opacity:1;transform:scale(1)}.fn-opt-text{flex-direction:column;gap:2px;min-width:0;display:flex}.fn-opt-label{font-size:var(--text-base);font-weight:600;line-height:1.3}.fn-opt-sub{color:var(--ink-soft);font-size:.76rem}.fn-slider-wrap{margin-top:18px}.fn-slider-value{text-align:center;font-size:var(--text-xl);letter-spacing:-.02em;color:var(--ink);font-weight:800}.fn-slider-value .fn-unit{color:var(--ink-soft);margin-left:6px;font-size:1rem;font-weight:600}.fn-range{appearance:none;border-radius:var(--radius-pill);background:var(--line);cursor:pointer;outline:none;width:100%;height:7px;margin-top:16px}.fn-range::-webkit-slider-thumb{appearance:none;background:var(--accent);width:22px;height:22px;box-shadow:var(--shadow-soft);cursor:grab;transition:transform var(--dur-fast);border:4px solid #fff;border-radius:50%}.fn-range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.12)}.fn-range::-moz-range-thumb{background:var(--accent);width:22px;height:22px;box-shadow:var(--shadow-soft);cursor:grab;border:4px solid #fff;border-radius:50%}.fn-marks{justify-content:space-between;margin-top:8px;display:flex}.fn-mark{color:var(--ink-faint);font-size:.74rem}.fn-form{flex-direction:column;gap:11px;margin-top:16px;display:flex}.fn-field{flex-direction:column;gap:6px;display:flex}.fn-label{color:var(--ink-soft);font-size:.78rem;font-weight:600}.fn-input,.fn-phone select{width:100%;font:inherit;font-size:var(--text-base);color:var(--ink);background:var(--bg-2);border:1.5px solid var(--line);border-radius:var(--radius-field);transition:border-color var(--dur-fast), background var(--dur-fast);padding:13px 14px}.fn-input::placeholder{color:var(--ink-faint)}.fn-input:focus,.fn-phone select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);background:#fff;outline:none}.fn-input.is-invalid{border-color:var(--danger)}.fn-phone{gap:10px;display:flex}.fn-phone select{cursor:pointer;flex:none;width:96px}.fn-err{color:var(--danger);font-size:.76rem}.fn-cta{width:100%;font:inherit;font-size:var(--text-base);color:#fff;background:var(--accent);border-radius:var(--radius-field);cursor:pointer;transition:background var(--dur-fast), transform var(--dur-fast), opacity var(--dur-fast);border:none;justify-content:center;align-items:center;gap:9px;margin-top:18px;padding:15px 18px;font-weight:700;display:inline-flex}.fn-cta:hover{background:var(--accent-ink)}.fn-cta:active{transform:scale(.99)}.fn-cta--grad{background:var(--accent-grad)}.fn-cta:disabled{background:var(--line-strong);color:#fff;cursor:not-allowed}.fn-cta-arrow{transition:transform var(--dur-fast)}.fn-cta:not(:disabled):hover .fn-cta-arrow{transform:translate(3px)}.fn-skip{text-align:center;width:100%;color:var(--ink-faint);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:10px;font-size:.82rem;text-decoration:underline;display:block}.fn-skip:hover{color:var(--ink-soft)}.fn-footer{color:var(--ink-faint);justify-content:center;align-items:center;gap:7px;margin-top:16px;font-size:.74rem;display:flex}.fn-dot-live{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 0 var(--accent-ring);animation:fn-live 2s var(--ease) infinite;border-radius:50%}@keyframes fn-live{0%{box-shadow:0 0 0 0 var(--accent-ring)}70%{box-shadow:0 0 0 7px #2f6bff00}to{box-shadow:0 0 #2f6bff00}}.fn-footer strong{color:var(--ink-soft);font-weight:700}.fn-success{text-align:center;animation:fn-step-in var(--dur-slow) var(--ease);padding:12px 0 6px}.fn-success-badge{background:var(--accent-soft);width:58px;height:58px;color:var(--accent);animation:fn-pop var(--dur-slow) var(--ease);border-radius:50%;place-items:center;margin:4px auto 16px;display:grid}@keyframes fn-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.fn-success .fn-title{font-size:var(--text-h)}.fn-success .fn-sub{margin-top:12px}.fn-next{text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-field);margin-top:16px;padding:14px}.fn-next-title{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);margin:0 0 10px;font-size:.78rem;font-weight:700}.fn-next ol{flex-direction:column;gap:7px;margin:0;padding-left:18px;display:flex}.fn-next li{font-size:var(--text-sm);color:var(--ink-soft);line-height:1.45}.fn-memo{margin-top:16px}.fn-toggle{gap:10px;margin-bottom:16px;display:flex}.fn-toggle-btn{font:inherit;font-size:var(--text-sm);color:var(--ink-soft);background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius-field);cursor:pointer;transition:border-color var(--dur-fast), color var(--dur-fast), background var(--dur-fast);flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:600;display:inline-flex}.fn-toggle-btn.is-active{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.fn-rec{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.fn-rec-btn{background:var(--accent);color:#fff;cursor:pointer;width:66px;height:66px;box-shadow:var(--shadow-soft);transition:transform var(--dur-fast), background var(--dur-fast);border:none;border-radius:50%;place-items:center;display:grid}.fn-rec-btn:hover{background:var(--accent-ink);transform:scale(1.04)}.fn-rec-btn.is-recording{background:var(--rec);animation:fn-rec-pulse 1.4s var(--ease) infinite}@keyframes fn-rec-pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 18px #ef444400}to{box-shadow:0 0 #ef444400}}.fn-rec-hint{font-size:var(--text-sm);color:var(--ink-soft)}.fn-rec-timer{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:800}.fn-rec-timer-max{color:var(--ink-faint);font-size:.9rem;font-weight:600}.fn-rec-remaining{color:var(--ink-faint);font-size:.8rem}.fn-preview{border-radius:var(--radius-field);aspect-ratio:3/4;object-fit:cover;background:#000;width:100%;max-width:220px}.fn-audio{width:100%}.fn-rerecord{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-size:.84rem;font-weight:600;text-decoration:underline}.fn-rec-error{font-size:var(--text-sm);color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-field);text-align:center;padding:12px 14px}