:root{--paper:#f2ebdc;--paper-light:#faf6ed;--ink:#20201d;--muted:#625f56;--line:#292923;--rust:#a7462d;--rust-dark:#75301f;--olive:#6b6b45;--shadow:9px 10px 0 #20201d1f}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--paper);min-width:320px}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 12% 15%, #a7462d1f, transparent 27rem), radial-gradient(circle at 88% 85%, #6b6b4521, transparent 24rem), repeating-linear-gradient(0deg, transparent 0, transparent 31px, #20201d0d 32px), var(--paper);margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.experiment-shell{grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr);align-items:center;gap:clamp(2rem,5vw,6rem);width:min(100% - 3rem,76rem);min-height:100vh;margin:0 auto;padding:clamp(3rem,8vh,7rem) 0;display:grid}.experiment-intro{position:relative}.experiment-intro:before{z-index:-1;content:"";border:1px solid #20201d38;border-radius:50%;width:7rem;height:7rem;position:absolute;top:-2.4rem;left:-2.7rem}.eyebrow{color:var(--rust-dark);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;font-weight:700}h1,h2,h3,p{text-wrap:pretty}h1,h2,h3{font-family:Songti SC,STSong,Noto Serif CJK SC,serif}h1{letter-spacing:-.065em;max-width:11ch;margin:0;font-size:clamp(3rem,7vw,6rem);font-weight:800;line-height:.98}.intro-copy{max-width:38rem;color:var(--muted);margin:1.8rem 0 0;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.9}.boundary-note{border:1px solid var(--line);background:#faf6edbd;max-width:41rem;margin-top:2.2rem;padding:1.35rem 1.5rem 1.3rem 1.75rem;position:relative;box-shadow:5px 6px #20201d14}.boundary-note:before{background:var(--rust);content:"";width:.35rem;position:absolute;top:0;bottom:0;left:0}.boundary-note h2{margin:0 0 .7rem;font-size:1.05rem}.boundary-note p{color:var(--muted);margin:.55rem 0 0;font-size:.9rem;line-height:1.72}.consent-control{cursor:pointer;align-items:flex-start;gap:.8rem;max-width:40rem;margin-top:1.4rem;font-size:.95rem;font-weight:650;line-height:1.55;display:flex}.consent-control input{width:1.2rem;height:1.2rem;accent-color:var(--rust);flex:none;margin:.12rem 0 0}.consent-control input:disabled{opacity:1;cursor:default}.role-section{border:1.5px solid var(--line);box-shadow:var(--shadow);background:#faf6eddb;padding:clamp(1.35rem,3vw,2.2rem);transform:rotate(.45deg)}.section-heading{border-bottom:1px solid #20201d4d;padding-bottom:1.35rem}.section-heading h2{margin:0;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.18}.section-heading>p:last-child{color:var(--muted);margin:.8rem 0 0;font-size:.9rem;line-height:1.6}.role-grid{gap:.85rem;margin-top:1.25rem;display:grid}.role-card{background:var(--paper-light);border:1px solid #20201d85;grid-template-columns:2.7rem 1fr auto;grid-template-areas:"number title action""number copy action";align-items:center;gap:.2rem 1rem;min-height:8.8rem;padding:1.15rem;transition:transform .16s,box-shadow .16s;display:grid}.role-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #20201d1a}.role-number{color:var(--rust);grid-area:number;align-self:start;margin:0;font-family:Songti SC,STSong,serif;font-size:1.75rem;font-style:italic}.role-card h3{grid-area:title;margin:0;font-size:1.45rem}.role-card>p:not(.role-number){color:var(--muted);grid-area:copy;margin:.35rem 0 0;font-size:.86rem;line-height:1.55}.role-card button{border:1px solid var(--ink);min-height:2.9rem;color:var(--paper-light);background:var(--ink);cursor:pointer;border-radius:0;grid-area:action;padding:0 1rem;font-size:.86rem;font-weight:700;transition:background .14s,color .14s}.role-card button:hover:not(:disabled){border-color:var(--rust-dark);background:var(--rust-dark)}.role-card button:disabled{color:#20201d7a;cursor:not-allowed;background:#20201d14;border-color:#20201d38}.role-card button:focus-visible,.primary-link:focus-visible,.secondary-link:focus-visible,.consent-control input:focus-visible{outline:3px solid var(--rust);outline-offset:3px}.entry-hint{color:var(--rust-dark);text-align:center;margin:1rem 0 0;font-size:.82rem}.gate-shell{place-items:center;width:min(100% - 2rem,48rem);min-height:100vh;margin:0 auto;padding:3rem 0;display:grid}.gate-card{border:1.5px solid var(--line);width:100%;box-shadow:var(--shadow);background:#faf6ede0;padding:clamp(2rem,7vw,4.5rem)}.gate-card h1{max-width:15ch;font-size:clamp(2.35rem,7vw,4.8rem)}.gate-card>p:not(.eyebrow){max-width:36rem;color:var(--muted);margin:1.5rem 0 0;line-height:1.8}.primary-link,.secondary-link{border:1px solid var(--ink);justify-content:center;align-items:center;min-height:3rem;margin-top:2rem;padding:0 1.2rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.primary-link{color:var(--paper-light);background:var(--ink)}.secondary-link{color:var(--ink);background:0 0}.primary-link:hover{background:var(--rust-dark)}.secondary-link:hover{color:var(--paper-light);background:var(--ink)}.gate-status{color:var(--muted);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.questionnaire-shell{width:min(100% - 2rem,68rem);min-height:100vh;margin:0 auto;padding:clamp(2rem,6vh,4.5rem) 0}.questionnaire-header{border-bottom:1.5px solid var(--line);justify-content:space-between;align-items:end;gap:2rem;padding-bottom:1.4rem;display:flex}.questionnaire-intro{max-width:38rem;color:var(--muted);margin:0;line-height:1.7}.questionnaire-progress{letter-spacing:.08em;text-align:right;gap:.55rem;min-width:12rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:700;display:grid}.questionnaire-progress progress{width:100%;height:.45rem;color:var(--rust);background:#20201d1f;border:0;border-radius:0}.questionnaire-progress progress::-webkit-progress-bar{background:#20201d1f}.questionnaire-progress progress::-webkit-progress-value{background:var(--rust)}.questionnaire-progress progress::-moz-progress-bar{background:var(--rust)}.question-card{border:1.5px solid var(--line);box-shadow:var(--shadow);background:#faf6ede0;margin-top:clamp(2rem,6vh,4rem);padding:clamp(1.3rem,4vw,3.5rem)}.scene-block{border-bottom:1px solid #20201d3d;grid-template-columns:8.6rem 1fr;gap:1rem;padding-bottom:1.5rem;display:grid}.scene-block p{color:var(--muted);margin:0;line-height:1.75}.scene-block .scene-label{color:var(--rust-dark);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:700}.question-card h1{letter-spacing:-.045em;max-width:26ch;margin-top:clamp(1.7rem,4vw,3rem);font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.18}.option-list{border:0;gap:.7rem;margin:2rem 0 0;padding:0;display:grid}.option-control{cursor:pointer;background:#f2ebdc73;border:1px solid #20201d6b;grid-template-columns:1.2rem 2rem 1fr;align-items:center;gap:.75rem;min-height:4.2rem;padding:1rem 1.1rem;line-height:1.6;transition:border-color .14s,background .14s,transform .14s;display:grid}.option-control:hover{border-color:var(--rust-dark);background:var(--paper-light);transform:translate(3px)}.option-control:has(input:checked){border-color:var(--rust-dark);box-shadow:inset .35rem 0 0 var(--rust);background:#a7462d17}.option-control input{width:1.05rem;height:1.05rem;accent-color:var(--rust)}.option-marker{color:var(--rust-dark);font-family:Songti SC,STSong,serif;font-size:1.25rem;font-style:italic}.question-actions,.result-actions{justify-content:flex-end;gap:.8rem;margin-top:2rem;display:flex}.primary-button,.text-button{border:1px solid var(--ink);cursor:pointer;border-radius:0;min-height:3rem;padding:0 1.35rem;font-size:.9rem;font-weight:700}.primary-button{color:var(--paper-light);background:var(--ink)}.text-button{color:var(--ink);background:0 0}.primary-button:hover:not(:disabled),.text-button:hover:not(:disabled){color:var(--paper-light);background:var(--rust-dark)}.primary-button:disabled,.text-button:disabled{color:#20201d66;cursor:not-allowed;background:#20201d12;border-color:#20201d33}.primary-button:focus-visible,.text-button:focus-visible,.option-control input:focus-visible,.feedback-card input:focus-visible,.feedback-card select:focus-visible,.feedback-card textarea:focus-visible,.result-details summary:focus-visible{outline:3px solid var(--rust);outline-offset:3px}.result-shell{width:min(100% - 2rem,70rem);min-height:100vh;margin:0 auto;padding:clamp(2.5rem,7vh,6rem) 0}.result-hero{border:1.5px solid var(--line);box-shadow:var(--shadow);background:#faf6ede0;padding:clamp(2rem,6vw,5rem);position:relative;overflow:hidden}.result-hero:after{content:"";border:1px solid #20201d2e;border-radius:50%;width:13rem;height:13rem;position:absolute;bottom:-4rem;right:-3rem}.result-code{border:1px solid var(--rust-dark);color:var(--rust-dark);letter-spacing:.14em;padding:.55rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:800;position:absolute;top:1.2rem;right:1.4rem;transform:rotate(2deg)}.result-hero h1{max-width:12ch;font-size:clamp(3.2rem,9vw,7rem)}.between-hero h1,.balanced-hero h1{max-width:8ch}.result-type-name{color:var(--rust-dark);margin:1.2rem 0 0;font-size:1rem;font-weight:750}.result-one-line{max-width:46rem;color:var(--muted);margin:1.4rem 0 0;font-size:clamp(1rem,2vw,1.18rem);line-height:1.8}.result-summary-grid{grid-template-columns:.9fr 1.1fr;gap:1rem;margin-top:1rem;display:grid}.result-section,.between-section,.state-copy,.result-boundary,.result-details{background:#faf6edc7;border:1px solid #20201d70;margin-top:1rem;padding:clamp(1.35rem,3vw,2.2rem)}.result-summary-grid .result-section{margin-top:0}.result-section h2,.between-section h2{margin:0;font-size:clamp(1.55rem,3vw,2.15rem)}.dimension-list{gap:0;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.dimension-list li{color:var(--muted);border-top:1px solid #20201d33;justify-content:space-between;gap:1rem;padding:.8rem 0;display:flex}.dimension-list strong{color:var(--ink)}.same-frequency>p,.identity-card>p,.state-copy p,.result-boundary p,.result-detail-content p,.reference-grid p{color:var(--muted);line-height:1.75}.same-frequency .reference-boundary{color:var(--rust-dark);border-top:1px solid #20201d3d;margin-top:1.2rem;padding-top:1rem;font-size:.88rem}.result-details{padding:0}.result-details summary{cursor:pointer;padding:1.35rem 1.5rem;font-family:Songti SC,STSong,serif;font-size:1.25rem;font-weight:800}.result-details[open] summary{border-bottom:1px solid #20201d4d}.result-detail-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;padding:clamp(1.4rem,4vw,2.6rem);display:grid}.result-detail-content section{border-top:1px solid #20201d3d;padding-top:1rem}.result-detail-content h2,.identity-card h3,.reference-grid h3{margin:0;font-size:1.25rem}.result-detail-content ul{color:var(--muted);gap:.7rem;padding-left:1.2rem;line-height:1.65;display:grid}.between-grid,.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.identity-card,.reference-grid article{background:var(--paper-light);border:1px solid #20201d57;padding:1.25rem}.state-copy p:first-child,.result-boundary p:first-child{margin-top:0}.state-copy p:last-child,.result-boundary p:last-child{margin-bottom:0}.result-boundary{border-left:.4rem solid var(--olive);font-size:.9rem}.form-error{color:var(--rust-dark);font-weight:700;line-height:1.6}.submission-error{margin:1.2rem 0 -.8rem}.feedback-card{background:#faf6edc7;border:1px solid #20201d70;margin-top:1rem;padding:clamp(1.35rem,3vw,2.2rem)}.feedback-card h2{margin:0;font-size:clamp(1.55rem,3vw,2.15rem)}.feedback-intro{max-width:42rem;color:var(--muted);line-height:1.7}.feedback-card form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:1.5rem;display:grid}.feedback-card form>label{gap:.55rem;font-weight:700;display:grid}.feedback-card form>label:nth-of-type(3),.feedback-card fieldset,.feedback-card .form-error,.feedback-card .primary-button{grid-column:1/-1}.feedback-card select,.feedback-card textarea{width:100%;color:var(--ink);background:var(--paper-light);border:1px solid #20201d70;border-radius:0}.feedback-card select{min-height:3rem;padding:0 .8rem}.feedback-card textarea{resize:vertical;min-height:7rem;padding:.8rem;line-height:1.6}.feedback-card fieldset{border:1px solid #20201d57;margin:0;padding:1rem}.feedback-card legend{padding:0 .4rem;font-weight:700}.feedback-agreements{flex-wrap:wrap;gap:.8rem 1.4rem;display:flex}.feedback-agreements label{cursor:pointer;align-items:center;gap:.45rem;display:inline-flex}.feedback-card .primary-button{justify-self:start}.admin-login-shell{place-items:center;width:min(100% - 2rem,42rem);min-height:100vh;margin:0 auto;padding:3rem 0;display:grid}.admin-login-card,.admin-state{border:1.5px solid var(--line);width:100%;box-shadow:var(--shadow);background:#faf6ede0;padding:clamp(1.5rem,5vw,3rem)}.admin-login-card h1{max-width:12ch;font-size:clamp(2.7rem,8vw,5rem)}.admin-login-card>p:not(.eyebrow),.admin-login-status p,.admin-state p,.admin-header p{color:var(--muted);line-height:1.7}.admin-login-card form{gap:1rem;margin-top:2rem;display:grid}.admin-login-card form label{gap:.55rem;font-weight:700;display:grid}.admin-login-card input{background:var(--paper-light);border:1px solid #20201d70;border-radius:0;min-height:3.2rem;padding:0 .9rem}.admin-login-status{border-left:.35rem solid var(--olive);background:#6b6b4514;margin-top:2rem;padding:1.2rem}.admin-login-status h2{margin:0}.admin-shell{width:min(100% - 2rem,82rem);min-height:100vh;margin:0 auto;padding:clamp(2rem,6vh,4.5rem) 0}.admin-header{border-bottom:1.5px solid var(--line);justify-content:space-between;align-items:start;gap:2rem;padding-bottom:1.5rem;display:flex}.admin-header h1{max-width:12ch;font-size:clamp(2.8rem,7vw,5.5rem)}.admin-header p:last-child{max-width:42rem}.admin-state{margin-top:2rem}.admin-state h2{margin:0}.admin-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.admin-counts article{background:#faf6edc7;border:1px solid #20201d70;gap:.5rem;padding:1.3rem;display:grid}.admin-counts span{color:var(--muted);font-size:.82rem;font-weight:700}.admin-counts strong{font-family:Songti SC,STSong,serif;font-size:2.5rem}.admin-actions{justify-content:flex-end;gap:.8rem;margin-top:1rem;display:flex}.admin-records{margin-top:2rem}.admin-records>h2{font-size:clamp(1.8rem,4vw,2.6rem)}.admin-record{background:#faf6edc7;border:1px solid #20201d70;margin-top:.8rem}.admin-record summary{cursor:pointer;grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.1rem;display:grid}.admin-record summary strong,.admin-record summary time{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.admin-record summary time{color:var(--muted)}.admin-record-content{border-top:1px solid #20201d3d;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.2rem;display:grid}.admin-record-content>*{background:var(--paper-light);border:1px solid #20201d3d;margin:0;padding:1rem}.admin-record-content h3{margin:0 0 1rem}.admin-meta,.admin-feedback{gap:.75rem;display:grid}.admin-meta div,.admin-feedback div{grid-template-columns:minmax(8rem,.4fr) 1fr;gap:.8rem;display:grid}.admin-meta dt,.admin-feedback dt{color:var(--muted);font-weight:700}.admin-meta dd,.admin-feedback dd{overflow-wrap:anywhere;margin:0}.admin-answer-list,.admin-dimension-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.admin-answer-list li,.admin-dimension-list li{border-top:1px solid #20201d2e;grid-template-columns:1fr auto auto;gap:1rem;padding:.65rem 0;display:grid}.result-actions{align-items:center}.result-actions .secondary-link{margin-top:0}@media (max-width:860px){.experiment-shell{grid-template-columns:1fr;gap:3.5rem;width:min(100% - 2rem,42rem);padding:3.5rem 0 4.5rem}.role-section{transform:none}.result-summary-grid,.result-detail-content,.feedback-card form,.admin-record-content{grid-template-columns:1fr}}@media (max-width:540px){h1{max-width:10ch;font-size:clamp(2.75rem,15vw,4.2rem)}.experiment-intro:before{width:5rem;height:5rem;top:-1.7rem;left:-1.2rem}.role-card{grid-template-columns:2.3rem 1fr;grid-template-areas:"number title""number copy""action action"}.role-card button{width:100%;margin-top:.85rem}.questionnaire-header{align-items:start;display:grid}.questionnaire-progress{text-align:left;min-width:0}.scene-block{grid-template-columns:1fr;gap:.45rem}.question-card{padding:1.1rem}.option-control{grid-template-columns:1.1rem 1.6rem 1fr;padding:.9rem}.question-actions,.result-actions,.admin-actions{grid-template-columns:1fr;display:grid}.question-actions button,.result-actions button,.result-actions a{width:100%}.between-grid,.reference-grid{grid-template-columns:1fr}.admin-header,.admin-record summary{display:grid}.admin-counts,.admin-meta div,.admin-feedback div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}