:root{
  --bg:#f5f7fc;--panel:#ffffffee;--ink:#18244d;--muted:#67739a;--line:#dfe5f5;
  --blue:#5270ff;--teal:#24b8b1;--cyan:#3f93f5;--pink:#e85aa7;--violet:#7b61db;
  --shadow:0 18px 45px rgba(49,68,127,.10);--radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fbfcff 0,#f4f6fb 100%);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;min-height:100vh}.grid-bg{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(60,86,170,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(60,86,170,.045) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.5) 60%,transparent 100%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-wrap{width:min(1120px,calc(100% - 32px));margin:0 auto 60px}.global-top{height:72px;width:min(1120px,calc(100% - 32px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.wordmark{font-weight:900;letter-spacing:.08em;font-size:14px}.wordmark span{color:var(--blue)}.research-tag{font-size:11px;letter-spacing:.16em;color:var(--muted)}.global-footer{text-align:center;color:#8b95b6;font-size:12px;letter-spacing:.08em;padding:24px}.panel{background:var(--panel);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);border-radius:var(--radius);backdrop-filter:blur(10px)}.cover{padding:52px;position:relative;overflow:hidden}.cover:before,.cover:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.cover:before{width:330px;height:330px;left:-170px;top:-120px;background:radial-gradient(circle,#dfe7ff 0,transparent 70%)}.cover:after{width:300px;height:300px;right:-160px;bottom:-140px;background:radial-gradient(circle,#eedfff 0,transparent 70%)}.cover-kicker,.complete-kicker,.stage-kicker{display:inline-flex;padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:#6370a1;font-size:11px;font-weight:800;letter-spacing:.14em;background:#f8faff}.cover h1{font-size:clamp(38px,6vw,68px);line-height:1.12;letter-spacing:-.03em;margin:24px 0 12px;position:relative}.cover h1 span{background:linear-gradient(100deg,#263b88,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:22px;color:var(--muted);margin:0 0 30px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.metrics>div{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.metrics strong{font-size:38px;line-height:1;color:#354b9d}.metrics span{font-size:12px;font-weight:900;letter-spacing:.06em}.metrics small{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-top:5px;letter-spacing:0}.intro-box{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcff)}.intro-icon{height:64px;width:64px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--violet));color:white;font-size:28px}.intro-box h2{margin:0 0 7px}.intro-box p,.glossary-box p{color:var(--muted);line-height:1.8;margin:0}.glossary-box{padding:20px 22px;margin-top:14px;border:1px solid var(--line);border-radius:18px;background:#fff}.glossary-box b{display:block;margin-bottom:7px}.stage-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}.stage-mini{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.stage-mini span{display:block;font-size:24px;font-weight:900}.stage-mini b{display:block;font-size:18px;margin:4px 0}.stage-mini small{font-size:10px;color:var(--muted);letter-spacing:.05em}.accent-blue span,.accent-blue b{color:var(--blue)}.accent-teal span,.accent-teal b{color:var(--teal)}.accent-cyan span,.accent-cyan b{color:var(--cyan)}.accent-pink span,.accent-pink b{color:var(--pink)}.accent-violet span,.accent-violet b{color:var(--violet)}.start-form{text-align:center;margin-top:30px}.privacy-note{text-align:center;color:#8a94b2;font-size:12px;margin:14px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:14px;padding:13px 20px;font-weight:800;cursor:pointer;transition:.18s ease;min-height:48px}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#6e67e8,#5270ff);box-shadow:0 11px 24px rgba(82,112,255,.22)}.btn-secondary{color:#35416c;background:#fff;border:1px solid var(--line)}.btn-xl{font-size:18px;padding:17px 34px}.full{width:100%}.flash-stack{position:fixed;top:74px;right:18px;z-index:50;display:grid;gap:8px;width:min(420px,calc(100vw - 36px))}.flash{padding:13px 15px;border-radius:14px;box-shadow:var(--shadow);background:#fff;border:1px solid var(--line)}.flash.error{border-color:#ffc7d9;color:#9f315f;background:#fff8fb}.stage-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;margin-bottom:14px}.stage-tab{display:flex;align-items:center;gap:10px;padding:13px;border-radius:14px;border:1px solid transparent;opacity:.72}.stage-tab>span{font-size:21px;font-weight:900}.stage-tab div{min-width:0}.stage-tab b{display:block;font-size:16px}.stage-tab small{display:block;color:var(--muted);font-size:9px;letter-spacing:.04em;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-tab.active{opacity:1;background:#fff;border-color:var(--line);box-shadow:0 8px 22px rgba(50,70,140,.08)}.stage-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:30px 32px;margin-bottom:16px;position:relative;overflow:hidden}.stage-hero:after{content:"✦";position:absolute;right:36%;top:10px;font-size:70px;color:#eef1fc;z-index:0}.stage-hero>div{position:relative;z-index:1}.stage-hero h1{font-size:clamp(38px,5vw,58px);line-height:1;margin:10px 0 10px}.stage-hero p{font-size:18px;color:var(--muted);margin:0}.accent-border-blue{border-top:4px solid var(--blue)}.accent-border-teal{border-top:4px solid var(--teal)}.accent-border-cyan{border-top:4px solid var(--cyan)}.accent-border-pink{border-top:4px solid var(--pink)}.accent-border-violet{border-top:4px solid var(--violet)}.progress-box{min-width:230px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px}.progress-box small{font-size:10px;color:var(--muted);letter-spacing:.08em}.progress-box strong{font-size:34px;display:block;margin:6px 0 10px}.progress-track{height:10px;background:#edf0f8;border-radius:99px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--violet));border-radius:99px}.question-list{display:grid;gap:14px}.question-card{display:grid;grid-template-columns:112px 1fr;gap:20px;padding:20px}.q-index{border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:112px;color:#fff}.q-index span{font-size:34px;font-weight:900}.q-index small{font-size:12px;margin-top:4px}.accent-bg-blue{background:linear-gradient(160deg,#6981ff,#4e66df)}.accent-bg-teal{background:linear-gradient(160deg,#45cec6,#1da59f)}.accent-bg-cyan{background:linear-gradient(160deg,#5ca8f8,#377fd6)}.accent-bg-pink{background:linear-gradient(160deg,#f377ba,#d84e96)}.accent-bg-violet{background:linear-gradient(160deg,#9a7df0,#7355c8)}.q-body h2{font-size:22px;line-height:1.5;margin:4px 0 16px}.q-body h2 em{font-size:11px;font-style:normal;color:#d34d7e;border:1px solid #f1c6d8;padding:3px 7px;border-radius:999px;vertical-align:middle;margin-left:5px}.q-body h2 em.optional{color:#7f88a5;border-color:#dfe4ef}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;background:#fbfcff;border:1px solid var(--line);border-radius:13px;cursor:pointer;transition:.15s}.choice:hover{border-color:#bfc9ed;background:#fff}.choice input{margin:3px 0 0;width:17px;height:17px;accent-color:var(--blue);flex:0 0 auto}.choice span{line-height:1.45;color:#33406c}.q-note{margin-top:12px;padding:10px 12px;border:1px dashed #d5dcf3;background:#f8f9ff;border-radius:12px;color:#747fa5;font-size:13px}.inline-error{color:#bc3e69;font-size:12px;margin-top:8px;min-height:1px}.q-body textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:15px 16px;resize:vertical;background:#fbfcff;color:var(--ink);outline:none;line-height:1.7}.q-body textarea:focus{border-color:#9fb0ee;box-shadow:0 0 0 3px rgba(82,112,255,.08)}.matrix-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px}.matrix{border-collapse:collapse;width:100%;min-width:850px;background:#fff}.matrix th,.matrix td{border-bottom:1px solid #edf0f8;padding:10px;text-align:center;font-size:12px}.matrix th{background:#f8f9fd;color:#66729a}.matrix th:first-child,.matrix td:first-child{text-align:left;width:50%;font-size:13px;line-height:1.5}.matrix-radio{display:flex;justify-content:center;align-items:center;cursor:pointer}.matrix-radio input{position:absolute;opacity:0}.matrix-radio span{height:30px;width:30px;border:1px solid #d8def0;border-radius:50%;display:grid;place-items:center;color:#7883a7}.matrix-radio input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}.form-actions{padding:16px 18px;display:flex;justify-content:space-between;align-items:center}.complete{padding:54px;text-align:center}.seal{height:92px;width:92px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8d76e8,#5b69e7);color:#fff;font-size:36px;box-shadow:0 12px 34px rgba(86,94,190,.22)}.complete h1{font-size:clamp(38px,6vw,60px);margin:14px 0}.complete>p{color:var(--muted);line-height:1.8;max-width:760px;margin:0 auto 24px}.respondent-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:780px;margin:26px auto}.respondent-summary div{padding:18px;text-align:left;border:1px solid var(--line);border-radius:16px;background:#fbfcff}.respondent-summary small{display:block;color:var(--muted);margin-bottom:7px}.respondent-summary strong{line-height:1.45}.submission-id{font-size:13px!important}.submission-id code{padding:4px 7px;background:#f0f3fb;border-radius:7px;color:#49588d}.login-card{max-width:500px;margin:8vh auto 0;padding:36px}.login-card h1{font-size:36px;margin:12px 0 5px}.login-card p{color:var(--muted);margin-bottom:22px}.field-label{display:block;font-weight:700;margin-bottom:7px}.text-input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;outline:none;margin-bottom:12px;background:#fff}.text-input:focus{border-color:#9cb0f2;box-shadow:0 0 0 3px rgba(82,112,255,.08)}.admin-head{padding:26px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px}.admin-head h1{margin:7px 0 4px;font-size:34px}.admin-head p{margin:0;color:var(--muted)}.admin-actions{display:flex;gap:9px;align-items:center}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:14px 0}.stat-panel{padding:22px}.stat-panel h2{font-size:20px;margin:0 0 16px}.bar-row{margin-bottom:13px}.bar-label{display:flex;justify-content:space-between;gap:12px;font-size:13px}.bar-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:8px;background:#edf0f8;border-radius:99px;margin-top:6px;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,#6b74e8,#64a4f8);border-radius:99px}.empty{color:var(--muted)}.recent-panel{padding:22px}.recent-head{display:flex;justify-content:space-between;align-items:end}.recent-head h2{margin:0}.recent-head small{color:var(--muted)}.table-scroll{overflow:auto;margin-top:14px}.recent-table{border-collapse:collapse;width:100%;min-width:760px}.recent-table th,.recent-table td{padding:11px 10px;border-bottom:1px solid #eef1f8;text-align:left;font-size:13px}.recent-table th{color:#6b769b;background:#fafbfe}.recent-table code{background:#f0f3fa;padding:3px 6px;border-radius:6px}.shake{animation:shake .28s linear}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media(max-width:850px){.cover{padding:30px}.metrics{grid-template-columns:1fr}.stage-strip{grid-template-columns:repeat(2,1fr)}.stage-nav{overflow-x:auto;grid-template-columns:repeat(5,180px)}.stage-hero{align-items:stretch;flex-direction:column}.progress-box{min-width:0}.question-card{grid-template-columns:76px 1fr}.q-index{min-height:84px}.option-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.admin-head{align-items:flex-start;flex-direction:column}.respondent-summary{grid-template-columns:1fr}}
@media(max-width:560px){.site-wrap,.global-top{width:min(100% - 20px,1120px)}.global-top{height:58px}.research-tag{display:none}.cover{padding:22px}.cover h1{font-size:34px}.lead{font-size:17px}.intro-box{grid-template-columns:1fr}.intro-icon{height:48px;width:48px}.stage-strip{grid-template-columns:1fr 1fr}.stage-mini{padding:12px}.stage-mini span{font-size:20px}.stage-mini b{font-size:15px}.stage-nav{padding:7px}.stage-hero{padding:22px}.stage-hero h1{font-size:38px}.stage-hero p{font-size:15px}.question-card{grid-template-columns:1fr;padding:14px}.q-index{min-height:auto;flex-direction:row;justify-content:flex-start;gap:9px;padding:11px 13px}.q-index span{font-size:22px}.q-index small{margin:0}.q-body h2{font-size:18px}.choice{padding:11px}.form-actions{position:sticky;bottom:8px;z-index:8;box-shadow:0 12px 40px rgba(40,56,110,.18)}.complete{padding:28px 20px}.admin-actions{width:100%;flex-direction:column;align-items:stretch}.admin-actions .btn,.admin-actions form,.admin-actions form button{width:100%}.flash-stack{top:62px;right:10px;width:calc(100vw - 20px)}}

/* Illustrated questionnaire: clear text first, decorative imagery stays in headers. */
:root{--bg:#f6f9ff;--panel:#fff;--ink:#172e69;--line:#d5e6ff;--shadow:0 12px 34px rgba(54,92,175,.08)}
body{background:radial-gradient(circle at 12% 0%,#e6f1ff,transparent 32%),radial-gradient(circle at 95% 15%,#fff0f7,transparent 28%),#f8fbff}
.panel{border:1px solid #dbe8ff;box-shadow:var(--shadow);backdrop-filter:none}
.cover{padding-top:245px;border-radius:26px;background:linear-gradient(180deg,#eef6ff,#fff 35%)}
.cover-art{height:215px;position:absolute;top:0;left:0;right:0;background:linear-gradient(110deg,#d6e9ff,#faf7ff 52%,#ffe4f2);overflow:hidden;border-radius:26px 26px 0 0}
.cover-fig{position:absolute;top:0;height:210px;width:200px;background-size:cover;background-position:top center;filter:saturate(.9)}
.cover-fig.anime{left:0;background-image:url('/static/anime_art.jpg');mask-image:linear-gradient(90deg,#000 65%,transparent)}
.cover-fig.toku{right:0;background-image:url('/static/toku_art.jpg');mask-image:linear-gradient(270deg,#000 65%,transparent)}
.cover-art img{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);height:95px;width:auto;object-fit:contain;filter:drop-shadow(0 6px 6px #7796bd44)}
.cover h1{text-align:center;font-size:clamp(30px,4vw,47px);line-height:1.28;margin-top:18px}.cover-kicker,.lead{text-align:center;display:block}.cover-kicker{border:0;background:none}
.stage-mini{border-radius:13px;background:linear-gradient(180deg,#fff,#f6faff)}
.stage-hero{min-height:172px;padding:26px 32px;background:linear-gradient(110deg,#fff,#f6f9ff)}
.stage-hero h1{font-size:clamp(29px,4vw,45px);margin:8px 0}.stage-hero p{font-size:15px}
.stage-hero .hero-mascot{position:absolute;height:116px;width:130px;object-fit:contain;right:280px;bottom:0;opacity:.82;pointer-events:none}
.question-card{grid-template-columns:76px 1fr;padding:18px 22px;gap:16px;border-radius:18px}
.q-index{min-height:65px;max-height:90px;border-radius:14px}.q-index span{font-size:28px}.q-index small{font-size:11px}
.q-body h2{font-size:19px;line-height:1.6}.choice{border:1px solid #dae6f6;background:#fbfdff;padding:12px 13px}.choice:has(input:checked){border-color:#8ea8ff;background:#f0f4ff;box-shadow:inset 0 0 0 1px #a8b9ff}.choice input{width:19px;height:19px}
.matrix-radio input:focus-visible+span,.choice:focus-within{outline:2px solid #7f99f4;outline-offset:2px}
.progress-track i{background:linear-gradient(90deg,#6c9ffd,#e280c8)}
@media(max-width:850px){.stage-hero .hero-mascot{right:18px;height:90px;opacity:.36}}
@media(max-width:560px){.cover{padding-top:170px}.cover-art{height:155px}.cover-fig{width:125px;height:155px}.cover-art img{height:70px}.cover h1{font-size:28px}.question-card{grid-template-columns:1fr;padding:16px}.q-index{max-height:none;min-height:40px;justify-content:flex-start;flex-direction:row;gap:8px;padding:9px 12px}.q-index span{font-size:20px}.stage-hero .hero-mascot{height:66px;right:8px;top:6px;opacity:.25}.q-body h2{font-size:17px}.matrix{min-width:710px}}