:root{--red: #C0392B;--red-dark: #a93226;--navy: #272B37;--grey: #8F929B;--grey-light: #e5e7eb;--grey-50: #F8F9FA;--white: #ffffff;--border: #e2e4e9;--shadow: 0 4px 24px rgba(39, 43, 55, .1);--shadow-lg: 0 8px 40px rgba(39, 43, 55, .14);--radius: 12px;--radius-lg: 20px;--transition: .25s cubic-bezier(.4, 0, .2, 1);--font: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font);background:var(--grey-50);color:var(--navy);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 16px 80px}.app-wrapper{width:100%;max-width:780px}.page-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:48px 48px 40px;border:1px solid var(--border);animation:fadeSlideIn .4s ease forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.page1-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.logo-wrap{display:flex;flex-direction:column;align-items:flex-start}.lang-toggle{display:flex;align-items:center;gap:4px;background:var(--grey-50);border:1.5px solid var(--border);border-radius:100px;padding:5px 12px;flex-shrink:0}.lang-btn{font-family:var(--font);font-size:.8rem;font-weight:700;color:var(--grey);background:none;border:none;cursor:pointer;padding:2px 8px;border-radius:6px;transition:var(--transition);letter-spacing:.05em}.lang-btn.active{color:var(--red);background:#c0392b1a}.lang-sep{color:var(--grey-light);font-size:.9rem}.page2-logo{text-align:center;margin-bottom:28px}.welcome-text{text-align:center;font-size:1rem;color:var(--navy);line-height:1.7;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.step-preview{background:var(--grey-50);border:1px solid var(--border);border-radius:var(--radius);padding:24px 28px 20px;margin-bottom:24px}.step-preview-title{font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--grey);text-transform:uppercase;margin-bottom:20px}.step-flow{display:flex;align-items:flex-start;gap:0;justify-content:space-between}.step-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-item:not(:last-child):after{content:"";position:absolute;top:22px;left:50%;width:100%;height:2px;background:var(--grey-light);z-index:0}.step-circle{width:44px;height:44px;border-radius:50%;background:var(--red);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex-shrink:0}.step-circle.done{font-size:1.2rem}.step-label{font-size:.72rem;color:var(--grey);text-align:center;margin-top:8px;line-height:1.4}.step-duration{font-size:.78rem;color:var(--grey);margin-top:14px;font-style:italic}.mic-notice{background:#fff8f7;border:1px solid rgba(192,57,43,.15);border-radius:var(--radius);padding:16px 20px;margin-bottom:32px;display:flex;gap:12px;align-items:flex-start}.mic-notice-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.mic-notice-text{font-size:.88rem;color:var(--navy);line-height:1.6}.form-section-title{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:4px;padding-bottom:8px;border-bottom:2px solid var(--red);display:inline-block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1 / -1}.form-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--grey);text-transform:uppercase}.form-input,.form-select{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:.95rem;color:var(--navy);background:var(--white);transition:var(--transition);outline:none}.form-input:focus,.form-select:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.form-input.error,.form-select.error{border-color:var(--red);background:#fff5f5}.field-error{font-size:.75rem;color:var(--red);font-weight:500;margin-top:2px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238F929B' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.hidden{display:none!important}.privacy-notice{background:var(--grey-50);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-top:28px;display:flex;gap:12px;align-items:flex-start}.privacy-icon{font-size:1.1rem;flex-shrink:0;margin-top:2px}.privacy-text{font-size:.8rem;color:var(--grey);line-height:1.6}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;border:none;border-radius:var(--radius);padding:14px 28px;font-family:var(--font);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-primary:hover:not(:disabled){background:var(--red-dark);transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--navy);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px 28px;font-family:var(--font);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-secondary:hover{border-color:var(--navy)}.btn-row{display:flex;justify-content:flex-end;margin-top:32px}.progress-wrap{margin-bottom:6px}.progress-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--grey);text-transform:uppercase;margin-bottom:6px}.progress-track{height:4px;background:var(--grey-light);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--red);border-radius:2px;transition:width .4s ease}.question-counter{font-size:.82rem;color:var(--grey);margin-top:6px;margin-bottom:18px}.q-dots{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.q-dot{width:34px;height:34px;border-radius:50%;border:2px solid var(--border);background:var(--white);color:var(--grey);font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none}.q-dot.current{border-color:var(--red);background:var(--red);color:#fff}.q-dot.answered{border-color:#27ae60;background:#27ae60;color:#fff}.question-text{font-size:1.15rem;font-weight:700;color:var(--navy);line-height:1.5;margin-bottom:20px}.mic-instruction-block{background:#fff8f7;border:1.5px solid rgba(192,57,43,.2);border-radius:var(--radius);padding:16px 20px;margin-bottom:16px}.mic-instruction-title{font-size:.82rem;font-weight:700;color:var(--red);margin-bottom:8px;display:flex;align-items:center;gap:6px}.mic-instruction-text{font-size:.82rem;color:var(--navy);line-height:1.65;font-style:italic}.answer-wrap{position:relative;margin-bottom:20px}.answer-textarea{width:100%;min-height:140px;padding:14px 50px 14px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:.95rem;color:var(--navy);background:var(--white);resize:vertical;outline:none;transition:var(--transition);line-height:1.6}.answer-textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.answer-textarea.error{border-color:var(--red);background:#fff5f5}.mic-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);color:var(--grey);font-size:1rem}.mic-btn:hover:not(.unsupported){border-color:var(--red);color:var(--red)}.mic-btn.recording{border-color:var(--red);background:var(--red);color:#fff;animation:pulse 1s infinite}.mic-btn.unsupported{opacity:.4;cursor:not-allowed}@keyframes pulse{0%,to{box-shadow:0 0 #c0392b66}50%{box-shadow:0 0 0 10px #c0392b00}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}#micRecordingBar{align-items:center;gap:10px;margin-top:8px;padding:10px 16px;background:#fff5f5;border:1.5px solid var(--red);border-radius:8px;font-size:.85rem;color:var(--red);font-weight:600;animation:fadeIn .3s ease;margin-bottom:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rec-dot{width:10px;height:10px;background:var(--red);border-radius:50%;flex-shrink:0;animation:dotPulse 1s infinite}.rec-text{flex:1}.rec-meta{color:#888;font-weight:400;font-size:.8rem}.voice-fallback-msg{background:#fff3cd;border:1px solid #ffc107;border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;font-size:.82rem;color:#856404;line-height:1.5}.process-status-block{background:var(--grey-50);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:20px}.process-status-block.error{border-color:var(--red);background:#fff0ef}.process-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--grey);text-transform:uppercase;margin-bottom:12px}.process-options{display:flex;flex-direction:column;gap:8px}.process-option-box{display:flex;align-items:center;gap:10px;background:var(--white);border:1.5px solid var(--border);border-radius:8px;padding:10px 14px;cursor:pointer;transition:var(--transition);font-size:.88rem}.process-option-box:has(input:checked){border-color:var(--red);background:#c0392b0a}.process-option-box input[type=radio]{accent-color:var(--red);cursor:pointer}.nav-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.review-section{margin-bottom:28px}.review-section-title{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--grey);text-transform:uppercase;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border)}.review-item{margin-bottom:16px}.review-label{font-size:.78rem;font-weight:600;color:var(--grey);margin-bottom:3px}.review-value{font-size:.92rem;color:var(--navy);line-height:1.5}.review-q-block{background:var(--grey-50);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:12px}.review-q-num{font-size:.7rem;font-weight:700;color:var(--red);letter-spacing:.08em;margin-bottom:4px}.review-q-text{font-size:.85rem;font-weight:600;color:var(--navy);margin-bottom:8px}.review-a-text{font-size:.88rem;color:var(--navy);line-height:1.5}.review-status-tag{display:inline-block;font-size:.72rem;font-weight:600;background:#c0392b14;color:var(--red);border-radius:4px;padding:2px 8px;margin-top:6px}.review-edit-btn{font-size:.78rem;color:var(--red);background:none;border:none;cursor:pointer;font-weight:600;padding:0;margin-top:6px;text-decoration:underline}.thankyou-wrap{text-align:center;padding:20px 0}.thankyou-icon{width:72px;height:72px;border-radius:50%;background:#27ae60;color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.thankyou-title{font-size:1.6rem;font-weight:700;color:var(--navy);margin-bottom:12px}.thankyou-text{font-size:.95rem;color:var(--grey);line-height:1.7;margin-bottom:28px}.thankyou-link{color:var(--red);font-weight:600;text-decoration:none}.thankyou-link:hover{text-decoration:underline}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(20px);background:var(--navy);color:#fff;padding:12px 24px;border-radius:100px;font-size:.88rem;font-weight:500;opacity:0;transition:all .3s ease;z-index:9999;white-space:nowrap;max-width:90vw;text-align:center;pointer-events:none}.toast.error{background:var(--red)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 600px){.page-card{padding:28px 20px 24px}.form-grid{grid-template-columns:1fr}.step-flow{gap:4px}.step-circle{width:36px;height:36px;font-size:.85rem}.step-label{font-size:.65rem}.page1-header{flex-wrap:wrap;gap:12px}}