:root{font-family:Arial,sans-serif;color:#111;background:#f5f2ea}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header{height:76px;border-bottom:3px solid #111;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{font-size:1.4rem;font-weight:700;letter-spacing:-.08em}.brand span{color:#fa4d8c}nav{display:flex;gap:20px;align-items:center;font-size:.72rem}button,input{font:inherit}.button{display:inline-block;border:3px solid #111;background:#c7ff55;padding:14px 18px;font-weight:700;box-shadow:5px 5px #111;cursor:pointer}.button.pink{background:#fa4d8c}.button.ghost{background:transparent}.button.small{padding:8px 11px;font-size:.75rem}.text-button{border:0;background:none;text-decoration:underline}.landing,.dash,.auth,.setup,.questions,.result{max-width:1250px;margin:auto;padding:7vw 5vw}.hero{min-height:calc(100dvh - 76px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw}.kicker{font-size:.72rem;letter-spacing:.12em}.hero h1,.auth h1,.setup h1,.questions h1,.result h1,.dash h1{font-size:clamp(3.5rem,8vw,8.5rem);line-height:.88;letter-spacing:-.08em;margin:22px 0}.hero h1 em,.setup h1 em{font-style:normal;color:#fa4d8c}.lede{font-size:1.15rem;line-height:1.45;max-width:480px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:35px}.reader-preview{background:#d5f8ff;border:3px solid #111;box-shadow:12px 12px #111;min-height:380px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(2deg)}.preview-top,.reader-bar,.doc-meta,.section-title,.dash-head,.reader-bottom{display:flex;justify-content:space-between;align-items:center}.reader-preview strong{font-size:clamp(2.5rem,5vw,5rem);line-height:.9;letter-spacing:-.08em}.manifesto{border-top:3px solid #111;padding:80px 0;display:grid;grid-template-columns:1fr 2fr 2fr;gap:20px}.manifesto h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.9;letter-spacing:-.07em;margin:0}.manifesto p{font-size:1.2rem;line-height:1.4}.auth form{display:grid;gap:18px;max-width:480px}.auth label,.controls label{font-size:.75rem;display:grid;gap:8px}.auth input{border:3px solid #111;padding:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:3px solid #111;margin:45px 0 65px}.stats div{padding:22px;border-right:3px solid #111}.stats div:last-child{border:0}.stats b{display:block;font-size:3rem}.stats span,.section-title span{font-size:.68rem}.section-title{border-bottom:3px solid #111;padding-bottom:14px}.section-title h2{font-size:2rem;margin:0}.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}.doc{border:3px solid #111;padding:22px;min-height:235px;display:flex;flex-direction:column;justify-content:space-between;background:#fff}.doc:nth-child(2n){background:#ffd36a}.doc.locked{opacity:.5;background:#ddd}.doc h3{font-size:2.4rem;letter-spacing:-.07em;margin:25px 0 8px}.doc footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:.68rem}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-block:3px solid #111;padding:35px 0;margin:40px 0}.setup .controls>div{border:3px solid #111;background:#fff;padding:22px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.setup .controls b{font-size:1.35rem}.setup .controls small{font-size:.72rem;color:#555}.admin-editor{box-shadow:6px 6px #111}.admin-row .button{white-space:nowrap}.admin-editor form{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.admin-editor form input,.admin-editor form textarea,.admin-editor form select{width:100%}.admin-editor form textarea,.admin-editor form button{grid-column:1/-1}.admin .admin-editor{box-shadow:6px 6px #111}.admin-editor form{gap:16px}.admin-editor h2{margin-top:0}.admin .section-title{margin-top:32px}.controls output{font-size:3rem;display:block}.controls input{width:100%;accent-color:#fa4d8c}.level-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.level-picker button{border:3px solid #111;background:#fff;padding:15px 8px;text-align:left}.level-picker button.selected{background:#c7ff55}.level-picker small{display:block;font-size:.6rem;margin-top:20px}.reader{min-height:calc(100dvh - 76px);background:#111;color:#f5f2ea;padding:25px 5vw;display:flex;flex-direction:column}.reader-bar{font-size:.7rem}.reader-bar button{background:none;color:inherit;border:0}.word{flex:1;display:grid;place-items:center;font-size:clamp(3rem,10vw,10rem);letter-spacing:-.08em;text-align:center}.reader-bottom{gap:18px;font-size:.7rem}.progress{height:7px;background:#333;flex:1}.progress i{height:100%;display:block;background:#fa4d8c}.questions fieldset{border:0;border-top:3px solid #111;padding:25px 0}.choice{display:block;border:3px solid #111;padding:15px;margin:8px 0;background:#fff}.choice.selected{background:#c7ff55}.score{border:3px solid #111;background:#c7ff55;box-shadow:8px 8px #111;padding:30px;display:inline-block;margin:30px 0}.score b{display:block;font-size:7rem;line-height:.8}.admin-row{display:grid;grid-template-columns:80px minmax(180px,1fr) 110px 80px 80px;align-items:center;gap:10px;border-bottom:2px solid #111;padding:18px 0;font-size:.8rem}.admin-row .button{width:80px;text-align:center;box-shadow:3px 3px #111;padding:8px 4px}.admin-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin .section-title{align-items:center}.admin .section-title .button{white-space:nowrap}.admin-editor{border:3px solid #111;background:#d5f8ff;padding:24px;margin-top:32px}.admin-editor form{display:grid;gap:12px;max-width:760px}.admin-editor input,.admin-editor textarea,.admin-editor select{border:3px solid #111;background:#fff;padding:12px}.admin-results{margin-top:55px}.auth-loading{min-height:70vh;display:grid;place-items:center;font-size:.8rem;letter-spacing:.12em}@media(max-width:700px){header{height:64px}.hero{grid-template-columns:1fr;padding-top:40px}.reader-preview{min-height:300px}.manifesto{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.doc-grid{grid-template-columns:1fr}.level-picker{grid-template-columns:1fr 1fr}.dash-head{align-items:start;gap:20px;flex-direction:column}.admin-editor form{grid-template-columns:1fr}.admin-row{grid-template-columns:1fr 1fr}.setup .controls{grid-template-columns:1fr}.admin-row{grid-template-columns:1fr 1fr;gap:8px}.admin-row strong{grid-column:1/-1}.admin-row .button{width:auto}}
