@import"https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@400;500;600;700;800&display=swap";:root{--app-font-family: "Host Grotesk", sans-serif;--page-bg: #f8fafc;--surface: #ffffff;--surface-muted: #f4f7fb;--surface-soft: #f5f8ff;--border: #dde5ee;--border-strong: #bfd0ed;--text: #29323d;--text-muted: #3d4b5c;--text-light: #52606f;--text-faint: #7f8b99;--text-inverse: #ffffff;--title-dark: #191e24;--blue: #306acf;--blue-hover: #285fbf;--blue-soft: #d4e1f7;--blue-muted: #a9c3ef;--blue-gradient-start: #2f6fd8;--blue-gradient-end: #6d9ef1;--success: #13794b;--success-bg: #f3fbf6;--success-border: #cce9d6;--success-strong: #2c8f57;--warning: #b42318;--warning-bg: #fff8f8;--warning-border: #f2d4d4;--danger: #cf2028;--danger-strong: #e9380c;--danger-hover: #cf3208;--icon-tile: #eaeff5;--stage-dark: #0e141f;--stage-dark-strong: #0b0f14;--video-start: #ecf1f7;--video-end: #b7c9dd;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 2px 8px rgba(0, 0, 0, .02);--shadow-modal: 0 10px 30px rgba(17, 24, 39, .14);--shadow-strong: 0 10px 32px rgba(17, 24, 39, .2);--shadow-floating: 0 4px 8px rgba(0, 0, 0, .14), 0 8px 12px rgba(0, 0, 0, .1);--radius-card: 16px;--radius-panel: 12px;--radius-control: 8px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:var(--app-font-family);color:var(--text);background:radial-gradient(circle at top left,rgba(48,106,207,.07),transparent 28%),linear-gradient(180deg,#fbfcfe 0%,var(--page-bg) 18%,#f4f7fb 100%)}body,input,button,textarea,select{font-family:var(--app-font-family)}img,picture,video,canvas,svg{display:block;max-width:100%}button{border:0;background:none}a{color:var(--blue)}a:hover{text-decoration:underline}#root{min-height:100vh}:focus-visible{outline:2px solid rgba(48,106,207,.45);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-shell{min-height:100vh;padding-top:24px;padding-bottom:var(--space-8)}.app-main{width:min(940px,calc(100% - 48px));margin:0 auto;display:flex;flex-direction:column;gap:20px}.app-main--narrow{width:min(640px,calc(100% - 48px))}.app-main--wide{width:min(1240px,calc(100% - 48px))}.screen-card,.status-card,.completion-card,.loading-card{background:#fffffff5;border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.screen-card__progress{padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--blue);color:var(--text-inverse);border-radius:var(--radius-card) var(--radius-card) 0 0;font-size:16px}.screen-card__progress strong{font-weight:600}.screen-card__body{padding:24px}.welcome-simple,.question-simple,.status-card,.completion-card,.loading-card{background:#fffffff5;border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.welcome-simple,.question-simple{padding:32px}.welcome-simple__header{max-width:520px}.page-eyebrow{margin-bottom:10px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}.page-title{font-size:32px;line-height:1.3;font-weight:600;color:var(--title-dark)}.page-description{margin-top:12px;font-size:16px;line-height:1.7;font-weight:500;color:var(--text-muted)}.page-description--narrow{max-width:480px;margin-left:auto;margin-right:auto}.info-note{margin-top:20px;padding:14px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--surface-soft)}.info-note--compact{margin-top:24px}.info-note__label{font-size:13px;font-weight:600;color:var(--blue)}.info-note__text{margin-top:6px;font-size:14px;line-height:1.6;color:var(--text-muted)}.tip-list{margin-top:24px;display:flex;flex-direction:column;gap:16px}.tip-list--compact{margin-top:20px}.tip-list__item{display:flex;align-items:flex-start;gap:16px}.tip-list__icon{width:44px;height:44px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--icon-tile);color:var(--blue)}.tip-list__icon svg,.status-card__icon svg,.completion-card__icon svg,.button__icon{width:20px;height:20px}.tip-list__copy h2{font-size:16px;font-weight:600;color:var(--text)}.tip-list__copy p{margin-top:4px;font-size:15px;line-height:1.6;color:var(--text-muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 20px;border-radius:var(--radius-pill);font-size:16px;font-weight:500;line-height:1;cursor:pointer;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease,opacity .2s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;transform:none}.button--full{width:100%}.button--primary{color:var(--text-inverse);background:var(--blue);box-shadow:var(--shadow-card)}.button--primary:hover:not(:disabled){background:var(--blue-hover)}.button--primary:disabled{background:var(--blue-muted);box-shadow:none}.nav-container{margin-top:24px}.question-simple__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.question-simple__count{font-size:20px;line-height:1.35;font-weight:600;color:var(--title-dark)}.question-simple__tag{display:inline-flex;align-items:center;padding:8px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-muted);font-size:13px;font-weight:500;color:var(--text-light)}.question-simple__tag--required{border-color:var(--blue-muted);background:var(--blue-soft);color:var(--blue)}.progress-wrapper{margin-top:20px}.progress-wrapper--compact{margin-top:18px}.progress-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px;color:var(--text-light)}.progress-bar{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:#2f6fd81f;box-shadow:inset 0 0 0 1px #2f6fd80f}.progress-bar__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue-gradient-start),var(--blue-gradient-end));transition:width .45s ease}.question{margin-top:20px}.question__text{font-size:16px;line-height:1.3;font-weight:400;color:var(--title-dark);margin-bottom:18px}.question__description{margin-top:12px;margin-bottom:20px;font-size:16px;line-height:1.6;color:var(--text-muted)}.question__description--helper{margin-top:-8px}.question__error{margin-top:14px;padding:10px 12px;border-radius:12px;border:1px solid var(--warning-border);background:var(--warning-bg);color:var(--warning);font-size:14px;font-weight:500}.question-simple__guidance{margin-top:12px;font-size:14px;line-height:1.6;color:var(--text-light)}.options-list{display:flex;flex-direction:column;gap:12px}.option{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .15s ease}.option:hover{border-color:#bfd1f1;background:#fbfdff;transform:translateY(-1px)}.option--selected{border-color:#bfd1f1;background:#f5f8ff;box-shadow:var(--shadow-card)}.option__indicator{width:22px;height:22px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--blue-muted);background:#fff;display:flex;align-items:center;justify-content:center;margin-top:1px;transition:all .2s ease}.option__indicator-inner{width:10px;height:10px;border-radius:50%;background:var(--blue);opacity:0;transform:scale(.7);transition:all .2s ease}.option--selected .option__indicator{border-color:var(--blue);box-shadow:0 0 0 4px #306acf1f}.option--selected .option__indicator-inner{opacity:1;transform:scale(1)}.option--checkbox .option__indicator{border-radius:6px}.option--checkbox .option__indicator-inner{width:12px;height:12px;border-radius:2px}.option--checkbox.option--selected .option__indicator-inner{clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.option__text{flex:1;font-size:16px;line-height:1.55;color:var(--text)}.option__content{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.option__other-input{width:100%;margin-left:36px;margin-top:12px}.text-input,.textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}.text-input{min-height:48px;padding:12px 14px;font-size:14px}.textarea{min-height:180px;padding:14px;font-size:15px;line-height:1.6;resize:vertical}.text-input:focus,.textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #306acf26}.text-input::placeholder,.textarea::placeholder{color:#91a0b2}.text-input--error,.textarea--error{border-color:var(--warning)}.char-count{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--text-light)}.char-count__progress{width:120px;height:4px;overflow:hidden;border-radius:var(--radius-pill);background:#306acf1f}.char-count__progress-fill{height:100%;background:var(--blue);border-radius:inherit}.char-count__progress-fill--warning{background:var(--danger-strong)}.char-count__progress-fill--success{background:var(--success-strong)}.matrix{border:1px solid var(--border);border-radius:16px;padding:16px;background:var(--surface-muted)}.matrix__scroll-hint,.matrix__progress{font-size:13px;color:var(--text-light)}.matrix__scroll-hint{margin-bottom:10px;display:none}.matrix__table{width:100%;border-collapse:collapse;display:none}.matrix__table th,.matrix__table td{padding:12px;border-bottom:1px solid var(--border);text-align:center;vertical-align:top}.matrix__table th{font-size:13px;font-weight:500;color:var(--text-light)}.matrix__table th:first-child,.matrix__table td:first-child{text-align:left;min-width:180px}.matrix__table td:first-child{font-weight:600;color:var(--text)}.matrix__column-label{display:flex;flex-direction:column;align-items:center;gap:6px}.matrix__column-label-text{color:var(--text-light)}.matrix__row-label{min-width:220px}.matrix__row-label-text{font-weight:600;color:var(--text)}.matrix__row-other-input{margin-top:12px}.matrix__cell{min-width:112px;text-align:center}.matrix__cell--empty{background:#fff9}.matrix__cell-choice{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.matrix__cell-choice:hover{background:#f7faff}.matrix__cell-choice--selected{border-color:#bfd1f1;background:#edf3fe}.matrix__cell-choice input{accent-color:var(--blue)}.matrix__choices{display:flex;flex-wrap:wrap;gap:8px}.matrix__table .matrix__choices{flex-wrap:nowrap;align-items:center;gap:12px 20px}.matrix__table .matrix__choice{flex:0 0 auto;white-space:nowrap}.matrix__choice{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 10px;border:1px solid transparent;border-radius:999px;color:var(--text)}.matrix__choice:hover{background:#f7faff}.matrix__choice--selected{border-color:#bfd1f1;background:#edf3fe}.matrix__choice input{accent-color:var(--blue)}.matrix__other-input{margin-top:10px;max-width:360px}.matrix__cards{display:flex;flex-direction:column;gap:14px}.matrix__card{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:14px;box-shadow:var(--shadow-card)}.matrix__card-title{padding-bottom:12px;border-bottom:1px solid var(--border);font-size:15px;font-weight:600;color:var(--text)}.matrix__card-options{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.matrix__progress{margin-top:14px}.status-card,.completion-card,.loading-card{padding:40px 40px 44px;text-align:center}.status-card__icon,.completion-card__icon{width:48px;height:48px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--icon-tile);color:var(--blue)}.status-card__icon--error{background:#fff1f0;color:var(--warning)}.completion-card--success .completion-card__icon{background:var(--success-bg);color:var(--success)}.completion-card__dot{width:12px;height:12px;border-radius:50%;background:var(--blue)}.feedback-banner{margin:24px auto 0;max-width:520px;padding:12px 14px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:14px}.feedback-banner--success{border:1px solid var(--success-border);background:var(--success-bg);color:var(--success)}.feedback-banner--warning{border:1px solid var(--warning-border);background:var(--warning-bg);color:var(--warning)}.feedback-banner__label{font-weight:600;white-space:nowrap}.feedback-banner__text{color:inherit;line-height:1.6}.status-actions{margin-top:24px}.loading-card{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-spinner{width:44px;height:44px;margin-bottom:18px;border-radius:50%;border:3px solid rgba(48,106,207,.16);border-top-color:var(--blue);animation:spin .9s linear infinite}.loading-title{font-size:24px;line-height:1.3;font-weight:600;color:var(--title-dark)}.loading-subtext{margin-top:10px;max-width:360px;font-size:16px;line-height:1.7;color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 769px){.matrix__table{display:table}.matrix__cards{display:none}}@media (max-width: 900px){.app-main,.app-main--narrow,.app-main--wide{width:min(100%,calc(100% - 24px))}.screen-card,.status-card,.completion-card,.loading-card{border-radius:8px}.screen-card__progress{padding:10px 14px;font-size:13px;border-radius:8px 8px 0 0}.welcome-simple,.question-simple{padding:24px}.page-title,.question__text{font-size:24px}.status-card,.completion-card,.loading-card{padding:28px 22px 30px}.feedback-banner{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.app-shell{padding-top:16px}.app-main,.app-main--narrow,.app-main--wide{width:calc(100% - 32px)}.welcome-simple,.question-simple{padding:16px}.page-title,.question__text{font-size:20px}.question-simple__meta{flex-direction:column;align-items:flex-start}.question-simple__count{font-size:18px}.page-description,.question__description,.tip-list__copy p{font-size:14px}.tip-list__copy h2{font-size:15px}.button{min-height:44px;font-size:15px}.matrix__scroll-hint{display:block}.matrix{padding:12px}}