.survey-page{color:var(--ee-ink);display:grid;font-family:var(--ee-font-sans);gap:var(--ee-space-6)}.survey-page h1{font-size:28px;letter-spacing:-.01em;line-height:34px}.survey-page h1,.survey-page h2,.survey-stage h2{font-family:var(--ee-font-display);font-weight:700;margin:0}.survey-page h2,.survey-stage h2{font-size:24px;line-height:30px}.survey-page h3{font-family:var(--ee-font-display);font-size:20px;font-weight:600;line-height:28px;margin:0}.survey-actions,.survey-header,.survey-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ee-space-4);justify-content:space-between}.survey-header-copy{display:grid;gap:var(--ee-space-2)}.survey-muted{color:var(--ee-ink-muted);font-size:14px;line-height:22px;margin:0}.survey-caption,.survey-page h2.survey-caption{color:var(--ee-ink-muted);font-size:12px;font-weight:700;letter-spacing:.08em;line-height:16px;margin:0;text-transform:uppercase}.survey-mono{font-family:var(--ee-font-mono);font-variant-numeric:tabular-nums}.survey-panel{background:var(--ee-surface);border:1px solid var(--ee-line);border-radius:var(--ee-radius-lg);padding:var(--ee-space-6)}.survey-tip{align-items:center;border:1px dashed var(--ee-line);border-radius:var(--ee-radius-lg);color:var(--ee-ink-muted);display:flex;font-size:14px;gap:var(--ee-space-3);line-height:22px;padding:var(--ee-space-4)}.survey-tip .pi{color:var(--ee-brand)}.survey-error{color:var(--ee-danger);font-size:14px}.survey-empty{justify-items:center;padding:var(--ee-space-12) var(--ee-space-6);text-align:center}.survey-empty,.survey-fields{display:grid;gap:var(--ee-space-4)}.survey-field{display:grid;gap:var(--ee-space-2)}.survey-field>label{color:var(--ee-ink-muted);font-size:13px;font-weight:600}.survey-field .p-inputtext,.survey-field .p-select,.survey-field .p-textarea{width:100%}.survey-stage{display:grid;gap:var(--ee-space-4)}.survey-progress.p-progressbar{background:var(--ee-line);height:var(--ee-space-1)}.survey-answer-list{display:grid;gap:var(--ee-space-3)}.survey-answer,.survey-answer.p-button{align-items:center;background:var(--ee-surface);border:1px solid var(--ee-line);border-radius:var(--ee-radius-md);color:var(--ee-ink);display:flex;font-size:14px;font-weight:600;gap:var(--ee-space-3);justify-content:flex-start;min-height:48px;padding:var(--ee-space-3) var(--ee-space-4);text-align:left}.survey-letter{align-items:center;border:1px solid var(--ee-line-strong);border-radius:var(--ee-radius-sm);display:inline-flex;font-family:var(--ee-font-mono);font-size:12px;height:28px;justify-content:center;min-width:28px}.is-selected .survey-letter{background:var(--ee-brand);border-color:var(--ee-brand);color:var(--ee-on-brand)}.survey-rating{display:grid;gap:var(--ee-space-2);grid-template-columns:repeat(6,minmax(0,1fr))}.survey-rating .survey-rating-button{border-color:var(--ee-line-strong);color:var(--ee-ink);font-family:var(--ee-font-mono);min-width:0;padding-inline:var(--ee-space-1)}.survey-rating-labels{justify-content:space-between}.survey-branding,.survey-rating-labels{color:var(--ee-ink-muted);display:flex;font-size:12px}.survey-branding{gap:var(--ee-space-1);justify-content:center;text-decoration:none}.survey-branding strong{color:var(--ee-ink)}.survey-page .p-inputtext,.survey-page .p-select,.survey-page .p-textarea,.survey-stage .p-inputtext,.survey-stage .p-textarea{background:var(--ee-surface-raised);border-color:var(--ee-line-strong);border-radius:var(--ee-radius-md);color:var(--ee-ink);font-family:var(--ee-font-sans);font-size:14px}.survey-page .p-select-label{color:var(--ee-ink);font-size:14px}.survey-page .p-select-dropdown{color:var(--ee-ink-muted)}.survey-stage .p-inputtext,.survey-stage .p-textarea{width:100%}.survey-page .p-inputtext::-moz-placeholder,.survey-page .p-textarea::-moz-placeholder,.survey-stage .p-inputtext::-moz-placeholder,.survey-stage .p-textarea::-moz-placeholder{color:var(--ee-ink-muted)}.survey-page .p-inputtext::placeholder,.survey-page .p-textarea::placeholder,.survey-stage .p-inputtext::placeholder,.survey-stage .p-textarea::placeholder{color:var(--ee-ink-muted)}.survey-answer.is-selected,.survey-rating .survey-rating-button.is-selected{background:var(--ee-brand-soft);border-color:var(--ee-brand)}@media (max-width:640px){.survey-header{align-items:flex-start}.survey-toolbar{align-items:stretch}.survey-template-grid{grid-template-columns:minmax(0,1fr)}}.survey-test-content{background:var(--ee-bg);border-radius:var(--ee-radius-md);color:var(--ee-ink);padding:var(--ee-space-4)}.survey-toggle-row .p-toggleswitch{flex-shrink:0}.survey-rating-button{background:var(--ee-surface);border:1px solid var(--ee-line-strong);border-radius:var(--ee-radius-md);color:var(--ee-ink);cursor:pointer;font-family:var(--ee-font-mono);min-height:44px}.survey-rating-button:focus-visible{outline:2px solid var(--ee-focus-ring);outline-offset:2px}.survey-page .p-textarea,.survey-stage .p-textarea{resize:none}.survey-preview-card .app-btn-primary,.survey-public .app-btn-primary{background:var(--survey-button-bg,var(--ee-brand));border:1px solid var(--survey-button-border,transparent);border-radius:var(--survey-button-radius,var(--ee-radius-md));box-shadow:var(--survey-button-shadow,none);color:var(--survey-button-text,var(--ee-on-brand))}.survey-preview-card .app-btn-secondary,.survey-public .app-btn-secondary{background:color-mix(in srgb,var(--ee-ink) 8%,transparent);border:1px solid color-mix(in srgb,var(--ee-ink) 60%,transparent);border-radius:var(--survey-button-radius,var(--ee-radius-md));color:var(--ee-ink)}.survey-preview-card .app-btn-secondary:hover:not(:disabled),.survey-public .app-btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--ee-ink) 16%,transparent)}.survey-stage .app-btn{min-height:44px;overflow-wrap:anywhere;white-space:normal}.survey-preview-card,.survey-preview-card :is(input,textarea,button),.survey-public,.survey-public .survey-page,.survey-public :is(input,textarea,button){font-family:var(--survey-font,var(--ee-font-sans))}