.form-page{min-width:0;container-type:inline-size}.form-page>.form-page-grid{gap:var(--space-5,28px);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;display:grid}.form-page-item{grid-column:span 2;min-width:0}.form-page-item-half{grid-column:span 1}@container (width<=36rem){.form-page-item-half{grid-column:span 2}}.field-preview [data-preview-control]{opacity:1;color:inherit;-webkit-text-fill-color:inherit;cursor:default;pointer-events:none}.field-dropdown{align-items:center;gap:8px;display:flex}.field-dropdown .cn-select-trigger{flex:1;min-width:0}.field-dropdown-clear{min-width:44px;min-height:44px;font-size:13px}.respondent-screen>.eyebrow{font-size:12px}.respondent-screen.public-welcome{padding:8px 0 24px}.respondent-screen .respondent-screen-title{width:100%;font-family:var(--font-display);letter-spacing:-.04em;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-text);margin:24px 0 16px;font-size:32px;font-weight:600;line-height:1.15;display:block}.respondent-screen .respondent-screen-description{width:100%;font-family:var(--font-sans);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-muted);margin:0 0 24px;font-size:16px;font-weight:400;line-height:1.6;display:block}.respondent-screen .respondent-screen-disclosure{margin:24px 0 0;font-size:13px;line-height:1.6}.respondent-screen.runner-complete{text-align:center;padding:32px 0}.respondent-screen.runner-complete .respondent-screen-title{margin-top:0;font-size:28px}.respondent-screen.runner-complete .respondent-screen-description{margin-bottom:0;font-size:16px}.completion-mark{border:1px solid var(--color-border);background:var(--color-accent-soft);border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:24px;font-size:25px;display:inline-flex}@container respondent-sheet (width<=500px){.respondent-screen.public-welcome{padding:8px 0 16px}.respondent-screen.public-welcome .respondent-screen-title{font-size:28px}.respondent-screen.public-welcome .respondent-screen-description{font-size:16px}}.respondent-screen .respondent-start-button{max-width:100%;min-height:var(--control-min);white-space:normal}.respondent-start-label{overflow-wrap:anywhere;min-width:0}.respondent-identity{border:0;min-width:0;max-width:480px;margin:24px 0;padding:0}.respondent-identity legend{margin-bottom:16px;font-size:16px;font-weight:500}.respondent-identity label{margin:16px 0 8px;font-size:16px;display:block}.respondent-identity input{box-sizing:border-box;width:100%}.respondent-identity .fine-print{margin:12px 0 0;font-size:13px;line-height:1.6}.response-identity-help{color:var(--color-muted);margin-top:15px;font-size:13px}.respondent-progress{color:var(--color-muted);margin-block-end:var(--space-6,1.5rem);font-size:.8125rem}.respondent-progress-stages{flex-wrap:wrap;gap:.35rem 1rem;margin:0 0 .7rem;padding:0;font-size:.75rem;list-style:none;display:flex}.respondent-progress-stages li[aria-current=step]{color:var(--color-text);font-weight:600}.respondent-progress-heading{color:var(--color-text);flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-weight:600;display:flex}.respondent-progress-meter{background:var(--color-border);border-radius:2px;height:3px;margin-top:.6rem;overflow:hidden}.respondent-progress-meter>span{background:var(--color-accent);height:100%;display:block}.respondent-progress-hint{margin:.45rem 0 0;font-size:.75rem;line-height:1.5}.preparation-splash{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:360px;padding:44px 22px;display:flex}.preparation-splash h2{text-wrap:balance;margin:0 0 12px;font-size:clamp(23px,3vw,30px)}.preparation-splash>p{max-width:330px;margin:0;font-size:13px;line-height:1.7}.preparation-splash.is-page{min-height:0;padding:0}.preparation-splash.is-page h1{letter-spacing:-.045em;text-wrap:balance;max-width:640px;margin:17px 0 18px;font-size:clamp(32px,4.8vw,50px);line-height:1.12}.preparation-splash.is-page>p{max-width:390px;font-size:15px}.preparation-paper{border:1px solid var(--color-border-strong);background:var(--color-surface);width:112px;height:138px;box-shadow:5px 5px 0 -1px var(--color-surface), 5px 5px 0 0 var(--color-border), var(--shadow-sm);border-radius:3px;margin-bottom:44px;padding:29px 21px;position:relative;transform:rotate(-6deg)}.preparation-paper-tab{background:var(--color-accent-soft);border:1px solid color-mix(in srgb, var(--color-accent) 35%, transparent);width:50px;height:19px;position:absolute;top:-10px;left:29px;transform:rotate(3deg)}.preparation-paper-heading,.preparation-paper-line{background:var(--color-border);border-radius:2px;height:3px;display:block}.preparation-paper-heading{background:var(--color-accent);width:37px;height:5px;margin-bottom:20px}.preparation-paper-line{margin-top:11px}.preparation-paper-line-short{width:70%}.preparation-paper-pencil{background:var(--color-accent);transform-origin:bottom;border-radius:2px 2px 0 0;width:8px;height:83px;animation:2.8s ease-in-out infinite preparation-pencil;position:absolute;bottom:4px;right:-17px;transform:rotate(30deg)}.preparation-paper-pencil:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:10px solid var(--color-text);position:absolute;bottom:-10px;left:0}.preparation-progress{background:var(--color-border);border-radius:3px;width:128px;height:3px;margin-top:28px;overflow:hidden}.preparation-progress>span{background:var(--color-accent);border-radius:inherit;width:45%;height:100%;animation:2s ease-in-out infinite preparation-progress;display:block}.preparation-splash:not(.is-page) .preparation-paper{width:80px;height:100px;margin-bottom:32px;padding:21px 15px}.preparation-splash:not(.is-page) .preparation-paper-tab{width:37px;height:15px;top:-7px;left:20px}.preparation-splash:not(.is-page) .preparation-paper-heading{width:29px;margin-bottom:12px}.preparation-splash:not(.is-page) .preparation-paper-line{margin-top:8px}.preparation-splash:not(.is-page) .preparation-paper-pencil{width:6px;height:60px;right:-12px}.preparation-splash:not(.is-page) .preparation-paper-pencil:after{border-left-width:3px;border-right-width:3px}@keyframes preparation-progress{0%{transform:translate(-105%)}to{transform:translate(325%)}}@keyframes preparation-pencil{50%{transform:rotate(24deg)translateY(-3px)}}@media (prefers-reduced-motion:reduce){.preparation-paper-pencil,.preparation-progress>span{animation:none}.preparation-progress>span{margin-inline:auto}}.session-stage{position:relative}.session-stage.is-preparing{min-height:300px}.session-stage.is-preparing .session-stage-content{display:none}.session-preparing{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.respondent-sheet{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:var(--respondent-max);border-radius:10px;padding:32px;container:respondent-sheet/inline-size}.respondent-canvas{border:1px solid var(--color-border);background-color:var(--color-bg);background-image:linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);background-size:24px 24px;border-radius:10px;justify-content:center;width:100%;padding:32px;display:flex}.respondent-canvas-column{width:100%;max-width:var(--respondent-max);min-width:0}.respondent-canvas.is-mobile .respondent-canvas-column{max-width:390px}.respondent-canvas-header{align-items:center;gap:16px;min-width:0;margin:0 4px 18px;display:flex}.respondent-canvas-brand{font-family:var(--font-display);letter-spacing:-.05em;color:var(--color-text);flex-shrink:0;align-items:center;gap:3px;font-size:21px;font-weight:600;text-decoration:none;display:inline-flex}.respondent-canvas .respondent-canvas-title{font-family:var(--font-sans);letter-spacing:0;color:var(--color-muted);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:400;line-height:1.5}.respondent-sample-label{color:var(--color-muted);font-family:var(--font-mono);flex-shrink:0;margin-left:auto;font-size:12px}.respondent-canvas .respondent-sheet{min-height:420px;box-shadow:0 8px 24px color-mix(in srgb, var(--color-text) 5%, transparent)}.respondent-canvas-attribution{color:var(--color-muted);justify-content:center;align-items:center;gap:5px;padding-top:20px;font-size:12px;display:flex}.respondent-canvas .session-current{padding-top:0}.respondent-canvas .runner-footer{border-top:0;gap:16px;margin-top:24px;padding-top:0}.respondent-canvas .runner-skip{color:var(--color-muted);font-size:13px}.respondent-question-heading{margin:0 0 24px;font-size:28px;line-height:1.3}.respondent-question-heading>.field-label{font:inherit;letter-spacing:inherit;margin:0}.respondent-canvas .form-page-heading{margin:0 0 24px}.respondent-canvas .form-page-heading h2{margin:10px 0 0;font-size:24px}.respondent-canvas .session-authored-content{margin-bottom:24px}.respondent-canvas.is-mobile{padding:20px 12px 18px}.respondent-canvas.is-mobile .respondent-sheet{padding:24px}.respondent-canvas.is-mobile .respondent-canvas-header{flex-wrap:wrap;gap:8px 12px}.respondent-canvas.is-mobile .respondent-canvas-title{flex-basis:100%;order:2}.respondent-canvas.is-mobile .respondent-question-heading{font-size:24px}@media (width<=600px){.respondent-canvas{padding:20px 12px 18px}.respondent-canvas .respondent-sheet{min-height:380px;padding:24px}.respondent-canvas-header{flex-wrap:wrap;gap:8px 12px}.respondent-canvas .respondent-canvas-title{flex-basis:100%;order:2}.respondent-question-heading{font-size:24px}}.respondent-canvas .runner-fields{gap:var(--space-5)}.respondent-canvas .field-label{overflow-wrap:anywhere;white-space:pre-wrap}.respondent-canvas .field input:not([type=checkbox]):not([type=radio]),.respondent-canvas .field textarea,.respondent-canvas .field select,.respondent-canvas .respondent-identity input{min-height:var(--control-min);font-size:var(--text-base)}.respondent-canvas .field-description,.respondent-canvas .field-paragraph,.respondent-canvas .field-choice{font-size:var(--text-base);line-height:var(--leading-normal);overflow-wrap:anywhere}.respondent-canvas .field-description{white-space:pre-wrap}.respondent-canvas .field-choice{min-height:var(--control-min)}.respondent-canvas .field-choice.is-checked{box-shadow:inset 3px 0 var(--color-accent-text)}.respondent-canvas .field-error,.respondent-canvas .runner-footer>.muted,.respondent-canvas .answer-review>summary,.respondent-canvas .answer-review-item .text-button,.respondent-canvas .fine-print{font-size:13px;line-height:1.6}.respondent-canvas .runner-footer .button,.respondent-canvas .runner-footer .text-button,.respondent-canvas .answer-review-item .text-button,.respondent-canvas .answer-review>summary{min-height:var(--control-min)}.respondent-canvas .runner-footer .button{font-size:14px}.respondent-canvas .runner-footer .runner-skip{padding:8px 12px;font-size:14px}.respondent-canvas .answer-review{margin-top:24px;padding-top:16px}.respondent-canvas .answer-review-item,.respondent-canvas .answer-review-item h3{font-size:16px}.respondent-canvas .session-recovery h2{font-size:24px}.respondent-canvas :is(input,textarea,select,button,summary):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (width<=600px){.respondent-canvas .runner-fields{gap:var(--space-4)}}.preview-device-control{gap:var(--space-1);max-width:100%;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;display:inline-flex}.preview-device-control>button{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--control-min);min-height:var(--control-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-muted);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-snug);cursor:pointer;background:0 0;border:1px solid #0000;display:inline-flex}.preview-device-control>button:hover{background:var(--color-bg-sunken);color:var(--color-text)}.preview-device-control>button[aria-pressed=true]{border-color:var(--color-accent-text);background:var(--color-accent-soft);color:var(--color-accent-text)}.preview-device-control>button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.preview-device-control svg{flex-shrink:0}
