:root{--survey-bg: #f7f7f4;--survey-surface: #ffffff;--survey-text: #202124;--survey-muted: #5f6368;--survey-border: #d8d6cf;--survey-primary: #b8322a;--survey-primary-dark: #8f211b;--survey-accent: #237a72;--survey-focus: #f2c94c;--survey-error: #b00020}*{box-sizing:border-box}.survey-body{margin:0;background:var(--survey-bg);color:var(--survey-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:17px;line-height:1.7}.survey-shell{width:min(760px,100%);margin:0 auto;padding:20px 14px 40px}.survey-preview,.survey-alert{margin-bottom:14px;border-radius:8px;padding:12px 14px;background:#fff7d6;border:1px solid #e1bd47}.survey-alert{background:#fff4f4;border-color:#e3a0a0;color:var(--survey-error)}.survey-alert p,.survey-alert ul{margin:0}.survey-alert ul{padding-left:20px}.survey-hero,.survey-card{background:var(--survey-surface);border:1px solid var(--survey-border);border-radius:8px;box-shadow:0 4px 18px #0000000f}.survey-hero{overflow:hidden;margin-bottom:16px}.survey-hero__image{display:block;width:100%;aspect-ratio:1200 / 630;object-fit:cover}.survey-hero__body,.survey-card{padding:20px}.survey-hero__site,.survey-step__count{margin:0 0 6px;color:var(--survey-accent);font-size:14px;font-weight:700}.survey-hero h1,.survey-card h1,.survey-card h2{margin:0 0 10px;font-size:clamp(24px,6vw,34px);line-height:1.35;letter-spacing:0}.survey-card h2{font-size:clamp(22px,5vw,28px)}.survey-hero p,.survey-hero__description,.survey-note,.survey-message p{color:var(--survey-muted)}.survey-hero__site-logo{display:block;height:20px;width:auto;margin-bottom:8px}.survey-hero__description p{margin:0 0 8px}.survey-hero__description ul,.survey-hero__description ol{margin:0 0 8px;padding-left:1.3em;list-style-position:outside}.survey-hero__description ul{list-style-type:disc!important}.survey-hero__description ol{list-style-type:decimal!important}.survey-hero__description li{display:list-item!important;list-style:inherit!important;margin-bottom:4px}.survey-hero__description p:last-child,.survey-hero__description ul:last-child,.survey-hero__description ol:last-child{margin-bottom:0}.survey-progress{position:sticky;top:0;z-index:2;margin-bottom:16px;padding:10px 0 12px;background:var(--survey-bg)}.survey-progress__meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;color:var(--survey-muted);font-weight:700}.survey-progress__bar{height:10px;overflow:hidden;border-radius:999px;background:#e4e2dc}.survey-progress__bar span{display:block;height:100%;border-radius:inherit;background:var(--survey-accent);transition:width .2s ease}.survey-step{display:none}.survey-step.is-active{display:block}.survey-required{display:inline-flex;margin:0 0 16px;padding:2px 10px;border-radius:999px;background:#ffe9e7;color:var(--survey-primary-dark);font-size:14px;font-weight:700}.survey-required.is-optional{background:#edf4f3;color:var(--survey-accent)}.survey-fields{display:grid;gap:18px;margin-top:18px}.survey-field{display:grid;gap:8px;margin:0;padding:0;border:0}.survey-field>span,.survey-field legend{color:var(--survey-text);font-weight:700}.survey-field b{color:var(--survey-primary);font-size:13px}.survey-form input[type=text],.survey-form input[type=email],.survey-form input[type=number],.survey-form input[type=date],.survey-form input[type=time],.survey-form textarea,.survey-form select{width:100%;min-height:52px;border:1px solid var(--survey-border);border-radius:8px;padding:12px 14px;background:#fff;color:var(--survey-text);font:inherit}.survey-form textarea{resize:vertical}.survey-form input:focus,.survey-form textarea:focus,.survey-form select:focus,.survey-choice:focus-within,.survey-rating label:focus-within{outline:3px solid var(--survey-focus);outline-offset:2px}.survey-choice-grid,.survey-choice-list{display:grid;gap:10px}.survey-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.survey-choice{display:flex;align-items:flex-start;gap:12px;min-height:56px;padding:14px;border:1px solid var(--survey-border);border-radius:8px;background:#fff;cursor:pointer}.survey-choice input{width:22px;height:22px;margin-top:2px;accent-color:var(--survey-primary);flex:0 0 auto}.survey-choice:has(input:checked),.survey-rating label:has(input:checked){border-color:var(--survey-primary);background:#fff8f7}.survey-choice--other{display:flex;align-items:center;gap:16px}.survey-other-input{flex:1;max-width:500px}.survey-rating{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.survey-rating label{min-height:58px;border:1px solid var(--survey-border);border-radius:8px;background:#fff;cursor:pointer}.survey-rating input{position:absolute;opacity:0;pointer-events:none}.survey-rating span{display:grid;height:100%;place-items:center;font-weight:700}.survey-actions{bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding:12px 0;background:var(--survey-bg)}.survey-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border:0;border-radius:8px;padding:12px 18px;background:var(--survey-primary);color:#fff;font:inherit;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}.survey-button:hover{background:var(--survey-primary-dark);color:#fff;text-decoration:none}.survey-button:disabled,.survey-button:disabled:hover{background:#b9b5ad;color:#f7f7f4;cursor:not-allowed;opacity:1}.survey-button--secondary{border:1px solid var(--survey-border);background:#fff;color:var(--survey-text)}.survey-button--secondary:hover{background:#f1f0ec;color:var(--survey-text)}.survey-action-note{margin:8px 0 0;color:var(--survey-muted);font-size:14px;font-weight:700;text-align:right}.survey-button[hidden]{display:none}.survey-submit-note{margin-top:16px;padding:12px;border-radius:8px;background:#edf4f3;color:var(--survey-accent);font-weight:700}.survey-message{min-height:100svh;display:grid;align-items:center}.survey-message .survey-card{text-align:center}.survey-message .survey-button{width:100%;margin-top:18px}@media(max-width:560px){.survey-body{font-size:16px}.survey-shell{padding-inline:10px}.survey-hero__body,.survey-card{padding:16px}.survey-choice-grid,.survey-rating{grid-template-columns:1fr}.survey-other-input{max-width:200px}}