.survey-page{--survey-ink:#151515;--survey-paper:#f2efe7;--survey-card:#fffdf8;--survey-line:#d4d0c6;--survey-orange:#f05223;--survey-acid:#d9ff43;background:var(--survey-paper);min-height:100vh;color:var(--survey-ink);font-family:Yu Gothic UI,Hiragino Sans,Noto Sans JP,sans-serif}.survey-page *{box-sizing:border-box}.survey-page a{color:inherit}.survey-nav{border-bottom:1px solid var(--survey-line);justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,6vw,92px);display:flex}.survey-logo{letter-spacing:.08em;align-items:baseline;gap:9px;text-decoration:none;display:flex}.survey-logo strong{font:900 19px/1 Arial,sans-serif}.survey-logo span{color:var(--survey-orange);letter-spacing:.18em;font:800 10px/1 Arial,sans-serif}.survey-back{font-size:12px;font-weight:700;text-decoration:none}.survey-hero{justify-content:space-between;align-items:flex-end;gap:40px;max-width:1440px;margin:0 auto;padding:clamp(72px,10vw,144px) clamp(22px,7vw,108px) 80px;display:flex}.survey-kicker,.survey-index{color:var(--survey-orange);letter-spacing:.2em;margin:0 0 18px;font:800 10px/1 Arial,sans-serif}.survey-hero h1,.survey-status-card h1{letter-spacing:-.065em;margin:0;font-size:clamp(42px,6vw,86px);font-weight:850;line-height:1.08}.survey-page em{color:var(--survey-orange);font-style:normal}.survey-meta{gap:28px;display:flex}.survey-meta p{border-left:1px solid var(--survey-line);flex-direction:column;min-width:86px;margin:0;padding-left:16px;display:flex}.survey-meta strong{font:750 34px/1 Arial,sans-serif}.survey-meta span{color:#77736a;letter-spacing:.14em;margin-top:8px;font:800 9px/1 Arial,sans-serif}.survey-form{max-width:1440px;margin:0 auto;padding:0 clamp(22px,7vw,108px) 120px}.survey-progress{z-index:20;background:color-mix(in srgb, var(--survey-paper) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 0;position:sticky;top:0}.survey-progress-copy{letter-spacing:.14em;justify-content:space-between;margin-bottom:7px;font:800 9px/1 Arial,sans-serif;display:flex}.survey-progress progress,.survey-chart-row progress{appearance:none;background:#dedbd2;border:0;border-radius:0;width:100%;height:6px;display:block}.survey-progress progress::-webkit-progress-bar{background:#dedbd2}.survey-chart-row progress::-webkit-progress-bar{background:#dedbd2}.survey-progress progress::-webkit-progress-value{background:var(--survey-orange)}.survey-chart-row progress::-webkit-progress-value{background:var(--survey-orange)}.survey-progress progress::-moz-progress-bar{background:var(--survey-orange)}.survey-chart-row progress::-moz-progress-bar{background:var(--survey-orange)}.survey-alert{color:#912b0a;background:#fff1eb;border:1px solid #eaa084;margin:22px 0;padding:16px 20px;font-size:14px;font-weight:700}.survey-identity{background:var(--survey-ink);color:#fff;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;margin:18px 0 20px;padding:clamp(28px,5vw,58px);display:grid}.survey-identity h2,.survey-submit h2{margin:10px 0 8px;font-size:28px}.survey-identity p,.survey-submit p{color:#aaa;max-width:520px;margin:0;font-size:13px}.survey-identity label,.survey-admin-login label{flex-direction:column;gap:8px;font-size:12px;font-weight:750;display:flex}.survey-identity label b{color:var(--survey-orange);margin-left:5px;font-size:9px}.survey-identity input,.survey-admin-login input{width:100%;color:inherit;background:0 0;border:0;border-bottom:2px solid;border-radius:0;outline:none;padding:13px 2px;font:600 20px/1.4 inherit}.survey-identity input:focus,.survey-admin-login input:focus{border-color:var(--survey-acid)}.survey-identity input::placeholder{color:#777}.survey-question-list{border-top:1px solid var(--survey-line)}.survey-question{border:0;border-bottom:1px solid var(--survey-line);grid-template-columns:minmax(240px,.55fr) 1fr;gap:clamp(28px,6vw,90px);margin:0;padding:clamp(36px,5vw,62px) 0;display:grid}.survey-question legend{gap:18px;padding:0;font-size:19px;font-weight:800;line-height:1.5;display:flex}.survey-question legend>span{color:var(--survey-orange);letter-spacing:.12em;flex:none;font:800 10px/2 Arial,sans-serif}.survey-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.survey-option{border:1px solid var(--survey-line);background:var(--survey-card);cursor:pointer;grid-template-columns:18px 20px 1fr;align-items:center;gap:10px;min-height:58px;padding:12px 15px;font-size:13px;font-weight:700;line-height:1.4;transition:transform .15s,border-color .15s,background .15s;display:grid}.survey-option:hover{border-color:var(--survey-ink);transform:translateY(-1px)}.survey-option:has(input:checked){border-color:var(--survey-ink);background:var(--survey-acid)}.survey-option input{opacity:0;pointer-events:none;position:absolute}.survey-radio{border:1.5px solid var(--survey-ink);border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.survey-radio:after{content:"";background:var(--survey-ink);border-radius:50%;width:7px;height:7px;transition:transform .15s;transform:scale(0)}.survey-option input:checked+.survey-radio:after{transform:scale(1)}.survey-option input:focus-visible+.survey-radio{outline-offset:2px;outline:3px solid #6b95ff}.survey-letter{color:#77736a;font:800 9px/1 Arial,sans-serif}.survey-submit{background:var(--survey-orange);color:#fff;justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:clamp(34px,5vw,58px);display:flex}.survey-submit .survey-index{color:var(--survey-ink)}.survey-submit p{color:#ffffffc7}.survey-submit button,.survey-admin-login button{background:var(--survey-ink);color:#fff;cursor:pointer;border:0;justify-content:space-between;min-width:220px;padding:18px 20px;font-size:14px;font-weight:800;display:flex}.survey-submit button:disabled{cursor:wait;opacity:.7}.survey-footer{border-top:1px solid var(--survey-line);color:#77736a;letter-spacing:.17em;padding:28px clamp(22px,6vw,92px);font:750 9px/1 Arial,sans-serif}.survey-message-page{flex-direction:column;display:flex}.survey-status-card{flex-direction:column;flex:1;justify-content:center;padding:clamp(70px,12vw,170px) clamp(22px,9vw,140px);display:flex}.survey-status-code{color:var(--survey-orange);letter-spacing:.2em;margin-bottom:28px;font:800 10px/1 Arial,sans-serif}.survey-status-card p{color:#77736a;max-width:580px;margin:28px 0 22px}.survey-status-card a{font-weight:800}.survey-admin-login-page{place-items:center;padding:30px;display:grid}.survey-admin-login{background:var(--survey-ink);color:#fff;width:min(510px,100%);padding:clamp(32px,6vw,58px)}.survey-admin-login .survey-logo{margin-bottom:70px}.survey-admin-login h1{letter-spacing:-.05em;margin:0 0 14px;font-size:48px}.survey-admin-login>p:not(.survey-kicker){color:#aaa;font-size:14px}.survey-admin-login form{margin-top:36px}.survey-admin-login button{background:var(--survey-acid);width:100%;color:var(--survey-ink);margin-top:28px}.survey-admin-page{padding-bottom:100px}.survey-admin-head{justify-content:space-between;align-items:flex-end;gap:28px;padding:72px clamp(22px,6vw,90px) 44px;display:flex}.survey-admin-head h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,68px)}.survey-admin-actions{align-items:center;gap:8px;display:flex}.survey-admin-actions a,.survey-admin-actions button{border:1px solid var(--survey-ink);color:var(--survey-ink);cursor:pointer;background:0 0;padding:11px 16px;font-size:12px;font-weight:800;text-decoration:none}.survey-admin-actions .primary{background:var(--survey-ink);color:#fff}.survey-config-alert{color:#912b0a;background:#fff1eb;border:1px solid #eaa084;flex-direction:column;margin:0 clamp(22px,6vw,90px) 30px;padding:17px 20px;font-size:13px;display:flex}.survey-metrics{grid-template-columns:repeat(3,1fr);padding:0 clamp(22px,6vw,90px) 55px;display:grid}.survey-metrics article{border:1px solid var(--survey-line);border-right:0;grid-template-columns:1fr auto;align-items:end;min-height:130px;padding:26px;display:grid}.survey-metrics article:last-child{border-right:1px solid var(--survey-line)}.survey-metrics span{align-self:start;font-size:12px;font-weight:800}.survey-metrics strong{color:var(--survey-orange);grid-row:span 2;font:750 clamp(44px,6vw,72px)/1 Arial,sans-serif}.survey-metrics strong.word{font-size:clamp(32px,4vw,50px)}.survey-metrics small{color:#77736a;letter-spacing:.15em;font:800 9px/1 Arial,sans-serif}.survey-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0 clamp(22px,6vw,90px) 70px;display:grid}.survey-result-card{border:1px solid var(--survey-line);background:var(--survey-card);padding:clamp(24px,4vw,38px)}.survey-result-card header{gap:14px;min-height:64px;display:flex}.survey-result-card header span{color:var(--survey-orange);font:800 9px/2 Arial,sans-serif}.survey-result-card h2{margin:0;font-size:17px;line-height:1.5}.survey-chart-row{margin-top:16px}.survey-chart-row>div{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:7px;font-size:12px;display:flex}.survey-chart-row>div span{max-width:72%}.survey-chart-row b{flex:none;font:800 10px/1 Arial,sans-serif}.survey-recent{padding:0 clamp(22px,6vw,90px)}.survey-recent h2{margin:0 0 20px;font-size:30px}.survey-table-wrap{border:1px solid var(--survey-line);overflow-x:auto}.survey-recent table{border-collapse:collapse;background:var(--survey-card);width:100%;font-size:13px}.survey-recent th,.survey-recent td{border-bottom:1px solid var(--survey-line);text-align:left;padding:15px 18px}.survey-recent th{background:var(--survey-ink);color:#fff;letter-spacing:.08em;font-size:10px}.survey-recent tbody tr:last-child td{border-bottom:0}@media (max-width:820px){.survey-hero{flex-direction:column;align-items:flex-start}.survey-meta{width:100%}.survey-meta p{flex:1}.survey-identity{grid-template-columns:1fr;gap:34px}.survey-question{grid-template-columns:1fr;gap:24px}.survey-options{grid-template-columns:1fr}.survey-submit,.survey-admin-head{flex-direction:column;align-items:stretch}.survey-submit button{width:100%}.survey-metrics{grid-template-columns:1fr}.survey-metrics article{border-right:1px solid var(--survey-line);border-bottom:0}.survey-metrics article:last-child{border-bottom:1px solid var(--survey-line)}.survey-results-grid{grid-template-columns:1fr}}@media (max-width:520px){.survey-nav{height:64px}.survey-back{font-size:10px}.survey-hero{padding-top:58px}.survey-admin-actions{flex-wrap:wrap}}
