:root{--ink:#17283e;--muted:#68778b;--blue:#315fdf;--line:#e4eaf2;--bg:#f6f8fc;--white:#fff}*{box-sizing:border-box}body{margin:0;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #9bb8ff;outline-offset:4px}.site-header{height:100px;max-width:1320px;padding:0 56px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:-.8px;font-weight:750;line-height:1.1}.brand-light{font-weight:400}.brand small{display:block;letter-spacing:2.5px;font-size:8px;margin-top:8px;color:var(--muted)}.brand-icon{background:var(--blue);color:white;width:39px;height:39px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:25px}.brand-icon span{font-size:14px;align-self:flex-start;margin-top:5px}.header-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:20px}.survey-layout{max-width:800px;margin:32px auto 60px;padding:0 24px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--blue)}h1,h2,h3,p{margin-top:0}.questionnaire{background:white;border:1px solid var(--line);padding:36px 38px;border-radius:18px;box-shadow:0 12px 45px #263f6410}.form-heading{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}.form-heading h1{font-size:21px;margin:10px 0 12px;line-height:1.5}.pill{background:#eef3ff;color:var(--blue);font-size:11px;padding:5px 9px;white-space:nowrap;border-radius:20px;margin-top:2px}.muted{color:var(--muted);font-size:13px}.progress-wrap{margin:25px 0 30px}.progress-caption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:6px}progress{appearance:none;width:100%;height:5px;border:0;display:block;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background:#edf1f8}progress::-webkit-progress-value{background:var(--blue);transition:width .2s}progress::-moz-progress-bar{background:var(--blue)}.question{margin:0 0 30px;padding:0;border:0;min-width:0}.question legend{display:flex;gap:12px;width:100%;font-size:15px;font-weight:600;line-height:1.6;margin-bottom:16px;padding:0}.question legend small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:5px;line-height:1.5}.question-number{color:var(--blue);font-size:12px;padding-top:3px;min-width:18px}.options{display:grid;gap:9px}.option{border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;position:relative;transition:background .15s,border-color .15s}.option:hover{background:#fafbff;border-color:#b2c5f4}.option:has(input:checked){background:#f0f5ff;border-color:#6389e9}.option input{position:absolute;opacity:0;width:1px;height:1px}.option:has(input:focus-visible){outline:3px solid #9bb8ff;outline-offset:2px}.option-letter{color:#96a2b3;font-size:12px;width:12px}.option-label{flex:1;font-size:13px;line-height:1.45}.option-label small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.radio-indicator{border:1.5px solid #c9d2e0;width:16px;height:16px;flex-shrink:0;border-radius:50%}.option:has(input:checked) .radio-indicator{border:5px solid var(--blue)}.submit-area{padding-top:20px;border-top:1px solid var(--line)}.submit-area p{font-size:12px;color:var(--muted);line-height:1.7}.submit-area p span{font-size:11px}.primary{border:1px solid var(--blue);border-radius:9px;background:var(--blue);color:white;padding:13px 20px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;transition:background .15s}.primary:hover{background:#224bc1}.submit-area .primary,.login-card .primary{width:100%}.primary span{font-weight:400;font-size:12px}.secondary{border:1px solid #d6deeb;background:white;padding:9px 14px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;white-space:nowrap}.secondary:hover{background:#f0f4fc}.compact{padding:9px 20px;font-size:12px}.error,.notice{border-radius:8px;padding:13px 16px;margin-bottom:20px;font-size:13px}.error{background:#fff0ed;color:#9b3426}.notice{background:#eaf4ff;color:#27558d}footer{max-width:1208px;margin:0 auto;padding:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#8090a7;gap:16px}.dot{margin:0 8px}.login-card,.message-card{max-width:440px;margin:85px auto 110px;background:white;border:1px solid var(--line);border-radius:18px;padding:42px;box-shadow:0 12px 45px #263f6410}.login-card h1{font-size:30px;margin:13px 0 10px}.input-label{display:block;font-size:13px;margin:24px 0}.input-label input{width:100%;display:block;margin-top:8px;padding:12px;border:1px solid #d4deeb;border-radius:8px;color:var(--ink);background:#fbfcfe}.back-link{font-size:12px;color:var(--muted)}.login-card .back-link{display:block;margin-top:25px;text-align:center}.message-card{text-align:center;max-width:600px;padding:65px 35px}.message-card h1{font-size:27px;margin:22px 0 16px}.message-card p{font-size:14px;color:var(--muted)}.success-icon{display:grid;place-items:center;margin:0 auto 30px;width:64px;height:64px;color:var(--blue);background:#edf3ff;border-radius:50%;font-size:29px}.message-card .eyebrow{display:block}.message-divider{width:45px;height:2px;background:#d8e3fa;margin:28px auto}.admin-body .site-header{max-width:1360px}.text-button{border:0;background:none;color:var(--muted);padding:6px;font-size:12px}.admin-badge{background:white;border:1px solid var(--line);border-radius:20px;padding:5px 12px}.dashboard{max-width:1248px;padding:0 24px;margin:42px auto 65px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.dashboard-heading h1{font-size:30px;letter-spacing:-1px;margin:10px 0}.dashboard-heading p{margin-bottom:0}.collection-control{display:flex;align-items:center;gap:16px}.status{display:flex;align-items:center;gap:7px;font-size:12px;color:#34836d;white-space:nowrap}.status i{background:#3ca984;width:6px;height:6px;border-radius:50%}.status.paused{color:#a37932}.status.paused i{background:#c79540}.filter-bar{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:white;border:1px solid var(--line);border-radius:12px;gap:20px;margin-bottom:24px}.filter-bar form{display:flex;align-items:center;gap:12px}.filter-title{font-size:12px;font-weight:600;margin-right:6px}.filter-bar label{font-size:10px;color:var(--muted);display:flex;gap:8px;align-items:center}.filter-bar input{padding:7px 9px;border:1px solid var(--line);border-radius:6px;font-size:12px;background:white;color:var(--ink);min-width:0}.date-dash{color:#a3aec0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stats article{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.stats article>span{font-size:13px}.stats article>span small{font-size:9px;color:#8c99ad;letter-spacing:1px;margin-left:10px}.stats strong{display:block;font-size:40px;font-weight:550;line-height:1.3;letter-spacing:-1px;margin:14px 0 8px}.stats strong small{font-size:12px;color:var(--muted);font-weight:400;margin-left:8px}.stats p{font-size:11px;color:var(--muted);margin:0}.stats .highlight-stat{background:#ecf2ff;border-color:#d7e2fb}.highlight-stat strong{color:var(--blue)}.chart-card{padding:26px;background:white;border:1px solid var(--line);border-radius:12px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-title .eyebrow{font-size:9px;letter-spacing:1.6px}.card-title h2{font-size:18px;margin:4px 0 0;font-weight:650}.chart-sample{font-size:11px;color:#7888a2;background:#f4f6fa;border-radius:6px;padding:4px 8px}.trend-card{margin-bottom:24px}.trend-chart{margin-top:20px}.trend-chart svg{width:100%;display:block;min-height:150px}.trend-data summary{font-size:11px;color:var(--muted);cursor:pointer;margin-top:8px}.trend-table{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;max-height:220px;overflow:auto}.trend-table span{background:var(--bg);padding:6px 10px;font-size:11px}.trend-table b{margin-left:10px;color:var(--blue)}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.chart-grid .wide{grid-column:1/-1}.chart-question{font-size:12px;color:var(--muted);margin:12px 0 25px}.bars{display:grid;gap:18px}.bar-label{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:7px}.bar-label small{font-size:11px;color:var(--muted);display:inline-block;text-align:right;min-width:45px}.bar-label b{font-weight:500}.bar-track{height:8px;background:#f0f3f8;border-radius:10px;overflow:hidden}.bar-track>div{background:#527ee9;height:100%;border-radius:10px;min-width:0}.column-chart{display:flex;gap:30px;justify-content:space-around;padding:0 20px}.column{flex:1;text-align:center;min-width:0}.column-number{font-size:15px;margin-bottom:8px;color:var(--blue);font-weight:600}.column-number small{font-size:11px;font-weight:400;color:var(--muted)}.column-track{height:135px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,#f0f3f8 1px,transparent 1px);background-size:100% 45px}.column-track>div{width:60%;max-width:90px;background:#527ee9;border-radius:5px 5px 0 0;min-height:0}.column>span{display:block;margin-top:12px;font-size:11px;color:var(--muted)}.empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b9ab0;text-align:center}.empty>span{font-size:30px;color:#a8bbe6}.empty h3{font-size:15px;font-weight:500;margin:8px 0}.empty p{font-size:12px;margin:4px 0}.empty.small{min-height:125px}.response-list>.card-title{margin-bottom:20px}.response{border-top:1px solid var(--line)}.response summary{list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:17px 0;cursor:pointer;font-size:12px}.response summary::-webkit-details-marker{display:none}.response-id{font-weight:650;color:var(--blue);min-width:60px}.detail-label{color:var(--muted);font-size:11px}.response dl{background:var(--bg);border-radius:8px;padding:20px;margin:0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.response dt{font-size:12px;color:var(--muted)}.response dd{font-size:13px;margin:6px 0 0}.response dd small{display:block;font-size:11px;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding-top:18px;font-size:12px;color:var(--muted)}.data-note{font-size:11px;color:var(--muted);margin:16px 0 0}
@media(max-width:1050px){.questionnaire{padding:28px}.filter-bar{align-items:flex-end}.filter-bar form{flex-wrap:wrap}.filter-title{width:100%}.filter-bar label{display:block}.filter-bar input{display:block;margin-top:4px}.date-dash{align-self:flex-end;margin-bottom:10px}.filter-bar .compact,.filter-bar .back-link{align-self:flex-end}.stats article>span small{display:block;margin-left:0;margin-top:3px}.dashboard-heading h1{font-size:27px}}@media(max-width:760px){.site-header{height:80px;padding:0 22px}.header-note{font-size:10px}.survey-layout{margin:16px auto 40px;padding:0 16px}.questionnaire{padding:24px 20px;border-radius:13px}.form-heading h1{font-size:18px}.form-heading .pill{display:none}.question legend{font-size:14px}.option{padding:12px}.option-label{font-size:13px}footer{padding:22px;flex-direction:column;gap:3px}.dashboard{padding:0 18px;margin-top:28px}.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-heading h1{font-size:24px}.collection-control{width:100%;justify-content:space-between}.filter-bar{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.filter-bar form{gap:9px}.filter-bar label{flex:1;min-width:110px}.filter-bar input{width:100%}.filter-bar .compact{margin-top:8px}.filter-bar .back-link{margin:8px auto 8px 5px}.filter-bar>a{align-self:flex-end}.stats{gap:9px}.stats article{padding:14px 10px}.stats strong{font-size:28px;margin:12px 0 6px}.stats article>span{font-size:11px}.stats article>span small{font-size:7px;letter-spacing:.4px}.stats p{font-size:10px}.stats strong small{font-size:10px;margin-left:4px}.chart-grid{grid-template-columns:1fr;gap:16px}.chart-card{padding:20px 16px}.card-title h2{font-size:17px}.card-title>.muted{font-size:10px}.trend-chart svg{min-height:110px}.column-chart{gap:8px;padding:0}.column-number{font-size:13px}.column-number small{display:block;font-size:9px}.column-track{height:115px}.column-track>div{width:75%}.column>span{font-size:10px}.response summary{gap:8px;font-size:11px}.response summary .muted{font-size:10px}.response-id{min-width:43px}.detail-label{font-size:10px}.response dl{grid-template-columns:1fr;padding:16px}.login-card,.message-card{margin:45px 20px 65px;padding:30px 24px}.message-card h1{font-size:23px}.admin-badge{display:none}.admin-body .header-note{gap:5px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.question-type{display:inline-block;font-size:10px;font-weight:400;color:var(--blue);background:#eef3ff;padding:2px 7px;border-radius:5px;white-space:nowrap;vertical-align:middle;margin-left:4px}.option:has(input[type=checkbox]) .radio-indicator{border-radius:4px}.option:has(input[type=checkbox]:checked) .radio-indicator{background:var(--blue);border:0;display:grid;place-items:center}.option:has(input[type=checkbox]:checked) .radio-indicator::after{content:"✓";color:white;font-size:12px;line-height:1}.question-error{color:#9b3426;font-size:12px;margin:8px 0 0}.answer-choice+.answer-choice{margin-top:8px}
.thanks-page{min-height:100svh;display:grid;place-items:center;padding:24px}.thanks-card{width:100%;max-width:600px;margin:0;padding:56px 32px}.thanks-card h1{margin-top:0}.thanks-card .thanks-id{font-size:16px;line-height:1.9;margin-bottom:0}.thanks-id strong{font-size:24px;letter-spacing:2px;color:var(--blue);font-variant-numeric:tabular-nums}@media(max-width:760px){.thanks-page{padding:20px}.thanks-card{padding:42px 24px}.thanks-card .thanks-id{font-size:15px}}