:root{--primary:#2960f6;--primary-dark:#020f82;--primary-soft:#e8eefe;--ink:#0a0f2e;--surface-muted:#f4f4f6;--border:#e2e2e2;--muted:#717171;--warning:#f59e0b;--warning-soft:#fef3c7;--success:#047857;--success-soft:#d1fae5;--white:#fff;--radius:12px;--radius-sm:8px;--shadow-card:0 1px 3px #0000000a, 0 4px 12px #0000000a;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--surface-muted);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-weight:400}button:focus-visible,.option:focus-visible,.btn-link:focus-visible,.dropzone:focus-within,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:focus-visible{outline-offset:3px}.page{min-height:100dvh;padding-top:max(16px, env(safe-area-inset-top));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(16px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left));flex-direction:column;align-items:center;display:flex}.topbar{justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:480px;padding:12px 4px 20px;display:flex}.brand{letter-spacing:.5px;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:auto;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:700;display:inline-flex;overflow:hidden}.brand-logo{vertical-align:middle;width:auto;height:20px;display:inline-block}.brand-sep{color:var(--muted)}.brand-mark{color:var(--ink);letter-spacing:-.2px;font-size:15px;font-weight:800}.app-footer{width:100%;margin-top:auto}.made-by-footer{color:var(--muted);letter-spacing:.2px;justify-content:center;align-items:center;gap:6px;padding:16px 16px 0;font-size:12px;display:flex}.made-by-logo{opacity:.75;vertical-align:middle;width:auto;height:16px}.progress{color:var(--muted);font-size:12px;font-weight:500}.nav-controls{align-items:center;gap:4px;display:flex}.nav-arrow{font-family:var(--font-sans);background:var(--white);color:var(--ink);border:1.5px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:500;line-height:1;transition:background-color .15s,border-color .15s;display:inline-flex}.nav-arrow:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.nav-arrow:disabled{opacity:.35;cursor:not-allowed}.progress-btn{font-family:var(--font-sans);background:var(--white);color:var(--muted);border:1.5px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:4px;min-height:44px;padding:8px 12px;font-size:12px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.progress-btn:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.progress-caret{margin-left:2px;font-size:10px}.prior-hint{background:var(--primary-soft);color:var(--primary-dark);border-left:3px solid var(--primary);border-radius:6px;margin:0 0 16px;padding:8px 12px;font-size:13px;font-weight:500}.note-field{margin:16px 0 8px;display:block}.note-label{letter-spacing:.3px;color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.note-textarea{min-height:64px;font-size:15px}.picker{z-index:110;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker-backdrop{background:#00000073;position:absolute;inset:0}.picker-panel{background:var(--white);border-radius:var(--radius);flex-direction:column;width:100%;max-width:480px;max-height:calc(100dvh - 32px);margin:16px;animation:.18s card-enter;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000040}.picker-header{background:var(--ink);color:var(--white);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.picker-heading{letter-spacing:.5px;font-size:14px;font-weight:700}.picker-close{color:var(--white);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;margin-right:-8px;font-size:26px;line-height:1;display:inline-flex}.picker-close:hover{background:#ffffff1a}.picker-list{flex:1;padding:8px;overflow-y:auto}.picker-item{text-align:left;width:100%;font-family:var(--font-sans);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:48px;padding:12px;font-size:14px;display:grid}.picker-item:hover{background:var(--surface-muted)}.picker-item.is-current{background:var(--primary-soft);color:var(--primary-dark);font-weight:700}.picker-num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.picker-item.is-current .picker-num{color:var(--primary-dark)}.picker-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-state{letter-spacing:.4px;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.picker-state.is-answered{background:var(--primary-soft);color:var(--primary-dark)}.picker-state.is-skipped{background:var(--warning-soft);color:var(--warning)}.picker-state.is-viewed,.picker-state.is-pending{background:var(--surface-muted);color:var(--muted)}.picker-item.is-current .picker-state.is-viewed,.picker-item.is-current .picker-state.is-pending{background:var(--white)}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-card);width:100%;max-width:480px;padding:24px;animation:.3s card-enter}@keyframes card-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.card,.resume-banner{animation:none}}@media (width>=720px){.page,.card{padding:32px}}.category{letter-spacing:1.4px;text-transform:uppercase;color:var(--primary);margin-bottom:12px;font-size:11px;font-weight:600}.card-title{letter-spacing:-.01em;color:var(--ink);margin:0 0 16px;font-size:22px;font-weight:800;line-height:1.25}@media (width>=720px){.card-title{font-size:28px}}.divider{border:0;border-top:1px solid var(--border);margin:16px 0}.context{color:var(--ink);margin:0 0 24px;font-size:15px;line-height:1.6}.question{color:var(--ink);margin:0 0 20px;font-size:17px;font-weight:700;line-height:1.4}.actions{flex-direction:column;gap:10px;margin-top:24px;display:flex}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;text-align:center;border:1.5px solid #0000;width:100%;min-height:48px;padding:14px 24px;font-size:16px;font-weight:700;line-height:1;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s}.btn-primary{background:var(--primary);color:var(--white);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 0 24px #2960f64d}.btn-secondary{background:var(--white);color:var(--primary);border-color:var(--primary)}.btn-secondary:hover{background:var(--primary-soft)}.btn-tertiary{color:var(--muted);text-underline-offset:3px;background:0 0;border-color:#0000;min-height:44px;padding:10px 24px;text-decoration:underline}.btn-tertiary:hover{color:var(--ink)}.btn:disabled{opacity:.6;cursor:not-allowed}.voice-control{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.voice-control.is-done,.voice-control.is-active,.voice-control.is-uploading{flex-direction:column;gap:12px;display:flex}.voice-actions{flex-wrap:wrap;gap:10px;display:flex}.voice-btn{font-family:var(--font-sans);border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--white);min-height:48px;color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:700;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.voice-btn:disabled{opacity:.6;cursor:not-allowed}.voice-icon{font-size:13px;line-height:1}.voice-record{color:var(--primary);border-color:var(--primary);justify-content:center;width:100%}.voice-record:not(:disabled):hover{background:var(--primary-soft)}.voice-record .voice-icon,.voice-rerecord .voice-icon{color:var(--warning)}.voice-stop{color:var(--white);background:var(--primary);border-color:var(--primary);flex:1;justify-content:center}.voice-stop:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.voice-pause,.voice-resume,.voice-rerecord,.voice-delete{flex:1;justify-content:center}.voice-delete{color:var(--muted)}.voice-delete:not(:disabled):hover{color:var(--warning);border-color:var(--warning)}.voice-status{border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--ink);align-items:center;gap:10px;padding:10px 14px;display:flex}.voice-control.is-paused .voice-status{background:var(--surface-muted)}.voice-dot{background:var(--warning);border-radius:50%;flex:none;width:12px;height:12px}.voice-control.is-recording .voice-dot{animation:1.2s ease-in-out infinite voice-pulse}.voice-control.is-paused .voice-dot{background:var(--muted);animation:none}@keyframes voice-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.voice-state-label{font-size:14px;font-weight:700}.voice-timer{font-variant-numeric:tabular-nums;color:var(--ink);margin-left:auto;font-size:16px;font-weight:700}.voice-uploading-label{color:var(--muted);font-size:14px}.voice-player{width:100%;height:40px}.voice-error{color:var(--warning);margin:8px 0 0;font-size:14px}.error{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-card);text-align:center;width:100%;max-width:480px;padding:32px;animation:.3s card-enter}.error-mark{background:var(--warning-soft);width:48px;height:48px;color:var(--warning);border-radius:50%;margin:0 auto 16px;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:28px;font-weight:700;line-height:48px}.error-title{color:var(--ink);margin:0 0 8px;font-size:20px;font-weight:700}.error-body{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.loading{color:var(--muted);text-align:center;padding:48px 16px;font-size:14px;animation:1.4s ease-in-out infinite loading-pulse}@keyframes loading-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.loading{opacity:.7;animation:none}}.context.muted{color:var(--muted)}.textarea{font-family:var(--font-sans);color:var(--ink);background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);resize:vertical;width:100%;min-height:120px;padding:12px 14px;font-size:16px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2960f61f}.save-banner{background:var(--warning-soft);border:1px solid var(--warning);width:100%;max-width:480px;color:var(--ink);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;font-size:14px;display:flex}.resume-banner{background:var(--primary-soft);border:1px solid var(--primary);width:100%;max-width:480px;color:var(--primary-dark);border-radius:var(--radius-sm);text-align:center;margin-bottom:12px;padding:10px 14px;font-size:14px;font-weight:600;animation:.3s resume-fade-in}@keyframes resume-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.banner-retry{font-family:var(--font-sans);border:1.5px solid var(--warning);color:var(--warning);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;min-height:36px;padding:8px 14px;font-size:14px;font-weight:700}.banner-retry:hover{background:var(--warning);color:var(--white)}.card.complete{text-align:center}.card.complete .category{color:var(--muted)}.card.complete .card-title{color:var(--primary-dark)}.btn-link{font-family:var(--font-sans);background:var(--primary-soft);color:var(--primary-dark);border:1.5px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;margin:0 0 24px;padding:10px 16px;font-size:14px;font-weight:700;transition:background-color .15s,color .15s;display:inline-flex}.btn-link:hover{background:var(--primary);color:var(--white)}.btn-link:before{content:"↗";font-size:16px;line-height:1}.options{flex-direction:column;gap:8px;margin:0 0 16px;display:flex}.option{font-family:var(--font-sans);text-align:left;background:var(--white);color:var(--ink);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:14px 16px;font-size:15px;font-weight:500;line-height:1.4;transition:background-color .15s,border-color .15s;display:flex}.option:hover{border-color:var(--primary)}.option.selected{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark);font-weight:700}.option-mark{border:1.5px solid var(--border);width:22px;height:22px;color:var(--primary);background:var(--white);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.option.selected .option-mark{background:var(--primary);color:var(--white);border-color:var(--primary)}.option-text{flex:1}.option:disabled{opacity:.6;cursor:not-allowed}.input{font-family:var(--font-sans);color:var(--ink);background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;margin:0 0 16px;padding:12px 14px;font-size:16px;line-height:1.4;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2960f61f}.contact-fields{flex-direction:column;gap:0;display:flex}.contact-fields .input{margin-bottom:12px}.dropzone{background:var(--primary-soft);border:1.5px dashed var(--primary);border-radius:var(--radius-sm);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:120px;margin:0 0 16px;padding:24px 16px;transition:background-color .15s;display:flex}.dropzone:hover{background:#d9e3fd}.dropzone input[type=file]{display:none}.dropzone.is-disabled{opacity:.6;cursor:not-allowed}.dropzone.is-full{background:var(--surface-muted);border-color:var(--border);cursor:default;color:var(--muted);font-size:14px}.dropzone-label{color:var(--primary-dark);font-size:15px;font-weight:700}.dropzone-hint{color:var(--muted);font-size:12px}.file-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.file-chip{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.file-chip .file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-chip .file-size{color:var(--muted);font-size:12px}.file-chip.is-pending{border-color:var(--primary);background:var(--primary-soft)}.file-chip .file-error{color:var(--warning);font-weight:700}.file-remove{color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;line-height:1;display:inline-flex}.file-remove:hover{color:var(--warning);background:var(--surface-muted)}.modal{z-index:100;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.modal-backdrop{background:#00000073;position:absolute;inset:0}.modal-panel{background:var(--white);border-radius:var(--radius);flex-direction:column;width:100%;max-width:960px;margin:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000040}.modal-header{background:var(--ink);color:var(--white);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-title{letter-spacing:.5px;font-size:14px;font-weight:700}.modal-close{color:var(--white);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;margin-right:-8px;font-size:28px;line-height:1;display:inline-flex}.modal-close:hover{background:#ffffff1a}.modal-iframe{background:var(--surface-muted);border:0;flex:1;width:100%;min-height:0}.modal-image{object-fit:contain;background:var(--surface-muted);flex:1;width:100%;min-height:0;padding:16px}@media (width>=720px){.modal-panel{margin:32px}}