.survey-public{max-width:980px;margin:28px auto 0;min-width:0}.survey-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 0 28px}.survey-hero>div{max-width:720px;min-width:0}.survey-hero h1{margin:12px 0 16px;font-size:clamp(30px,4vw,46px)}.survey-introduction{font-size:18px;line-height:1.7;color:var(--muted);white-space:pre-line}.survey-mark{width:90px;height:90px;flex:none;color:var(--blue)}.survey-form{border:1px solid var(--line);border-radius:var(--ui-card-radius,20px);background:#fff;box-shadow:var(--shadow);overflow:clip}.survey-assurance{padding:25px 30px;background:var(--ui-hero,var(--hero));border-bottom:1px solid var(--line)}.survey-assurance strong{display:block;color:var(--navy);font-size:17px}.survey-assurance p{margin:7px 0 0;color:var(--muted);line-height:1.65;white-space:pre-line}.survey-section{padding:30px;margin:0;border-bottom:1px solid var(--line)}.survey-section h2{font-size:23px;margin:0 0 20px}.survey-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 20px}.survey-field{min-width:0}.survey-field-wide{grid-column:1/-1}.survey-field label{display:block;font-size:16px;color:var(--ink);font-weight:750;margin-bottom:8px}.survey-field input,.survey-field select,.survey-field textarea{width:100%;max-width:100%;min-width:0;min-height:48px;margin:0;border:1px solid #cbd5e6;border-radius:var(--ui-field-radius,11px);padding:12px 14px;background:#fff;color:var(--ink);font-size:16px}.survey-field textarea{resize:vertical;line-height:1.65}.survey-help{color:var(--muted);font-size:15px;line-height:1.65;white-space:pre-line;margin:8px 0 0}.survey-rating{grid-column:1/-1;min-width:0;border:0;padding:0;margin:0 0 2px}.survey-rating legend{padding:0;font-size:17px;font-weight:750;color:var(--ink)}.survey-rating-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.survey-rating-choice{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:14px 8px;border:1px solid var(--line);border-radius:14px;min-height:126px;cursor:pointer;text-align:center;font-size:15px;line-height:1.3;font-weight:650;color:var(--ink);background:#fff;overflow-wrap:anywhere}.survey-rating-choice input{width:19px;height:19px;min-height:19px;margin:0;accent-color:var(--blue)}.survey-rating-choice:has(input:checked){border:2px solid var(--blue);padding:13px 7px;background:#f0efff;color:var(--blue)}.survey-rating-choice:focus-within{outline:3px solid #8077ff;outline-offset:3px}.survey-rating-number{font-size:25px;font-weight:850;line-height:1.1}.survey-skip-rating,.survey-contact-consent{display:flex;align-items:flex-start;gap:11px;min-height:44px;padding:12px 0;margin-top:10px;color:var(--muted);font-size:15px;line-height:1.6;cursor:pointer}.survey-skip-rating input,.survey-contact-consent input{width:21px;height:21px;min-height:21px;flex:none;margin:2px 0 0;accent-color:var(--blue)}.survey-contact-consent{color:var(--ink);margin-top:18px}.survey-submit{padding:26px 30px;background:#fbfcff}.survey-submit .button{width:100%;min-height:54px;margin-top:20px;font-size:17px}.survey-submit .text-link{display:inline-flex;align-items:center;min-height:44px}.survey-success{padding:40px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px}.survey-success p{font-size:17px;line-height:1.7;white-space:pre-line}.survey-success-check{display:grid;place-items:center;margin:0 auto 22px;width:64px;height:64px;border-radius:50%;background:#e6f6ee;color:var(--green);font-size:32px;font-weight:800}.survey-form>.notice{margin:22px 30px}.survey-public input:focus-visible,.survey-public textarea:focus-visible,.survey-public select:focus-visible{outline:3px solid #8077ff;outline-offset:3px}
.survey-admin{min-width:0}.survey-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ui-hero)}.survey-admin-hero h2{font-size:27px}.survey-admin-hero p{max-width:650px;line-height:1.7;margin:10px 0 0;font-size:16px}.survey-admin-hero>.button{flex:none}.survey-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.survey-tabs a{min-height:48px;padding:12px 19px;border:1px solid var(--line);border-radius:var(--ui-field-radius);background:#fff;font-size:16px;font-weight:750}.survey-tabs a[aria-current=page]{background:var(--blue);border-color:var(--blue);color:#fff}.survey-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.survey-metrics .metric-title{font-size:14px}.survey-metrics .metric-caption{font-size:14px;line-height:1.55}.survey-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:22px}.survey-filters label{display:flex;flex-direction:column;gap:8px;min-width:220px;max-width:100%;font-size:15px;font-weight:700;color:var(--ink)}.survey-filters select{display:block;width:100%;min-width:0;min-height:var(--ui-field-height,50px);border:1px solid #d4dceb;border-radius:var(--ui-field-radius,11px);padding:12px 14px;color:var(--ink);background:var(--white,#fff);font-size:max(16px,var(--ui-control-size,15px));font-weight:400;line-height:1.4}.survey-response-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.survey-response-card{padding:23px;margin:0;display:flex;flex-direction:column;min-width:0}.survey-response-head{display:flex;align-items:start;gap:10px;justify-content:space-between}.survey-response-head>div{min-width:0}.survey-response-head h3{overflow-wrap:anywhere}.survey-response-head .eyebrow{font-size:13px;letter-spacing:.025em}.survey-response-head .badge{flex:none}.survey-score{font-size:15px;margin:18px 0 14px}.survey-score strong{font-size:23px;color:var(--blue)}.survey-response-excerpt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.7;max-height:10.2em;overflow:auto;padding-right:4px;margin-bottom:20px}.survey-response-card .button{width:100%;margin-top:auto}.survey-empty{grid-column:1/-1;padding:35px}.survey-empty p{margin-top:12px;font-size:16px}.survey-pagination{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:26px 0;font-size:15px;color:var(--muted)}.survey-answer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 22px}.survey-answer-list>div{min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fbfcff}.survey-answer-list dt{font-size:14px;font-weight:750;color:var(--muted);margin-bottom:8px}.survey-answer-list dd{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.65;margin:0;color:var(--ink)}.survey-response-review{border-top:1px solid var(--line)}.survey-response-review label{font-size:16px}.survey-response-review textarea{min-height:150px}.survey-actions{display:flex;flex-wrap:wrap;gap:12px}.survey-editor .panel{margin-bottom:0}.survey-editor>section>p{margin-top:12px;line-height:1.7;font-size:16px}.survey-editor summary{font-size:18px;font-weight:800;min-height:44px;cursor:pointer;padding:8px 0;color:var(--navy)}.survey-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.survey-editor label{font-size:15px;color:var(--ink);font-weight:650}.survey-editor input:not([type=checkbox]),.survey-editor textarea,.survey-editor select{font-size:16px;min-height:48px}.survey-editor textarea{resize:vertical;line-height:1.6}.survey-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.survey-editor-field{display:grid;align-content:start;gap:14px;min-width:0;border:1px solid var(--line);border-radius:14px;padding:18px}.survey-editor-field legend{font-size:16px;font-weight:800;color:var(--navy);padding:0 8px;max-width:100%;overflow-wrap:anywhere}.survey-editor-check{display:flex!important;align-items:center;gap:10px;min-height:44px}.survey-editor-check input{width:22px;height:22px;min-height:22px;flex:none;margin:0;accent-color:var(--blue)}.survey-editor-save{padding:22px;border:1px solid var(--line);border-radius:var(--ui-card-radius);background:#fff}.survey-editor-save .survey-help{margin:0 0 18px}.survey-admin .notice,.survey-admin .notice p{font-size:15px}.survey-admin .button{min-height:48px}
.survey-sharing{display:flex;align-items:center;gap:26px;border-color:#c7d2ff;background:linear-gradient(120deg,#f0edff 0%,#fff 60%,#eafaf6 100%)}.survey-sharing-main{flex:1;min-width:0}.survey-sharing h2{font-size:24px;margin:8px 0 12px}.survey-sharing-main>p{font-size:16px;line-height:1.65;max-width:850px}.survey-share-label{display:block;font-size:16px;font-weight:750;margin:20px 0 9px}.survey-share-url{display:block;width:100%;min-width:0;min-height:50px;border:1px solid #b7c3e6;border-radius:var(--ui-field-radius,11px);background:#fff;padding:12px 14px;font-size:16px;color:var(--navy);margin-bottom:16px}.survey-share-url:focus-visible{outline:3px solid #8077ff;outline-offset:3px}.survey-sharing .survey-help{margin-top:17px}.survey-share-status{min-height:1.7em;color:var(--navy);margin:14px 0 0}.survey-share-qr{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;margin:0;padding:18px;border:1px solid #d9e0f5;background:#fff;border-radius:16px;max-width:208px}.survey-share-qr svg{display:block;max-width:100%;height:auto}.survey-share-qr figcaption{font-size:14px;line-height:1.6;color:var(--ink);text-align:center;font-weight:650}
@media(max-width:900px){.survey-admin-hero{align-items:flex-start;flex-direction:column}.survey-admin-hero>.button{flex:auto}.survey-metrics{grid-template-columns:1fr}.survey-response-grid{grid-template-columns:1fr}.survey-editor-fields{grid-template-columns:1fr}.survey-sharing{align-items:flex-start;flex-direction:column}.survey-share-qr{align-self:center}}
@media(max-width:600px){.survey-hero{gap:12px;padding:18px 0}.survey-mark{width:52px;height:52px;align-self:flex-start;margin-top:25px}.survey-hero h1{font-size:31px}.survey-introduction{font-size:16px}.survey-assurance,.survey-section,.survey-submit{padding:22px 18px}.survey-fields,.survey-editor-grid,.survey-answer-list{grid-template-columns:1fr}.survey-rating-options{grid-template-columns:repeat(2,minmax(0,1fr))}.survey-rating-choice{min-height:120px}.survey-section h2{font-size:22px}.survey-success{padding:28px 18px}.survey-form>.notice{margin:18px}.survey-response-head{flex-direction:column}.survey-actions>.button{width:100%}.survey-admin-hero h2{font-size:24px}.survey-editor-field{padding:15px}.survey-pagination .button{min-width:100px}}
@media(prefers-reduced-motion:reduce){.survey-metrics .metric:hover{transform:none}}