:root{--paper:#f4f1ec;--surface:#fff;--surface-2:#faf8f5;--inset:#f3f0ea;--ink:#2b2833;--ink-2:#6b6577;--ink-3:#9b95a3;--line:#e6e0d6;--line-strong:#d6cdbf;--brand:#3d3a4e;--brand-deep:#2e2c3a;--brand-soft:#ece9ef;--accent:#6b5b95;--accent-deep:#574878;--accent-soft:#efeaf4;--terra:#a8745a;--terra-soft:#f3e9e1;--ok:#3f7a5c;--ok-soft:#e6f0ea;--warn:#9a6f1f;--warn-soft:#f5ecd9;--danger:#9c4a3f;--danger-soft:#f3e3e0;--frozen:#3f6285;--frozen-soft:#e5ecf3;--neutral:#6b6577;--neutral-soft:#ece9e4;--serif:"Spectral", Georgia, serif;--sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", "SF Mono", monospace}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #6b5b9547}.respondent-shell{place-items:center;min-height:100vh;padding:18px;display:grid}.respondent-shell[data-viewport=desktop]{padding:24px}.respondent-shell[data-viewport=mobile]{place-items:stretch stretch;padding:0}.respondent-surface{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-direction:column;width:100%;min-height:min(760px,100vh - 36px);display:flex;overflow:hidden}.respondent-shell[data-viewport=mobile] .respondent-surface{border:0;border-radius:0;max-width:none;min-height:100vh}.respondent-shell[data-viewport=tablet] .respondent-surface{max-width:640px}.respondent-shell[data-viewport=desktop] .respondent-surface{max-width:860px}header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:58px;padding:8px 16px;display:grid}.brand-row{font-family:var(--serif);justify-self:start;align-items:center;gap:9px;font-weight:600;display:flex}.viewport-toggle{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;justify-self:center;gap:4px;padding:3px;display:inline-flex}.viewport-toggle button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:5px 8px;font-size:11px;font-weight:600}.viewport-toggle button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line-strong)}.step-label{font-family:var(--mono);color:var(--ink-2);text-transform:lowercase;font-size:11px}.header-actions{justify-self:end;align-items:center;gap:9px;min-width:0;display:inline-flex}.auto-mode{border:1px solid var(--line);background:var(--surface-2);min-height:30px;color:var(--ink-2);font-family:var(--mono);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:3px 7px 3px 5px;font-size:11px;font-weight:600;display:inline-flex}.auto-mode input{width:14px;height:14px;accent-color:var(--brand)}.auto-mode:has(input:checked){background:var(--brand-soft);color:var(--brand);border-color:var(--brand)}.mark{border:1px solid var(--line-strong);border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.question-code{font-family:var(--mono);color:var(--ink-2);font-size:11px}.screen,.state{flex-direction:column;flex:1;gap:18px;padding:26px 18px;display:flex}.respondent-shell[data-viewport=desktop] .screen,.respondent-shell[data-viewport=desktop] .state{padding:32px 28px}h1{font-family:var(--serif);letter-spacing:0;margin:0;font-size:28px;line-height:1.12}p{color:var(--ink-2);margin:0;line-height:1.45}dl{gap:10px;margin:0;display:grid}dl div{border-top:1px solid var(--line);padding-top:10px}dt{color:var(--ink-2);font-size:12px}dd{margin:3px 0 0;font-weight:600}.primary-action{border:1px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-weight:600;display:inline-flex}.secondary-action{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;font-weight:600;display:inline-flex}.secondary-action:disabled{opacity:.45;cursor:not-allowed}.primary-action:disabled{opacity:.5;cursor:not-allowed}.privacy-note{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:6px;gap:8px;padding:14px;display:grid}.privacy-note p{margin:0}.check-row{border:1px solid var(--line);border-radius:6px;grid-template-columns:22px 1fr;align-items:start;gap:10px;padding:12px;display:grid}.choice-list{gap:10px;display:grid}.choice{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:10px;padding:12px 14px;display:flex}.choice.selected{background:var(--accent-soft);border-color:var(--accent)}.response-status-panel{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.response-status-trigger{justify-self:start}.response-status-trigger.selected{border-color:var(--accent);background:var(--accent-soft)}.response-status-options{border:1px solid var(--accent);background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent);border-radius:6px;gap:8px;padding:14px;display:grid}.response-status-heading{gap:2px;margin-bottom:4px;display:grid}.response-status-heading strong{color:var(--ink);font-size:15px}.response-status-heading span{color:var(--ink-2);font-size:13px}.response-status-option{border:1px solid var(--line-strong);background:var(--surface);min-height:46px;color:var(--ink);cursor:pointer;text-align:left;border-radius:6px;grid-template-columns:22px 1fr;align-items:center;gap:10px;padding:11px 12px;display:grid}.response-status-option:hover{border-color:var(--accent)}.response-status-option.selected{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 1px #6b5b952e}.response-status-choice-mark{border:2px solid var(--line-strong);color:#fff;background:var(--surface);border-radius:50%;place-items:center;width:22px;height:22px;font-size:14px;font-weight:700;display:grid}.response-status-option.multiple .response-status-choice-mark{border-radius:5px}.response-status-option.selected .response-status-choice-mark{border-color:var(--accent);background:var(--accent)}.segmented-choice{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.scale-choice{grid-template-columns:repeat(auto-fit,minmax(54px,1fr))}.likert-choice{grid-template-columns:1fr}.likert-choice .choice{justify-content:flex-start;align-items:center;min-height:58px;font-size:18px}.toggle-control{border:1px solid var(--line-strong);cursor:pointer;min-height:48px;color:var(--ink-2);background:var(--surface);border-radius:999px;justify-self:start;align-items:center;gap:12px;padding:5px 16px 5px 6px;display:inline-flex}.toggle-control input{appearance:none;border:1px solid var(--line-strong);background:var(--surface-2);border-radius:999px;width:48px;height:28px;position:relative}.toggle-control input:after{content:"";background:var(--surface);width:22px;height:22px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;transition:transform .16s;position:absolute;top:2px;left:2px}.toggle-control input:checked{background:var(--brand);border-color:var(--brand)}.toggle-control input:checked:after{transform:translate(20px)}.toggle-control.selected{color:var(--brand);border-color:var(--brand)}.question-help,.selection-hint,.qualitative-hint{color:var(--ink-2);font-size:13px;line-height:1.45}.qualitative-hint{border-left:3px solid var(--brand);background:var(--brand-soft);border-radius:6px;padding:10px 12px}.text-answer{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:44px;color:var(--ink);border-radius:6px;padding:10px 12px;font-size:14px;line-height:1.55}.text-answer:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.time-answer{font-variant-numeric:tabular-nums;letter-spacing:.04em;width:auto;min-width:6.5rem;max-width:8rem}.text-answer-multiline{resize:vertical;overflow-wrap:anywhere;white-space:pre-wrap;min-height:calc(7.75em + 20px)}.text-answer[aria-invalid=true]{border-color:var(--danger)}.char-counter{color:var(--ink-3);justify-self:end;font-size:12px;font-weight:500}.question-field{border:0;gap:14px;margin:0;padding:0;display:grid}.question-field legend{gap:8px;padding:0;display:grid}.question-field legend>span:last-of-type{font-family:var(--serif);font-size:26px;line-height:1.15}.question-field em{color:var(--danger);font-size:12px;font-style:normal}.input-label{color:var(--ink-2);gap:7px;font-size:13px;font-weight:500;display:grid}.two-column-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.slider-control{gap:10px;display:grid}.slider-control input[type=range]{accent-color:var(--accent)}.slider-meta{color:var(--ink-2);justify-content:space-between;font-size:13px;display:flex}.slider-meta strong{color:var(--accent);font-size:18px}.counter-control{grid-template-columns:48px 1fr 48px;display:grid}.counter-control button{border:1px solid var(--line-strong);background:var(--inset);color:var(--ink);cursor:pointer;font-size:22px}.counter-control button:first-child{border-radius:6px 0 0 6px}.counter-control button:last-child{border-radius:0 6px 6px 0}.counter-control .text-answer{text-align:center;border-left:0;border-right:0;border-radius:0}.counter-control input[type=number],.affix-number-control input[type=number],.text-answer[type=number]{appearance:textfield}.counter-control input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.counter-control input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.affix-number-control input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.affix-number-control input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.text-answer[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.text-answer[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.affix-number-control{border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;min-height:44px;display:grid;overflow:hidden}.affix-number-control span{min-width:44px;height:100%;color:var(--ink-2);background:var(--surface-2);border-right:1px solid var(--line-strong);place-items:center;display:grid}.affix-number-control span:last-child{border-right:0;border-left:1px solid var(--line-strong)}.affix-number-control .text-answer{border:0;border-radius:0}.file-control{gap:10px;display:grid}.file-drop{border:2px dashed var(--line-strong);background:var(--surface-2);min-height:120px;color:var(--ink-2);cursor:pointer;text-align:center;border-radius:8px;place-items:center;gap:8px;padding:18px;display:grid}.file-drop input{display:none}.file-row{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:6px;padding:10px 12px}.ranking-control{gap:10px;display:grid}.ranking-hint{color:var(--ink-3);margin:0;font-size:13px;line-height:1.45}.ranking-list{gap:8px;display:grid}.ranking-row{border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;grid-template-columns:32px 36px 1fr auto;align-items:center;gap:10px;padding:10px;transition:border-color .15s,box-shadow .15s,background-color .15s,opacity .15s,transform .15s;display:grid}.ranking-row.is-dragging{opacity:.62;border-style:dashed;border-color:var(--accent);transform:scale(1.01);box-shadow:0 10px 24px #2418361f}.ranking-row.is-drop-target{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.ranking-handle{width:28px;height:28px;color:var(--ink-3);cursor:grab;touch-action:none;background:0 0;border:none;border-radius:5px;place-items:center;display:grid}.ranking-handle:hover{color:var(--ink);background:color-mix(in srgb, var(--accent-soft) 70%, var(--surface))}.ranking-handle:active{cursor:grabbing}.rank-badge{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:999px;place-items:center;font-weight:700;display:grid}.rank-actions{gap:4px;display:inline-flex}.rank-actions button{border:1px solid var(--line-strong);background:var(--surface);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:5px}.rank-actions button:disabled{opacity:.4;cursor:not-allowed}.constant-sum-control{gap:8px;display:grid}.constant-sum-row{grid-template-columns:minmax(160px,1.4fr) minmax(96px,140px) auto;align-items:center;gap:10px;display:grid}.constant-sum-row input{text-align:right}.constant-sum-unit{color:var(--muted,#667085)}.constant-sum-total{margin-top:4px;font-weight:600}.constant-sum-total.warn{color:var(--danger,#b42318)}.constant-sum-total.ok{color:var(--success,#067647)}.matrix-control{overflow-x:auto}.matrix-grid{border:1px solid var(--line);border-radius:8px;min-width:680px;display:grid;overflow:hidden}.matrix-row-fragment{display:contents}.matrix-head,.matrix-statement,.matrix-cell{border-bottom:1px solid var(--line);padding:12px}.matrix-head{background:var(--surface-2);color:var(--ink-2);text-transform:uppercase;font-size:12px}.matrix-statement{background:var(--surface);line-height:1.35}.matrix-statement em{margin-left:4px}.matrix-cell{color:var(--ink-2);text-align:center;cursor:pointer;place-items:center;display:grid}.matrix-cell span{display:none}.matrix-cell.selected{background:var(--accent-soft);color:var(--accent)}.signature-pad{border:1px dashed var(--line-strong);background:var(--surface-2);color:var(--ink-2);border-radius:8px;gap:10px;padding:18px;display:grid}.signature-pad.signed{background:var(--ok-soft);color:var(--ok);border-style:solid}.signature-title{align-items:center;gap:8px;display:inline-flex}.signature-pad canvas{border:1px dashed var(--line-strong);background:var(--surface);touch-action:none;border-radius:6px;width:100%;height:180px}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:0;font-weight:600}.field-error{color:var(--danger);align-items:flex-start;gap:5px;margin:0;font-size:12px;line-height:1.45;display:flex}.progress-wrap{gap:8px;display:grid}.progress-meta{color:var(--ink-2);justify-content:space-between;font-size:12px;display:flex}.progress-track{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.progress-track span{background:var(--brand);height:100%;transition:width .18s;display:block}.nav-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.save-note{color:var(--ok);font-size:13px}.review-list{border-top:1px solid var(--line);display:grid}.review-error-summary{background:var(--danger-soft);color:var(--danger);border:1px solid #e0c9c3;border-radius:8px;gap:12px;padding:14px;display:grid}.review-error-summary>div:first-child{gap:3px;display:grid}.review-error-summary strong{color:var(--danger)}.review-error-summary span{color:var(--ink-2);font-size:13px}.review-error-list{gap:8px;display:grid}.review-error-list button{background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;border:1px solid #d8b6ae;border-radius:6px;gap:4px;padding:10px 12px;display:grid}.review-error-list button span{color:var(--danger);font-family:var(--mono);font-size:11px}.review-error-list button b{overflow-wrap:anywhere;font-weight:600}.review-error-list button em,.review-row em{color:var(--danger);font-size:12px;font-style:normal;line-height:1.4}.review-row{border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;background:0 0;gap:5px;width:100%;min-height:58px;padding:12px 0;display:grid}.review-row-error{background:color-mix(in srgb, var(--danger-soft) 55%, transparent);border-left:3px solid var(--danger);padding-left:10px;padding-right:10px}.review-row span,.review-row strong{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.review-row span{color:var(--ink-2);font-size:13px}.review-row strong{font-weight:600;line-height:1.45}.message{background:var(--danger-soft);color:var(--danger);border:1px solid #e0c9c3;border-radius:6px;margin:12px 16px 0;padding:10px 12px;font-size:14px;line-height:1.45}.done svg{color:var(--ok)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=520px){.viewport-toggle{display:none}header{grid-template-columns:1fr auto}.two-column-control{grid-template-columns:1fr}.matrix-grid{border:0;gap:10px;min-width:0;display:grid}.matrix-head{display:none}.matrix-row-fragment{border:1px solid var(--line);border-radius:8px;display:grid;overflow:hidden}.matrix-statement,.matrix-cell{border-bottom:1px solid var(--line)}.matrix-cell{text-align:left;grid-template-columns:24px 1fr;place-items:stretch stretch}.matrix-cell span{display:block}}.preview-banner{background:var(--warn-soft);color:var(--warn);border-radius:10px;margin:0 0 12px;padding:10px 14px;font-size:.92rem;font-weight:500}.question-media{border:1px solid var(--line);background:var(--paper);border-radius:8px;margin:0 0 18px;padding:12px}.question-media figcaption{color:var(--muted);margin-bottom:10px;font-size:.94rem;font-weight:600}.question-media img{object-fit:contain;border-radius:6px;max-width:100%;max-height:420px;display:block}.question-media audio{width:100%}.question-media-pdf object{border:1px solid var(--line);border-radius:6px;width:100%;min-height:420px}.question-media-error{color:var(--danger);margin:0}@media (width<=520px){.question-media-pdf object{min-height:0}}