:root{--bg:#fafafa;--surface:#fff;--surface-soft:#f4f7fb;--accent-blue:#2f6df6;--accent-blue-soft:#eaf1ff;--accent-yellow:#f5f7bf;--accent-yellow-soft:#fbfcd8;--border:#d9dde4;--border-strong:#b8c0cc;--text:#111;--muted:#5f5f5f;--faint:#8a8a8a;--radius:8px;--shadow:0 12px 34px #00000012;--font:"Pliant", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px}.single-purpose-page,.results-page,.library-page,.detail-page,.doc-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.home-page{position:relative;overflow:hidden}.home-page>:not(.side-rays-bg){z-index:1;position:relative}.side-rays-bg{z-index:0;pointer-events:none;opacity:.9;background:radial-gradient(at 0%,#2f6df621,#0000 32%),radial-gradient(at 100% 42%,#f5f7bfb8,#0000 34%),linear-gradient(90deg,#0000 0 8%,#2f6df612 16%,#0000 30% 70%,#f5f7bf85 84%,#0000 96%);position:absolute;inset:0}.side-rays-bg:before,.side-rays-bg:after{content:"";opacity:.45;filter:blur(1px);transform-origin:50%;width:48%;position:absolute;top:-20%;bottom:-20%}.side-rays-bg:before{background:repeating-linear-gradient(76deg,#0000 0 28px,#2f6df61f 29px 30px,#0000 31px 68px);animation:18s ease-in-out infinite alternate sideRaysDrift;left:-16%}.side-rays-bg:after{background:repeating-linear-gradient(104deg,#0000 0 34px,#d2d74629 35px 36px,#0000 37px 76px);animation:22s ease-in-out infinite alternate-reverse sideRaysDrift;right:-18%}.journey-page{background:var(--bg);min-height:100vh}.minimal-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:22px clamp(20px,5vw,64px);display:flex}.brand,.header-right,.language-link,.soft-links,.journey-top,.journey-actions,.results-actions,.hero-actions{align-items:center;display:flex}.brand{color:var(--text);letter-spacing:.06em;font-size:18px;font-weight:700}.header-right{gap:18px}.text-link{border-radius:var(--radius);min-height:34px;color:var(--muted);padding:0 10px;font-size:14px}.text-link:hover{background:var(--surface-soft);color:var(--text)}.site-footer{justify-content:center;gap:6px;margin-top:auto;padding:34px 20px 24px;display:flex}.site-footer button{border-radius:var(--radius);min-height:34px;color:var(--muted);padding:0 10px;font-size:13px}.site-footer button:hover{background:var(--surface-soft);color:var(--text)}.language-link{min-height:28px;color:var(--muted);letter-spacing:.04em;padding:0;font-size:12px;font-weight:700}.language-link:hover{color:var(--text)}.start-panel{text-align:left;width:min(760px,100vw - 40px);margin:clamp(70px,14vh,150px) auto 0}.start-panel.small{width:min(580px,100vw - 40px)}.hero-panel{padding-bottom:64px}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:none;margin:0 0 14px;font-size:12px;font-weight:700}h1,h2{font-family:var(--font);letter-spacing:0;margin:0;font-weight:700}h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1}h2{font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.14}p{color:var(--muted);line-height:1.65}.start-panel p{max-width:62ch;margin:24px 0 30px;font-size:clamp(1rem,2vw,1.15rem)}.hero-actions{flex-wrap:wrap;gap:10px}.primary-action,.secondary-action,.finish-action{border-radius:var(--radius);justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:700;display:inline-flex}.primary-action,.finish-action{background:var(--text);color:var(--surface)}.secondary-action,.journey-actions>button:not(.finish-action),.results-actions>button:not(.text-link){border:1px solid var(--border-strong);background:var(--surface);color:var(--text)}.secondary-action:hover,.journey-actions>button:not(.finish-action):hover,.results-actions>button:not(.text-link):hover{background:var(--accent-yellow-soft)}.soft-links{flex-wrap:wrap;gap:8px;margin-top:20px}.journey-page{grid-template-rows:4px auto 1fr;height:100vh;display:grid;overflow:hidden}.journey-progress-bar{background:#e2e2e2;height:4px}.journey-progress-bar span{background:#555;height:100%;transition:width .18s;display:block}.journey-top{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;gap:12px;min-height:58px;padding:12px clamp(16px,4vw,44px)}.journey-top .text-link{min-height:28px;color:var(--faint);letter-spacing:.06em;padding:0;font-size:12px;font-weight:700}.journey-top .text-link:hover{color:var(--muted);background:0 0}.journey-remaining{color:var(--muted);font-size:13px}.question-stage{grid-template-rows:minmax(0,1fr) auto auto auto;align-content:center;width:min(760px,100vw - 32px);max-height:100%;margin:0 auto;padding:clamp(18px,4vh,34px) 0;animation:.18s ease-out both questionIn;display:grid}.gender-stage{align-self:center;width:min(620px,100vw - 32px);margin:0 auto}.gender-stage h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.04}.gender-stage p{max-width:52ch;margin:18px 0 24px}.gender-actions{flex-wrap:wrap;gap:10px;display:flex}.question-stage h1{align-self:end;max-width:760px;font-size:clamp(1.8rem,4.8vw,3.55rem);line-height:1.06}.answer-list{gap:8px;margin-top:clamp(18px,3.5vh,28px);display:grid}.answer{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:50px;color:var(--text);text-align:left;justify-content:space-between;align-items:center;padding:0 14px;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:flex}.answer:hover,.answer.selected{border-color:var(--accent-blue);background:var(--accent-blue-soft)}.answer.selected{box-shadow:inset 0 0 0 2px var(--accent-blue);color:var(--text);transform:translateY(-1px)}.question-stage.is-committing .answer:not(.selected){opacity:.48}.answer:disabled{cursor:default}.answer span:last-child{color:var(--muted);font-size:13px;font-weight:700}@keyframes questionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sideRaysDrift{0%{transform:translate(-10px)skew(-3deg)}to{transform:translate(14px)skew(3deg)}}@media (prefers-reduced-motion:reduce){.side-rays-bg:before,.side-rays-bg:after{animation:none}}.journey-actions{justify-content:center;gap:18px;margin-top:clamp(12px,2vh,16px)}.results-actions>button:not(.text-link){border-radius:var(--radius);min-height:42px;padding:0 15px}.journey-actions button{min-height:28px;color:var(--faint);padding:0 4px;font-size:12px}.journey-actions button:hover:not(:disabled){color:var(--text)}.journey-finish{justify-content:center;margin-top:clamp(14px,2.5vh,20px);display:flex}.microcopy{color:var(--faint);margin:10px 0 0;font-size:13px}.results-page,.library-page,.detail-page,.doc-page{padding-bottom:72px}.results-intro,.page-heading,.detail-intro,.doc-article{width:min(920px,100vw - 40px);margin:52px auto 0}.results-intro h1,.page-heading h1,.detail-intro h1,.doc-article h1{font-size:clamp(2rem,5vw,4rem)}.results-intro p,.detail-intro p{max-width:64ch}.results-matrix{border:1px solid var(--border);border-radius:var(--radius);width:min(960px,100vw - 40px);height:min(58vh,520px);min-height:420px;box-shadow:var(--shadow);background:#181818;margin:30px auto 22px;position:relative;overflow:hidden}.matrix-3d,.matrix-canvas{inset:0;width:100%!important;height:100%!important;position:absolute!important}.matrix-3d:after{content:"";pointer-events:none;background:linear-gradient(#0000 72%,#00000057);position:absolute;inset:0}.matrix-3d-axis,.matrix-3d-label,.matrix-3d-tooltip{z-index:2;pointer-events:none;position:absolute}.matrix-3d-axis{color:#ffffff9e;letter-spacing:0;font-size:11px;font-weight:700}.matrix-3d-axis-bottom{bottom:18px;left:18px}.matrix-3d-axis-top{color:#fff;top:18px;left:18px}.matrix-3d-label{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#000000a3;border:1px solid #9fc7ff42;border-radius:6px;max-width:56px;padding:3px 5px;font-size:9px;line-height:1.2;overflow:hidden}.matrix-3d-tooltip{border-radius:var(--radius);min-width:180px;box-shadow:var(--shadow);color:#fff;background:#000000b8;border:1px solid #ffffff2e;gap:3px;padding:12px;display:grid;top:18px;left:18px}.matrix-3d-tooltip span{color:#ffffffb3;font-size:12px}.ranking-list{gap:8px;width:min(740px,100vw - 40px);margin:0 auto;display:grid}.ranking-row{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(90deg, var(--surface) 0, var(--surface) 72%, var(--accent-yellow-soft) 100%);justify-content:space-between;gap:18px;padding:14px 15px;display:flex}.ranking-row strong{color:var(--text)}.results-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}.pattern-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;width:min(1040px,100vw - 40px);margin:26px auto 0;display:grid}.pattern-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;min-height:180px;padding:20px}.pattern-card:hover{border-color:var(--accent-blue);background:var(--accent-blue-soft)}.pattern-card span{color:var(--muted);font-size:12px;font-weight:700}.pattern-card h2{margin-top:16px;font-size:1.5rem}.detail-sections{gap:14px;width:min(920px,100vw - 40px);margin:26px auto 0;display:grid}.content-block,.doc-article{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:clamp(20px,4vw,34px)}.content-block:nth-child(2n),.doc-article{background:linear-gradient(180deg, var(--surface) 0, var(--surface) 76%, var(--accent-yellow-soft) 100%)}.content-block ul,.doc-article ul{color:var(--muted);gap:8px;line-height:1.65;display:grid}.decision-list{gap:10px;display:grid}.decision-list article{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);padding:14px}.step-list{color:var(--muted);gap:10px;line-height:1.65;display:grid}.microtask-list{color:var(--muted);gap:8px;line-height:1.55;display:grid}.microtask-list li{border-bottom:1px solid var(--border);padding:10px 0}.microtask-list li:last-child{border-bottom:0}.doc-article{max-width:820px}.doc-article h2{margin-top:32px;font-size:1.55rem}@media (width<=760px){.side-rays-bg{opacity:.58}.side-rays-bg:before,.side-rays-bg:after{opacity:.28;width:70%}.minimal-header{gap:12px;min-height:58px;padding:14px 16px}.header-right{gap:10px}h1{font-size:clamp(2.2rem,12vw,3.6rem)}.question-progress{flex-direction:column;gap:8px}.journey-top{flex-wrap:wrap;min-height:54px;padding:10px 16px}.journey-top .text-link{display:none}.question-stage{width:min(100vw - 24px,720px);padding:16px 0}.gender-stage{width:min(100vw - 24px,620px)}.question-stage h1{font-size:clamp(1.55rem,8vw,2.4rem)}.answer{min-height:46px}.results-matrix{min-height:360px}.matrix-3d-label{max-width:46px;padding:2px 4px;font-size:8px}}