@charset "UTF-8";
:root{--paper:#f6f4ee;--ink:#172845;--red:#c3473b;--muted:#6a6e77;--line:#dcdedc;--blue-soft:#e5eaf0;--white:#fffefa;--green:#42725b;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c3473b;outline-offset:5px}button{color:inherit}h1,h2,p{margin:0}button{border:0}button:disabled{opacity:.38}em{font-family:var(--serif);font-weight:400} [hidden]{display:none!important}.tricolor{height:5px;display:flex}.tricolor i{flex:1;background:var(--ink)}.tricolor i:nth-child(2){background:var(--paper)}.tricolor i:last-child{background:var(--red)}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:0 54px;border-bottom:1px solid var(--line)}.wordmark{background:none;display:flex;align-items:center;gap:12px;text-align:left;font-size:16px;letter-spacing:-.3px;font-weight:800;line-height:1.05;padding:0}.brand-dot{color:var(--red)}.brand-icon{width:43px;height:43px;background:var(--ink);color:var(--paper);display:grid;place-items:center;border-radius:3px}.brand-icon svg{width:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.header-edition{font-size:10px;letter-spacing:2px;line-height:1.8;text-align:center}.header-edition span{display:block;color:var(--muted);font-size:9px;letter-spacing:2.5px}.about-button{background:none;font-size:13px;padding:14px 0 14px 20px}.about-button span{margin-left:14px;font-size:19px}.screen{max-width:1212px;margin:auto;padding:0 0 58px}.screen:not([hidden]){animation:screen-in .35s ease both}.home-screen{padding-top:72px;display:grid;grid-template-columns:1.15fr 1fr;gap:50px 35px}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.7px;font-weight:700;display:flex;align-items:center;gap:9px}.live-dot{height:7px;width:7px;flex:none;background:var(--red);border-radius:50%}.hero-copy h1{font-size:clamp(56px,5.65vw,78px);font-weight:700;line-height:1.04;letter-spacing:-4.5px;margin-top:28px}.hero-copy h1 em{color:var(--red);letter-spacing:-4px;display:inline-block;padding:0 10px 4px 0;position:relative}.hero-copy h1 em:after{content:'';position:absolute;bottom:0;left:0;width:96%;height:2px;background:var(--red);transform:rotate(-2deg);opacity:.55}.hero-description{margin-top:30px;font-size:16px;line-height:1.75;color:#626878;max-width:470px}.button{min-height:54px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:14px;font-weight:600;border-radius:4px;transition:background .15s,transform .15s,box-shadow .15s}.button:not(:disabled):hover{transform:translateY(-2px)}.button span{font-size:23px;font-weight:400;line-height:1}.button-primary{background:var(--ink);color:#fff}.button-primary:not(:disabled):hover{background:#293e60;box-shadow:0 5px 12px #17284515}.button-secondary{background:transparent;border:1px solid #b9bec6}.button-secondary:hover{background:#e8e9e5}.start-button{margin-top:29px;min-height:60px;min-width:252px;justify-content:space-between}.hero-meta{display:flex;gap:19px;margin-top:22px;font-size:11px;color:var(--muted)}.hero-meta span+span:before{content:'·';margin-right:19px;color:#b1b2b7}.hero-meta b{font-size:12px;color:var(--ink);font-weight:700}.resume-note{font-size:12px;color:var(--green);margin-top:15px}.hero-art{min-height:520px;position:relative;background:#e7ebed;border-radius:50% 50% 8px 8px;isolation:isolate;margin-top:7px;overflow:hidden}.art-orbit{position:absolute;border:1px solid #cdd4db;border-radius:50%;width:480px;height:480px;left:50%;top:67px;transform:translateX(-50%);z-index:-1}.orbit-two{width:365px;height:365px;top:125px}.art-caption{position:absolute;top:39px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;text-align:center;line-height:1.8;width:270px;color:#737d88}.ballot-paper{position:absolute;background:var(--white);width:214px;height:272px;left:calc(50% - 107px);top:101px;transform:rotate(-9deg);padding:23px;box-shadow:3px 5px 18px #17284510}.paper-top{font-size:8px;line-height:1.4;font-weight:bold;letter-spacing:1.4px;display:flex;justify-content:space-between}.mini-flag{display:flex;width:23px;height:13px;margin-top:1px}.mini-flag i{width:33.3%;background:var(--ink)}.mini-flag i:nth-child(2){background:var(--paper)}.mini-flag i:last-child{background:var(--red)}.paper-question{font-family:var(--serif);font-style:italic;line-height:1;font-size:112px;text-align:center;margin-top:8px}.paper-rule{height:1px;background:var(--line);margin-top:9px}.paper-bottom{display:block;text-align:center;font-size:8px;letter-spacing:1.5px;line-height:1.7;margin-top:13px}.ballot-box{position:absolute;width:292px;height:188px;top:311px;left:calc(50% - 150px);transform:rotate(-3deg)}.box-front{width:265px;height:148px;position:absolute;top:24px;background:var(--ink);padding:24px;color:#f5f1e9;border-radius:0 0 3px 3px;box-shadow:0 22px 24px -19px #17284580}.box-front>span:nth-child(2){display:inline-block;font-size:19px;font-weight:700;line-height:1.05;letter-spacing:-.4px;vertical-align:middle;margin-left:14px}.box-star{font-size:53px;vertical-align:middle;line-height:1}.box-front small{font-size:6.5px;letter-spacing:1.9px;display:block;margin-top:18px}.box-side{position:absolute;left:265px;top:13px;width:27px;height:147px;background:#0b1b34;transform:skewY(-40deg);border-radius:0 0 3px 0}.box-top{position:absolute;top:0;left:13px;width:265px;height:26px;background:#52627b;transform:skewX(-46deg)}.box-top span{position:absolute;left:55px;top:10px;width:155px;height:6px;background:#101d32;border-radius:3px}.art-seal{position:absolute;right:17px;top:222px;transform:rotate(13deg);width:103px;height:103px;border:1px solid var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--red);background:#f4eee0;font-size:8px;letter-spacing:1px;outline:1px solid var(--red);outline-offset:-7px;box-shadow:2px 3px 0 #17284508}.art-seal span{font-size:10px;letter-spacing:.5px;margin-top:5px;font-weight:700}.art-seal b{font-size:29px;line-height:1;margin-top:8px}.art-footnote{position:absolute;bottom:17px;text-align:center;width:100%;font-size:10px;font-family:var(--serif);font-style:italic;color:#737d88}.home-bottom{grid-column:1/-1;border-top:1px solid var(--line);display:flex;align-items:center;padding-top:27px;gap:19px}.tiny-star{font-size:36px;color:var(--red)}.home-bottom p{font-size:13px;line-height:1.7;display:flex;gap:17px}.home-bottom p span{color:var(--muted)}.bottom-arrow{margin-left:auto;font-size:28px}.site-footer{max-width:1320px;padding:26px 54px 29px;border-top:1px solid var(--line);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer>span:first-child{font-size:10px;font-weight:bold;letter-spacing:.8px;white-space:nowrap}.site-footer p{font-size:10px;line-height:1.6;color:var(--muted);max-width:430px}.footer-signature{font-size:8px;letter-spacing:1px;white-space:nowrap;color:var(--muted)}
.quiz-screen{padding-top:45px;max-width:1090px;min-height:calc(100svh - 200px)}.quiz-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;font-weight:700}.quiz-top-note{color:var(--muted);font-weight:400;letter-spacing:.3px}.progress-track{height:3px;background:#dfe1e3;margin-top:15px}.progress-track>div{height:100%;width:0;background:var(--red);transition:width .35s}.question-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;margin-top:60px;align-items:start}.question-topic{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:bold;letter-spacing:1.6px;text-transform:uppercase}.question-topic>span:first-child{font-size:23px;background:#ecebe4;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;letter-spacing:0}.question-content h2{font-size:clamp(31px,3.3vw,43px);letter-spacing:-1.5px;line-height:1.16;margin-top:26px;font-weight:600;outline:none;text-wrap:pretty}.question-aside{font-size:12px;line-height:1.8;color:var(--muted);margin-top:30px}.question-aside em{font-size:14px}.question-layout fieldset{border:0;padding:0;margin:0;min-width:0}.question-layout legend{font-size:12px;color:var(--muted);padding:0;margin-bottom:18px}.answer-option{display:flex;position:relative;gap:14px;align-items:center;border:1px solid #d7dadd;background:var(--white);border-radius:5px;min-height:61px;padding:11px 18px;margin-bottom:10px;cursor:pointer;font-size:14px;transition:background .12s,border-color .12s,transform .12s}.answer-option:hover{background:#eceeea;border-color:#9ca6b5;transform:translateX(3px)}.answer-option:has(input:checked){border-color:var(--ink);background:var(--ink);color:white}.answer-option:has(input:focus-visible){outline:3px solid var(--red);outline-offset:3px}.answer-option input{position:absolute;opacity:0;width:1px;height:1px}.radio-circle{width:18px;height:18px;flex:none;border:1px solid #abb3be;border-radius:50%;display:grid;place-items:center}.answer-option input:checked+.radio-circle{border-color:#fff;background:#fff}.answer-option input:checked+.radio-circle:after{content:'✓';font-size:12px;font-weight:bold;color:var(--ink)}.answer-key{margin-left:auto;font-size:9px;opacity:.45;border:1px solid currentColor;border-radius:3px;min-width:19px;height:20px;display:grid;place-items:center}.question-actions{margin-top:20px;display:flex;justify-content:space-between;gap:15px;align-items:center}.question-actions .button{font-size:12px;gap:16px;padding:0 18px;min-height:50px}.back-button{background:none;font-size:12px;padding:12px 8px 12px 0;display:flex;gap:10px;align-items:center}.back-button span{font-size:18px}.selection-hint{font-size:10px;color:var(--muted);text-align:right;min-height:15px;margin-top:12px}.quiz-bottom-note{text-align:center;font-size:11px;color:var(--muted);margin-top:53px;font-family:var(--serif);font-style:italic}
.analysis-screen{text-align:center;padding-top:75px;min-height:calc(100svh - 200px)}.analysis-screen .eyebrow{justify-content:center;margin-top:25px}.analysis-seal{display:inline-block;font-size:62px;color:var(--red);animation:spin 9s linear infinite}.analysis-screen h2{font-size:57px;line-height:1.05;letter-spacing:-2px;margin-top:23px}.analysis-screen h2 em{color:var(--red)}#analysis-message{font-size:14px;color:var(--muted);margin-top:30px;min-height:40px}.analysis-track{max-width:350px;width:80%;height:4px;background:#dfe1e3;margin:0 auto 14px}.analysis-track>div{height:100%;background:var(--red);width:0;transition:width .2s linear}.analysis-counter{font-size:11px;letter-spacing:1px}.analysis-note{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:13px;line-height:1.6;margin-top:42px}
.result-screen{max-width:1000px;padding-top:58px}.result-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:85px;align-items:center}.result-intro{font-size:15px;color:var(--muted);margin-top:24px}.result-copy h2{font-size:92px;line-height:.95;letter-spacing:-5px;margin-top:17px;outline:none}.result-copy h2 em{color:var(--red)}.compatibility{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-top:27px;max-width:400px}.compatibility strong{font-size:44px;letter-spacing:-2px}.compatibility strong>span{font-size:25px;margin-left:3px}.compatibility>div{font-size:13px;line-height:1.7}.compatibility small{display:block;font-size:11px;color:var(--muted)}.compatibility-star{font-size:31px;color:var(--red);margin-left:auto}.result-description{font-size:14px;color:var(--muted);line-height:1.7;margin-top:22px}.poster-wrap{position:relative;max-width:340px;margin:0 auto;transform:rotate(2deg);padding:9px;background:#fff;border:1px solid #dcdedc;box-shadow:8px 12px 28px #17284514}.poster-wrap img{display:block;width:100%;height:auto}.poster-stamp{position:absolute;left:-36px;bottom:47px;width:106px;height:106px;background:#f4eee0;color:var(--red);border:1px solid var(--red);outline:1px solid var(--red);outline-offset:-7px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-14deg);font-size:8px;letter-spacing:1.2px}.poster-stamp span{font-size:9px;font-weight:bold;margin-top:7px}.poster-stamp b{font-size:28px;line-height:1;margin-top:6px}.reasons-heading{display:flex;justify-content:space-between;align-items:center;margin-top:70px;padding-bottom:17px;border-bottom:1px solid var(--line)}.reasons-heading>span:last-child{font-family:var(--serif);font-style:italic;font-size:13px;color:var(--muted)}.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:23px}.reason-icon{font-size:22px;display:block;margin-bottom:13px}.reason h3{font-size:13px;margin:0 0 10px}.reason p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}.reason+.reason{border-left:1px solid var(--line);padding-left:25px}.result-actions{display:flex;gap:15px;justify-content:center;margin-top:39px}.replay-note{font-size:11px;color:var(--muted);text-align:center;margin-top:16px}.reveal-note{margin-top:39px;background:#eeece6;padding:23px 26px;display:flex;gap:18px;align-items:center;border-radius:4px}.reveal-note>span{font-size:29px;color:var(--red)}.reveal-note p{font-size:11px;line-height:1.8;color:var(--muted)}.reveal-note strong{color:var(--ink)}#share-fallback{padding:16px;background:#e5eaf0;max-width:600px;margin:20px auto 0;border-radius:4px}#share-fallback label{display:block;font-size:12px;margin-bottom:9px}#share-url{width:100%;padding:12px;border:1px solid var(--line);border-radius:3px;font-size:12px;color:var(--ink)}
dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:42px;max-width:520px;width:calc(100% - 32px);border-radius:8px;box-shadow:0 20px 90px #0003}dialog::backdrop{background:#17284588;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:17px;top:12px;font-size:30px;background:none;width:40px;height:40px}.dialog-close:focus-visible{outline-offset:0}dialog .eyebrow{font-size:8px;letter-spacing:1px;padding-right:5px;margin-top:10px}dialog h2{font-size:43px;letter-spacing:-1.5px;line-height:1.05;margin-top:25px}dialog h2 em{color:var(--red)}dialog p{font-size:13px;line-height:1.75;color:var(--muted);margin-top:20px}dialog .button{margin-top:25px;width:100%}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:15px 22px;border-radius:5px;font-size:13px;z-index:10;box-shadow:0 6px 20px #0002;max-width:calc(100% - 32px);text-align:center}.skip-link{position:absolute;left:10px;top:-60px;z-index:20;background:var(--ink);color:#fff;padding:13px}.skip-link:focus{top:10px}.noscript{padding:25px;color:var(--red);text-align:center}#main:focus{outline:none}.confetti{position:fixed;top:-20px;left:var(--x);width:8px;height:14px;background:var(--c);z-index:9;pointer-events:none;animation:confetti-fall var(--t) var(--delay) ease-in both}body{overflow-x:hidden}@keyframes screen-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes confetti-fall{to{transform:translate(var(--drift),105vh) rotate(580deg);opacity:.1}}
@media(min-width:1440px){.home-screen{padding-top:80px;padding-bottom:65px}.hero-art{min-height:530px}}
@media(max-width:1320px){.screen{margin-left:54px;margin-right:54px}.quiz-screen,.result-screen{margin-left:auto;margin-right:auto;width:calc(100% - 108px)}.hero-art{min-height:520px}.hero-copy h1{font-size:clamp(54px,5.9vw,78px)}}
@media(max-width:1000px){.site-header{padding:0 32px;height:95px}.screen{margin-left:32px;margin-right:32px}.quiz-screen,.result-screen{width:auto}.home-screen{padding-top:50px;gap:35px 22px}.hero-copy h1{font-size:58px;letter-spacing:-3.5px}.hero-copy h1 em{letter-spacing:-3px}.hero-description{font-size:14px}.hero-art{min-height:500px}.hero-meta{gap:10px;font-size:10px}.hero-meta span+span:before{margin-right:10px}.art-seal{right:4px;top:218px;width:88px;height:88px;font-size:7px}.art-seal span{font-size:8px}.home-bottom p{flex-direction:column;gap:1px}.footer-signature{display:none}.site-footer{padding-left:32px;padding-right:32px}.question-layout{gap:35px}.result-grid{gap:50px}.result-copy h2{font-size:80px}.poster-stamp{left:-22px;width:90px;height:90px;font-size:7px}.poster-stamp span{font-size:8px}.question-content h2{font-size:34px}.answer-option{font-size:13px}.question-actions{gap:8px}.question-actions .button{padding:0 13px}}
@media(max-width:720px){.site-header{height:83px;padding:0 23px}.wordmark{font-size:13px;gap:9px}.brand-icon{width:35px;height:35px}.brand-icon svg{width:25px}.header-edition{display:none}.about-button{font-size:12px}.about-button span{margin-left:8px}.screen{margin-left:24px;margin-right:24px}.home-screen{display:flex;flex-direction:column;padding-top:38px;gap:28px;padding-bottom:30px}.eyebrow{font-size:8px;letter-spacing:1.3px}.hero-copy h1{font-size:clamp(48px,11vw,72px);line-height:1.04;letter-spacing:-2.9px;margin-top:22px}.hero-copy h1 em{letter-spacing:-3px}.hero-description{font-size:14px;line-height:1.7;margin-top:24px;max-width:390px}.desktop-break{display:none}.start-button{width:100%;max-width:390px;min-height:57px;margin-top:24px}.hero-meta{font-size:10px;justify-content:flex-start;gap:15px;margin-top:17px}.hero-meta span+span:before{margin-right:15px}.hero-art{width:100%;height:355px;min-height:355px;border-radius:45% 45% 6px 6px;max-width:430px;align-self:center;margin-top:2px}.art-caption{top:19px;font-size:7px}.ballot-paper{top:60px;width:153px;height:205px;left:calc(50% - 77px);padding:16px}.paper-top{font-size:6px;letter-spacing:1px}.mini-flag{width:18px;height:10px}.paper-question{font-size:81px;margin-top:8px}.paper-rule{margin-top:7px}.paper-bottom{font-size:6px;margin-top:9px}.ballot-box{top:215px;transform:rotate(-3deg) scale(.75);transform-origin:top center}.art-seal{right:calc(50% - 151px);top:146px;width:83px;height:83px}.art-seal b{font-size:23px;margin-top:4px}.art-footnote{bottom:8px;font-size:9px}.art-orbit{top:47px;width:330px;height:330px}.orbit-two{width:250px;height:250px;top:88px}.home-bottom{padding-top:22px;gap:14px;width:100%}.home-bottom p{font-size:11px;line-height:1.6;gap:3px}.tiny-star{font-size:29px}.bottom-arrow{font-size:24px}.site-footer{padding:23px 24px;flex-wrap:wrap;gap:10px}.site-footer p{font-size:9px;width:100%;max-width:none}.site-footer>span:first-child{font-size:9px}.quiz-screen{padding-top:25px;padding-bottom:30px;min-height:calc(100svh - 180px)}.quiz-top{font-size:9px;letter-spacing:1.4px}.quiz-top-note{font-size:9px;letter-spacing:0}.progress-track{margin-top:11px}.question-layout{display:block;margin-top:25px}.question-topic{font-size:8px;letter-spacing:1.1px;gap:8px}.question-topic>span:first-child{height:32px;width:32px;font-size:19px}.question-content h2{font-size:clamp(26px,6.6vw,37px);line-height:1.18;letter-spacing:-.8px;margin-top:17px;max-width:580px}.question-aside{display:none}.question-layout form{margin-top:25px}.question-layout legend{font-size:11px;margin-bottom:12px}.answer-option{min-height:53px;margin-bottom:8px;font-size:13px;padding:10px 15px;gap:12px}.answer-key{display:none}.question-actions{margin-top:17px}.question-actions .button{min-height:49px;font-size:12px;padding:0 17px}.back-button{font-size:11px}.selection-hint{font-size:9px;margin-top:10px}.quiz-bottom-note{margin-top:22px;font-size:10px}.analysis-screen{padding-top:55px;min-height:calc(100svh - 190px)}.analysis-screen h2{font-size:44px;letter-spacing:-1.7px}.analysis-seal{font-size:51px}.analysis-screen .eyebrow{margin-top:22px}#analysis-message{font-size:12px;line-height:1.6}.analysis-note{font-size:12px}.result-screen{padding-top:35px;padding-bottom:32px}.result-grid{display:flex;flex-direction:column;gap:34px;align-items:stretch}.result-intro{font-size:13px;margin-top:20px}.result-copy h2{font-size:80px;margin-top:14px;letter-spacing:-4px}.compatibility{max-width:100%;margin-top:24px;padding:12px 0}.compatibility strong{font-size:40px}.compatibility>div{font-size:12px}.compatibility small{font-size:10px}.result-description{font-size:13px;margin-top:18px}.poster-wrap{width:78%;max-width:300px}.poster-stamp{left:-30px;bottom:33px}.reasons-heading{margin-top:40px;gap:15px;align-items:start}.reasons-heading>span:last-child{font-size:11px;text-align:right}.reasons{grid-template-columns:1fr;gap:19px;padding-top:19px}.reason{display:grid;grid-template-columns:30px 1fr;gap:0 12px}.reason-icon{grid-row:1/3;margin:0;font-size:21px}.reason h3{font-size:12px;margin-bottom:6px}.reason p{font-size:12px}.reason+.reason{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:19px}.result-actions{flex-direction:column;gap:10px;margin-top:29px}.result-actions .button{min-height:54px}.replay-note{font-size:10px;line-height:1.6}.reveal-note{margin-top:25px;padding:18px;gap:12px;align-items:flex-start}.reveal-note>span{font-size:24px}.reveal-note p{font-size:10px;line-height:1.8}dialog{padding:29px}dialog h2{font-size:36px}dialog .eyebrow{font-size:7px;letter-spacing:.7px;margin-top:15px}dialog p{font-size:12px}}
@media(max-width:360px){.screen{margin-left:19px;margin-right:19px}.hero-copy h1{font-size:45px}.hero-meta{gap:9px;font-size:9px}.hero-meta span+span:before{margin-right:9px}.hero-meta b{font-size:10px}.question-content h2{font-size:26px}.quiz-top-note{font-size:8px}.question-actions .button{font-size:11px;padding:0 12px}.answer-option{font-size:12px}.compatibility{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.confetti{display:none}}