:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14141b;--card:#23232f;--text:#faf7ff;--muted:#c5bfd2;--accent:#c4adff;--line:#393948}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:24px 6vw;display:flex}a{color:var(--accent)}.wordmark{letter-spacing:4px;color:var(--text);font-size:23px;font-weight:800;text-decoration:none}.wordmark span{color:var(--accent)}nav{align-items:center;gap:20px;display:flex}.preview{letter-spacing:2px;color:var(--muted);font-size:10px}main{max-width:1240px;min-height:80vh;margin:auto;padding:48px 40px 80px}h1{letter-spacing:-2px;margin:16px 0 28px;font-size:clamp(38px,5vw,68px);font-weight:700;line-height:1.08}em{color:var(--accent);font-style:normal}h2{margin:8px 0 16px;font-size:23px;line-height:1.3}p{color:var(--muted);margin:12px 0 22px}.eyebrow{letter-spacing:2.5px;color:var(--accent);font-size:11px;font-weight:700}.lead{font-size:20px;line-height:1.6}.landing{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;min-height:520px;display:grid}.visual{background:radial-gradient(at 30% 10%,#4a395e,#24212e 65%);border-radius:40px;height:480px;position:relative;overflow:hidden}.orbit{border:28px solid var(--accent);border-radius:50%;width:170px;height:220px;position:absolute;top:65px;left:85px;transform:rotate(-24deg)}.orbit-two{border-color:#ffc7a8;top:116px;left:175px;transform:rotate(24deg)}.visual-caption{text-align:center;position:absolute;bottom:45px;left:35px;right:35px}.visual-caption span,.visual-caption strong{display:block}.visual-caption span{color:var(--muted)}.visual-caption strong{letter-spacing:-1px;font-size:30px}.float-card{letter-spacing:1.5px;background:#302b3c;border:1px solid #82718f;border-radius:30px;padding:8px 12px;font-size:9px;position:absolute;top:34px;right:24px}.grid-three{grid-template-columns:repeat(3,1fr);gap:20px;margin:60px 0 28px;display:grid}article{background:var(--card);border:1px solid var(--line);border-radius:26px;margin:22px 0;padding:28px}.grid-three article{margin:0}.symbol{color:#302344;background:var(--accent);letter-spacing:-8px;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;padding-right:8px;font-size:36px;font-weight:500;display:inline-flex}.kind1{letter-spacing:0;background:#ffc7a8;padding:0}.kind2{letter-spacing:0;background:#aee5d1;padding:0}.actions,.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row h2,.row p{margin:0}.row>div{flex:1}.fine{font-size:12px;line-height:1.6}.narrow{max-width:600px;margin:20px auto}.narrow h1{letter-spacing:-1.5px;font-size:44px}.narrow>button{width:100%;margin:7px 0}.featured,.result{background:#292438;border-color:#6f5b96}.badge{color:var(--accent);background:#332a46;border-radius:12px;padding:6px 10px;font-size:11px}.progress-label{justify-content:space-between;align-items:center;gap:20px;display:flex}.progress-label h2{margin:0}.progress-label>span{color:var(--muted);font-size:12px}.segments{gap:6px;margin:16px 0 24px;display:flex}.segments span{background:var(--line);border-radius:5px;flex:1;height:5px}.segments .done{background:var(--accent)}button{font:inherit;color:#261a3d;background:var(--accent);cursor:pointer;border:0;border-radius:16px;min-height:54px;padding:15px 23px;font-weight:700;transition:background .15s,transform .15s}button:hover{filter:brightness(1.08)}button:active{transform:scale(.99)}button:disabled{opacity:.45;cursor:default}.secondary{background:var(--card);color:var(--text);border:1px solid #61596e}.text-button{min-height:44px;color:var(--accent);background:0 0;padding:6px;font-size:13px;font-weight:500}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #ffc7a8}aside{color:var(--muted);background:#2b2835;border-radius:18px;padding:20px;font-size:13px}form{gap:20px;display:grid}label{color:var(--text);gap:8px;margin:16px 0;font-size:14px;display:grid}input:not([type=checkbox]):not([type=radio]){font:inherit;color:var(--text);background:var(--card);border:1px solid #61596e;border-radius:15px;width:100%;min-height:54px;padding:15px}.checkbox{align-items:flex-start;gap:14px;display:flex}.checkbox input{min-width:20px;min-height:20px;accent-color:var(--accent);margin-top:6px}.question{min-height:100px;line-height:1.3;font-size:30px!important}fieldset{border:0;margin:0;padding:0}.answer{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:16px;align-items:center;gap:14px;min-height:56px;margin:9px 0;padding:14px 18px;font-size:15px;display:flex}.answer input{accent-color:#35234e;width:20px;height:20px}.answer.selected{background:var(--accent);color:#231a34}.answer-number{width:20px;font-size:18px;font-weight:700}.score{color:var(--text);white-space:nowrap;font-size:34px}small{color:var(--muted);font-size:14px}.big-score{letter-spacing:-3px;font-size:80px}.big-score small{letter-spacing:0;font-size:22px}progress{appearance:none;background:var(--line);border:0;border-radius:8px;width:100%;height:7px;margin:16px 0;overflow:hidden}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent);border-radius:8px}progress::-moz-progress-bar{background:var(--accent)}.callout{background:#332d41;border-radius:18px;padding:18px}.callout p{margin:10px 0 0}.private-link{overflow-wrap:anywhere;background:var(--bg);border-radius:14px;margin:14px 0;padding:14px;font-size:12px;display:block}.feedback{background:#333042;border:1px solid #82718f;border-radius:18px;max-width:600px;margin:24px auto 0;padding:18px 24px;position:sticky;bottom:20px;box-shadow:0 6px 28px #0007}.error{color:#ffb8b8;background:#452d37}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:25px 6vw;font-size:12px;display:flex}@media (max-width:760px){header{padding:18px 20px}nav{gap:10px}.preview{display:none}main{padding:28px 22px 60px}.landing{grid-template-columns:1fr;gap:32px}.visual{height:340px}.orbit{border-width:23px;width:140px;height:170px;top:30px;left:calc(50% - 120px)}.orbit-two{top:65px;left:calc(50% - 30px)}.visual-caption{bottom:30px}.visual-caption strong{font-size:26px}.float-card{font-size:8px;top:15px;right:15px}.grid-three{grid-template-columns:1fr;gap:12px;margin-top:32px}.grid-three article{padding:22px}.narrow h1{font-size:36px}.actions>button{flex:1}article{padding:22px}.progress-label{gap:8px}.progress-label h2{font-size:19px}.score{font-size:26px}.question{font-size:26px!important}footer{flex-wrap:wrap}.wordmark{font-size:19px}.text-button{font-size:12px}}
