.question-progress-bar{z-index:40;background:var(--neutral-200);height:3px;position:fixed;top:0;left:0;right:0}.question-progress-bar-fill{background:var(--primary);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.question-back-btn,.question-cancel-btn,.question-close-btn{border:1px solid var(--neutral-200);color:var(--neutral-600);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#fffc;border-radius:9999px;align-items:center;gap:4px;padding:8px 12px;font-size:.875rem;text-decoration:none;transition:all .15s;display:flex}.question-back-btn:hover:not(:disabled),.question-cancel-btn:hover,.question-close-btn:hover:not(:disabled){border-color:var(--neutral-300);background:var(--surface)}.question-back-btn:disabled,.question-close-btn:disabled{opacity:.5;cursor:not-allowed}.question-close-btn{padding:8px}@media (max-width:480px){.question-cancel-btn{padding:8px}.question-cancel-label{display:none}}.question-screen-typeform{background:var(--background-2);flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.question-content-centered{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:640px;margin:0 auto;padding:80px 24px 140px;display:flex}.question-title-typeform{color:var(--foreground);font-family:var(--font-body);letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(1.5rem,1.2rem + 1.5vw,2rem);font-weight:600;line-height:1.3}.question-subtitle-typeform{color:var(--neutral-600);white-space:pre-line;margin-bottom:32px;font-size:1rem;line-height:1.5}.question-hint-typeform{color:var(--muted-foreground);margin-top:8px;font-size:.75rem}.answer-options-typeform{flex-direction:column;gap:6px;display:flex}.answer-option-typeform{border:2px solid var(--neutral-200);background:var(--surface);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:12px;width:100%;padding:16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.answer-option-typeform:hover:not(:disabled):not(.answer-option-selected){border-color:var(--neutral-300);transform:translateY(-1px);box-shadow:0 1px 2px #0f10120d}.answer-option-typeform.answer-option-selected{border-color:var(--accent-blue-strong);background:var(--secondary)}.answer-option-typeform:disabled{opacity:.6;cursor:not-allowed}.option-letter{border:1px solid var(--neutral-200);background:var(--muted);width:32px;height:32px;color:var(--neutral-600);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.answer-option-selected .option-letter{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.option-text-typeform{color:var(--foreground);flex:1;font-size:1rem;line-height:1.4}.option-checkbox{border:2px solid var(--neutral-300);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.answer-option-selected .option-checkbox{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}@keyframes option-selected{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}.answer-option-just-selected{animation:.3s cubic-bezier(.16,1,.3,1) option-selected}@keyframes option-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.option-stagger{animation:.26s cubic-bezier(.16,1,.3,1) backwards option-enter}.option-stagger>.answer-option-typeform{width:100%}.btn-ok{border-radius:var(--radius-pill);background:var(--primary);color:var(--primary-foreground);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-ok:hover:not(:disabled){background:var(--neutral-700);transform:translateY(-1px)}.btn-ok:disabled{opacity:.5;cursor:not-allowed}.keyboard-hints{border:1px solid var(--neutral-200);color:var(--muted-foreground);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:9999px;align-items:center;gap:16px;padding:8px 16px;font-size:.75rem;display:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (min-width:768px) and (hover:hover){.keyboard-hints{display:flex}}.keyboard-hint{align-items:center;gap:6px;display:flex}.keyboard-key{border:1px solid var(--neutral-300);background:var(--muted);min-width:22px;height:22px;color:var(--neutral-700);text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:500;display:inline-flex}.text-input-typeform{border:2px solid var(--neutral-200);background:var(--surface);width:100%;min-height:120px;color:var(--foreground);resize:none;border-radius:12px;padding:16px;font-family:inherit;font-size:1rem;transition:border-color .15s,box-shadow .15s}.text-input-typeform::placeholder{color:var(--neutral-400)}.text-input-typeform:focus{border-color:var(--accent-blue-strong);outline:none;box-shadow:0 0 0 3px #98bbf440}.followup-typeform{margin-top:16px}.followup-prompt-typeform{color:var(--muted-foreground);white-space:pre-line;margin-bottom:8px;font-size:.875rem}.submit-row-typeform{margin-top:24px}.notice-typeform{background:#fef3e2e6;border:1px solid #b45309;border-radius:10px;margin-top:16px;padding:14px 16px}.notice-title-typeform{color:#7a4d08;margin-bottom:4px;font-size:.9375rem;font-weight:650}.notice-body-typeform{color:#7a4d08;white-space:pre-line;font-size:.875rem}.file-upload-typeform{border:2px dashed var(--neutral-300);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;justify-content:center;align-items:center;margin-top:16px;padding:40px 24px;display:flex}.file-upload-icon-typeform{width:48px;height:48px;color:var(--neutral-400);margin-bottom:12px}.file-upload-title-typeform{color:var(--foreground);margin-bottom:4px;font-size:1rem;font-weight:500}.file-upload-hint-typeform{color:var(--muted-foreground);font-size:.875rem}@keyframes slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-in-right}.animate-slide-in-left{animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-in-left}
