:root{font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#fff;background:#000;font-synthesis:none}*{box-sizing:border-box}html,body{background:#000}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.screen{width:min(920px,calc(100% - 48px));min-height:100svh;margin:0 auto}.gate-screen,.completion-screen,.waiting-screen{display:grid;place-items:center}.center-card{width:min(440px,100%)}.eyebrow{margin:0 0 18px;color:#777;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.center-card h1,.section-heading h1{margin:0 0 42px;font-size:clamp(38px,7vw,68px);line-height:1.08;letter-spacing:-.055em;font-weight:600}.gate-card label{display:block;margin-bottom:10px;color:#888;font-size:12px}.gate-card input{width:100%;height:66px;border:1px solid #3a3a3a;border-radius:0;outline:0;background:#000;color:#fff;padding:0 18px;font-size:18px;letter-spacing:.08em}.gate-card input:focus{border-color:#fff}.primary-button{width:100%;min-height:66px;margin-top:12px;border:1px solid #fff;border-radius:0;background:#fff;color:#000;font-weight:700;cursor:pointer;transition:.16s}.primary-button:hover{background:#000;color:#fff}.primary-button:disabled{border-color:#2d2d2d;background:#151515;color:#555;cursor:not-allowed}.form-error{margin:14px 0 0;color:#ff8d8d;font-size:13px}.topbar,.quiz-header,.report-header{display:flex;align-items:center;justify-content:space-between}.topbar{height:92px;border-bottom:1px solid #242424;color:#777;font-size:12px}.text-button{border:0;background:transparent;color:#888;padding:10px 0;cursor:pointer}.text-button:hover{color:#fff}.text-button:disabled{visibility:hidden}.role-section{padding:clamp(70px,12vw,130px) 0}.section-heading{margin-bottom:48px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.role-card{min-height:230px;border:1px solid #333;border-radius:0;background:#000;color:#fff;padding:28px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:.16s}.role-card>span{font-size:clamp(34px,6vw,58px);font-weight:600;letter-spacing:-.05em}.role-card>strong{color:#888;font-size:13px}.role-card:hover:not(:disabled){background:#fff;color:#000;border-color:#fff}.role-card:hover:not(:disabled)>strong{color:#444}.role-card:disabled{cursor:not-allowed;color:#555;border-color:#202020}.role-card:disabled>strong{color:#444}.status-note{margin:18px 0 0;color:#666;font-size:12px}.quiz-screen{display:flex;flex-direction:column;padding:44px 0 30px}.quiz-header{color:#888;font-size:12px}.progress{height:1px;margin-top:20px;background:#282828}.progress i{display:block;height:100%;background:#fff;transition:width .18s}.question{margin:auto 0;padding:64px 0}.question>p{margin:0 0 22px;color:#777;font-size:12px}.question h1{max-width:800px;margin:0 0 48px;font-size:clamp(30px,5vw,54px);line-height:1.28;letter-spacing:-.045em;font-weight:600}.answers{display:grid;gap:10px}.answer{min-height:68px;display:flex;align-items:center;gap:22px;padding:0 22px;border:1px solid #333;border-radius:0;background:#000;color:#fff;text-align:left;cursor:pointer;transition:.15s}.answer span{width:18px;color:#666;font-size:12px}.answer b{font-size:16px;font-weight:500}.answer:hover,.answer.selected{border-color:#fff;background:#fff;color:#000}.answer:hover span,.answer.selected span{color:#555}.quiz-footer{display:flex;justify-content:space-between;min-height:46px}.completion-card h1,.waiting-card h1{margin-bottom:34px}.waiting-card>p:not(.eyebrow){margin:-12px 0 26px;color:#888;line-height:1.7}.review-panel{padding:clamp(70px,10vw,120px) 0}.review-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.review-role-grid article{min-height:250px;border:1px solid #333;padding:28px;display:flex;flex-direction:column}.review-role-grid article>span{font-size:clamp(34px,6vw,58px);font-weight:600;letter-spacing:-.05em}.review-role-grid article>strong{margin-top:10px;color:#777;font-size:13px}.review-role-grid article .primary-button{margin-top:auto}.review-actions{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:24px}.review-actions .primary-button{margin:0}.report-screen{padding:70px 0 100px}.report-header{padding-bottom:34px;border-bottom:1px solid #333}.report-header h1{margin:0;font-size:clamp(36px,7vw,70px);letter-spacing:-.055em}.report-header>span{color:#666;font-size:12px}.report-tabs{position:sticky;top:0;z-index:3;display:flex;gap:8px;padding:18px 0;background:#000;border-bottom:1px solid #252525;overflow-x:auto}.report-tabs button{flex:0 0 auto;border:1px solid #333;background:#000;color:#888;padding:10px 14px;cursor:pointer}.report-tabs button.active,.report-tabs button:hover{border-color:#fff;background:#fff;color:#000}.variant-number{margin:0 0 18px;color:#666;font-size:11px;letter-spacing:.14em}.report-variant{padding-top:54px}.report-intro{max-width:720px;padding-bottom:44px}.report-intro h2{margin:0 0 18px;font-size:clamp(28px,5vw,48px);letter-spacing:-.045em}.report-intro p{color:#999;line-height:1.8}.report-overview{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #333}.report-overview article{min-height:240px;display:flex;flex-direction:column;padding:32px 0}.report-overview article+article{border-left:1px solid #333;padding-left:42px}.report-overview span,.report-overview small{color:#888;font-size:13px}.report-overview strong{margin:auto 0 4px;font-size:clamp(60px,10vw,112px);line-height:1}.dimensions,.differences{padding-top:76px}.dimensions h2,.differences h2{margin:0 0 32px;font-size:18px;font-weight:600}.dimensions article{margin-bottom:28px}.dimensions article>div{display:flex;justify-content:space-between;margin-bottom:12px}.dimensions article span{color:#aaa}.dimensions article i{display:block;height:5px;background:#242424}.dimensions article i b{display:block;height:100%;background:#fff}.differences article{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:20px;min-height:112px;border-top:1px solid #292929}.differences article>span{color:#666;font-size:13px}.differences article small{color:#777}.differences article p{margin:7px 0;line-height:1.5}.differences article em{color:#777;font-size:12px;font-style:normal}.differences article>b{font-size:13px;font-weight:500;color:#aaa}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.comparison-grid article{border:1px solid #2c2c2c;padding:24px}.comparison-grid article>span{color:#888}.comparison-grid article>strong{display:block;margin:16px 0;font-size:46px}.comparison-grid p,.comparison-grid small,.comparison-grid div{color:#888;line-height:1.7}.comparison-grid div{margin-top:16px;padding-top:16px;border-top:1px solid #2c2c2c}.dialogue-list,.action-list{display:grid;gap:12px}.dialogue-list article,.action-list article,.agreement{border:1px solid #2c2c2c;padding:28px}.dialogue-list article>span,.action-list small{color:#777;font-size:11px}.dialogue-list h3,.action-list h3{font-size:22px;line-height:1.5}.dialogue-list p,.dialogue-list li,.action-list p,.agreement p{color:#999;line-height:1.8}.action-list article{display:grid;grid-template-columns:48px 1fr;gap:18px}.action-list article>b{color:#666}.agreement{margin-top:12px}.report-footer{margin-top:78px;padding-top:24px;border-top:1px solid #292929;color:#666;font-size:12px;text-align:center}@media(max-width:640px){.screen{width:min(100% - 32px,920px)}.center-card h1,.section-heading h1{margin-bottom:32px}.topbar{height:72px}.role-section,.review-panel{padding:64px 0}.role-grid,.review-role-grid,.comparison-grid{grid-template-columns:1fr}.role-card{min-height:150px}.review-role-grid article{min-height:210px}.review-actions{grid-template-columns:1fr}.quiz-screen{padding-top:26px}.question{padding:50px 0 32px}.question h1{margin-bottom:34px;font-size:30px}.answer{min-height:64px;padding:12px 16px}.report-screen{padding-top:36px}.report-header{align-items:flex-end}.report-overview article{min-height:180px}.report-overview article+article{padding-left:24px}.dimensions,.differences{padding-top:56px}.differences article{grid-template-columns:32px 1fr;padding:18px 0}.differences article>b{grid-column:2}.report-tabs{margin-right:-16px}}@media(hover:none),(pointer:coarse){.answer:hover:not(.selected){border-color:#333;background:#000;color:#fff}.answer:hover:not(.selected) span{color:#666}}