:root{color-scheme:dark;--bg:#10101c;--panel:#191925;--paper:#f4f1e8;--muted:#aaa9b6;--line:#343341;--lime:#cefa52;--coral:#ff786d;--lilac:#c0aaff;--mono:'DM Mono',monospace;--sans:'Noto Sans SC',system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font:15px/1.7 var(--sans);min-width:320px}button,a{font:inherit}button{color:inherit}.site-shell{max-width:1280px;margin:auto;padding:0 clamp(18px,6vw,80px);overflow:hidden}.ambient{position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(110px);opacity:.12}.ambient-one{width:400px;height:400px;right:-150px;top:100px;background:#8870e7}.ambient-two{width:330px;height:330px;left:-160px;bottom:-80px;background:#a7d94d}.site-shell>*{position:relative;z-index:1}.skip-link{position:fixed;z-index:5;top:8px;left:8px;transform:translateY(-150%);padding:9px 12px;background:var(--lime);color:var(--bg)}.skip-link:focus{transform:none}.topbar{height:78px;border-bottom:1px solid #ffffff17;display:flex;align-items:center;justify-content:space-between}.wordmark{text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:800}.wordmark-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--bg)}.topbar-note,.eyebrow,.mode-overline,.section-count,.mode-index,.mode-tag,.art-caption,.intro-label,.intro-side-foot,.progress-meta,.quiz-kicker,.question-index,.result-kicker,.panel-index{font:10px var(--mono);letter-spacing:.08em}.topbar-note{color:var(--muted);display:flex;gap:9px;align-items:center}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}.landing{padding-bottom:42px}.hero-grid{min-height:520px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:28px;border-bottom:1px solid #ffffff17}.hero-copy{padding:50px 0}.eyebrow{color:var(--lime);margin:0 0 15px;display:flex;gap:10px;align-items:center}.eyebrow-line{height:1px;width:28px;background:var(--lime)}.hero-copy h1{font-size:clamp(56px,8vw,100px);line-height:1.04;letter-spacing:-.07em;margin:20px 0 24px}.hero-copy h1 span{color:var(--lime)}.hero-lead{max-width:480px;color:#c9c7d2}.hero-meta{display:flex;align-items:center;gap:12px;color:#9997a4;font:10px var(--mono);margin-top:26px}.hero-meta i,.result-subtitle i{width:3px;height:3px;background:var(--lime);border-radius:50%}.hero-art{height:410px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #e8e4fc17;border-radius:50%}.orbit-a{width:350px;height:190px;transform:rotate(-25deg)}.orbit-b{width:410px;height:250px;transform:rotate(48deg)}.orbit-c{width:450px;height:300px;transform:rotate(-7deg)}.record{width:230px;height:230px;border-radius:50%;background:repeating-radial-gradient(circle,#282735 0 2px,#181824 3px 6px);box-shadow:0 25px 70px #0009,0 0 70px #c0aaff20;display:grid;place-items:center;position:relative}.record:before{content:'';position:absolute;width:140px;height:140px;border:1px solid #ffffff19;border-radius:50%}.record-label{font:14px/1.5 var(--mono);letter-spacing:.08em;text-align:center;color:var(--lime)}.record-hole{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--paper)}.orbit-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--coral);top:70px;right:90px}.dot-b{background:var(--lime);top:auto;right:auto;bottom:80px;left:70px}.dot-c{background:var(--lilac);top:140px;left:58px;width:8px;height:8px}.art-note{position:absolute;font-size:36px}.note-a{color:var(--coral);top:80px;left:105px}.note-b{color:var(--lilac);bottom:75px;right:70px}.art-caption{position:absolute;bottom:8px;right:8px;color:#9896a4}.art-caption b{color:var(--lime);margin-left:10px;font-weight:400}.mode-section{padding:65px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-heading h2,.method-copy h2{font-size:clamp(28px,4vw,42px);line-height:1.2;letter-spacing:-.04em;margin:0}.section-heading .eyebrow{margin-bottom:7px}.section-count{color:#858391}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mode-card{background:var(--panel);border:1px solid #ffffff12;border-top:2px solid var(--coral);padding:27px;min-height:350px;display:flex;flex-direction:column}.mode-cross{border-top-color:var(--lilac)}.mode-top{display:flex;justify-content:space-between;margin-bottom:18px}.mode-index{color:var(--lime);font-size:12px}.mode-tag{color:var(--coral);border:1px solid #ff786d50;padding:3px 8px}.mode-tag-lilac{color:var(--lilac);border-color:#c0aaff50}.mode-overline{font-size:9px;color:#9997a4;margin-bottom:4px}.mode-card h3{font-size:24px;margin:0 0 8px}.mode-copy{color:#aaa9b6;font-size:12px;margin-bottom:15px}.roster-list{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px}.roster-list span{padding:2px 9px;border:1px solid #ffffff18;border-radius:99px;font-size:10px;color:#d0ced7}.button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:44px;padding:9px 16px;font-weight:700;font-size:12px;transition:.18s}.button:hover:not(:disabled){transform:translateY(-2px)}.button-primary{background:var(--lime);color:#181821}.button-primary:hover:not(:disabled){background:#dcff82}.button-secondary{background:var(--lilac);color:#191725}.mode-start{width:100%;margin-top:auto;justify-content:space-between}.method-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding:42px 0;border-block:1px solid #ffffff17}.method-copy>p:last-child{font-size:12px;color:#aaa9b6}.axis-row{display:grid;grid-template-columns:90px 1fr minmax(70px,1.3fr) 1fr;gap:10px;align-items:center;font-size:9px;color:#aaa9b6;margin:14px 0}.axis-row>span:first-child{color:var(--paper);font-size:10px}.axis-row>span:nth-child(2){text-align:right}.axis-track{height:2px;background:#494753;position:relative}.axis-track:before{content:'';position:absolute;left:50%;top:-3px;width:8px;height:8px;border:1px solid var(--lime);border-radius:50%;background:var(--bg)}.axis-track i{position:absolute;left:50%;width:1px;height:10px;background:var(--lime);top:-4px}.notice{display:flex;gap:10px;color:#aaa9b6;font-size:10px;padding:14px 16px;background:#ffffff08;border-left:2px solid #f2d76e;margin:24px 0 0}.notice>span{color:#f2d76e}.notice p{margin:0}.site-footer{min-height:70px;border-top:1px solid #ffffff17;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#777583;font-size:9px}.site-footer a{color:#aaa9b6;text-decoration:none}