:root{--mbti12-pink:#ff2b9d;--mbti12-hot:#ff087f;--mbti12-soft:#ff9bd1;--mbti12-ink:#050204;--mbti12-paper:#fff1f8}
body.mbti12-mode{margin:0;background:#050204;color:#fff1f8;overflow-x:hidden;--paper:#050204;--ink:#fff1f8;--wine:#ff2b9d;--muted:#b994a8}
.mbti12-mode .grain{opacity:.11;mix-blend-mode:screen}.mbti12-mode .site-header,.mbti12-mode>footer{display:none}.mbti12-mode #app{max-width:none;margin:0;padding:0}.mbti12-mode button{font:inherit}.mbti12-mode .shop-mark{position:fixed;z-index:40;top:auto;left:auto;right:20px;bottom:16px;width:auto;height:auto;min-height:0;padding:8px 12px;border:1px solid rgba(255,74,171,.35);border-radius:0;background:rgba(5,2,4,.75);color:#cc9ab4;font-size:11px;line-height:1.3;letter-spacing:.08em;writing-mode:horizontal-tb;transform:none;backdrop-filter:blur(8px)}
.mbti12-home,.mbti12-select,.mbti12-resume,.mbti12-quiz,.mbti12-loading,.mbti12-result{position:relative;isolation:isolate;min-height:100vh;background:#050204;overflow:hidden}
.mbti12-orbits{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.mbti12-orbits:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 15% 18%,rgba(255,0,126,.24),transparent 20%),radial-gradient(circle at 82% 74%,rgba(255,59,169,.2),transparent 25%),conic-gradient(from 45deg at 55% 42%,transparent,rgba(255,31,144,.08),transparent 24%);filter:blur(2px)}.mbti12-orbits i{position:absolute;border:1px solid rgba(255,69,163,.28);border-radius:50%;box-shadow:0 0 24px rgba(255,0,126,.11) inset}.mbti12-orbits i:nth-child(1){width:48vw;height:48vw;left:-21vw;top:12vh}.mbti12-orbits i:nth-child(2){width:34vw;height:34vw;right:-8vw;bottom:-9vw}.mbti12-orbits i:nth-child(3){width:12vw;height:12vw;right:14vw;top:8vh}.mbti12-orbits b{position:absolute;color:#ff2b9d;text-shadow:0 0 18px #ff2b9d;font:300 clamp(16px,2vw,34px) Arial}.mbti12-orbits b:nth-of-type(1){left:7%;top:68%;transform:rotate(-18deg)}.mbti12-orbits b:nth-of-type(2){right:8%;top:17%;transform:rotate(14deg)}.mbti12-orbits b:nth-of-type(3){right:34%;bottom:7%;font-size:13px}
.mbti12-brand-note{position:absolute;left:44px;bottom:24px;margin:0;color:#8f657b;font:500 11px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.mbti12-nav-back{position:absolute;z-index:5;left:38px;top:34px;border:0;background:transparent;color:#d29ab8;font:600 12px Arial;letter-spacing:.18em;cursor:pointer}.mbti12-nav-back:hover{color:#fff}
.mbti12-cta{border:0;background:linear-gradient(100deg,#ff147f,#ff56bc);color:#fff;padding:16px 24px;font-weight:700;box-shadow:0 0 34px rgba(255,29,143,.35);cursor:pointer}.mbti12-cta:hover{filter:brightness(1.09);transform:translateY(-1px)}.mbti12-cta:disabled{opacity:.42;cursor:not-allowed;transform:none}
.mbti12-error{padding:11px 14px;border:1px solid rgba(255,71,166,.42);background:rgba(255,17,132,.1);color:#ffb9dc;font-size:13px}

.mbti12-home{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(520px,1.12fr);align-items:stretch}.mbti12-home:after{content:"";position:absolute;left:43%;top:0;width:1px;height:100%;background:linear-gradient(transparent,rgba(255,75,168,.55),transparent)}.mbti12-home-copy{z-index:2;align-self:center;padding:96px 6vw 86px 8vw}.mbti12-home-copy>p:first-child{margin:0 0 12px;color:#ff59b3;font:700 12px Arial;letter-spacing:.22em}.mbti12-home-copy>span{color:#8e687b;font:500 11px Arial;letter-spacing:.16em}.mbti12-home-copy h1{margin:30px 0 24px;font:400 clamp(70px,7vw,126px)/.76 "DM Serif Display","Noto Serif SC",serif;letter-spacing:-.06em}.mbti12-home-copy h1 strong{color:transparent;-webkit-text-stroke:1px #ff4ca9;text-shadow:0 0 30px rgba(255,24,138,.34);font-family:"Noto Serif SC",serif;font-size:.65em;letter-spacing:.04em}.mbti12-home-copy blockquote{margin:0 0 34px;padding-left:18px;border-left:2px solid #ff2b9d;color:#ead2df;font:500 clamp(17px,1.5vw,23px)/1.8 "Noto Serif SC",serif}.mbti12-home-copy .mbti12-cta{min-width:220px}.mbti12-home-copy small{display:block;max-width:460px;margin-top:22px;color:#9a7487;font:400 12px/1.7 "Noto Serif SC",serif}.mbti12-home-art{position:relative;margin:0;min-height:100vh;background:#0b0508}.mbti12-home-art:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#050204 0,transparent 24%),linear-gradient(0deg,#050204 0,transparent 23%),radial-gradient(circle at 55% 50%,transparent 34%,rgba(5,2,4,.72) 100%)}.mbti12-home-art img{width:100%;height:100%;object-fit:cover;filter:saturate(1.12) contrast(1.1)}.mbti12-home-art figcaption{position:absolute;z-index:2;right:35px;bottom:34px;display:flex;gap:18px;color:#ff89c6;font:600 10px Arial;letter-spacing:.18em;writing-mode:vertical-rl}.mbti12-home-art figcaption span:before{content:"♥";margin-bottom:8px;color:#ff2b9d}

.mbti12-select{padding:34px clamp(24px,5vw,80px) 90px}.mbti12-select>nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.mbti12-select>nav button,.mbti12-result>nav button{border:0;background:transparent;color:#d69ab9;cursor:pointer}.mbti12-select>nav span,.mbti12-result>nav span{color:#8c6478;font:600 11px Arial;letter-spacing:.17em}.mbti12-select>header{max-width:900px;margin:68px auto 38px;text-align:center}.mbti12-select>header p,.mbti12-milestones header p,.mbti12-analysis>header p,.mbti12-poem>p,.mbti12-share>article>p{color:#ff53ad;font:700 11px Arial;letter-spacing:.22em}.mbti12-select>header h1{margin:12px 0 18px;font:500 clamp(36px,4.5vw,66px)/1.15 "Noto Serif SC",serif}.mbti12-select>header h1 strong{color:#ff54b1;text-shadow:0 0 30px rgba(255,30,144,.32)}.mbti12-select>header>span{color:#b58b9f}.mbti12-select-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);gap:28px;max-width:1200px;margin:auto}.mbti12-select-layout>figure{position:relative;margin:0;min-height:620px;border:1px solid rgba(255,61,160,.28);overflow:hidden;background:#120810}.mbti12-select-layout>figure:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px #050204;pointer-events:none}.mbti12-select-layout>figure img{width:100%;height:100%;object-fit:cover}.mbti12-select-layout>figure figcaption{position:absolute;z-index:2;left:18px;bottom:16px;color:#ffd6eb;font:600 10px Arial;letter-spacing:.16em}.mbti12-groups{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mbti12-group{padding:18px;border:1px solid rgba(255,66,164,.22);background:linear-gradient(145deg,rgba(255,31,143,.08),rgba(255,255,255,.015));backdrop-filter:blur(10px)}.mbti12-group header{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.1)}.mbti12-group header b{color:#ff72bd;font:700 14px "Noto Serif SC",serif}.mbti12-group header span{color:#7d596b;font:500 9px Arial;letter-spacing:.08em}.mbti12-group>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.mbti12-group button{position:relative;display:flex;align-items:center;justify-content:center;min-height:94px;border:1px solid rgba(255,255,255,.09);background:#0b0609;color:#cda9bc;cursor:pointer;overflow:hidden}.mbti12-group button:before{content:"";position:absolute;inset:50%;border:1px solid #ff2b9d;border-radius:50%;opacity:0;transition:.25s}.mbti12-group button i{position:absolute;top:8px;right:9px;color:#8c395f;font-style:normal;font-size:10px}.mbti12-group button strong{font:700 23px Arial;letter-spacing:.08em}.mbti12-group button:hover,.mbti12-group button.selected{border-color:#ff2b9d;color:#fff;box-shadow:0 0 24px rgba(255,28,140,.18),inset 0 0 24px rgba(255,28,140,.08)}.mbti12-group button.selected:before{inset:10px;opacity:.2}.mbti12-group button.selected i{color:#ff4faf;text-shadow:0 0 12px #ff2b9d}.mbti12-redeem,.mbti12-start-selected{display:block;max-width:720px;margin:30px auto 0}.mbti12-redeem label{display:block;margin-bottom:8px;color:#d8a8c0;font-size:12px}.mbti12-redeem>div{display:grid;grid-template-columns:1fr auto}.mbti12-redeem input{min-width:0;border:1px solid rgba(255,64,161,.42);background:#0d060a;color:#fff;padding:16px 18px;outline:0}.mbti12-redeem input:focus{border-color:#ff2b9d;box-shadow:0 0 0 3px rgba(255,43,157,.1)}.mbti12-redeem button,.mbti12-start-selected{border:0;background:linear-gradient(100deg,#ff147f,#ff56bc);color:#fff;padding:16px 24px;font-weight:700;cursor:pointer}.mbti12-redeem button:disabled,.mbti12-start-selected:disabled{opacity:.35;cursor:not-allowed}.mbti12-redeem small{display:block;margin-top:9px;color:#846173}.mbti12-start-selected{min-width:340px}

.mbti12-resume{display:grid;place-items:center;padding:60px 24px}.mbti12-resume>section{position:relative;max-width:760px;padding:58px;border:1px solid rgba(255,72,167,.35);background:rgba(11,5,9,.88);box-shadow:0 0 100px rgba(255,18,133,.14)}.mbti12-resume p{color:#ff60b5;font:700 11px Arial;letter-spacing:.22em}.mbti12-resume h1{font:500 clamp(38px,5vw,66px)/1.15 "Noto Serif SC",serif}.mbti12-resume h1 strong{color:#ff55af}.mbti12-resume section>span{color:#c4a0b2;line-height:1.8}.mbti12-resume section>div{margin:25px 0;padding:15px;border:1px dashed rgba(255,75,168,.45);color:#ffb2d7;word-break:break-all;font:12px monospace}.mbti12-resume nav{display:flex;gap:12px;flex-wrap:wrap}.mbti12-resume nav button{border:1px solid rgba(255,69,162,.4);background:transparent;color:#fff;padding:14px 20px;cursor:pointer}.mbti12-resume section>small{display:block;margin-top:18px;color:#765467}

.mbti12-quiz{padding:30px clamp(24px,5vw,72px) 80px}.mbti12-quiz>header{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:28px;max-width:1180px;margin:auto;color:#ca98b2;font:600 11px Arial;letter-spacing:.15em}.mbti12-quiz>header>div{height:2px;background:#2e1523}.mbti12-quiz>header i{display:block;height:100%;background:linear-gradient(90deg,#ff147f,#ff8dcd);box-shadow:0 0 12px #ff2b9d}.mbti12-quiz-stage{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(520px,1.28fr);gap:5vw;align-items:center;max-width:1180px;margin:52px auto 0}.mbti12-quiz-stage>figure{position:relative;margin:0;height:min(70vh,690px);border:1px solid rgba(255,63,160,.25);overflow:hidden}.mbti12-quiz-stage>figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050204,transparent 30%),radial-gradient(circle at center,transparent 40%,rgba(5,2,4,.55))}.mbti12-quiz-stage>figure img{width:100%;height:100%;object-fit:cover}.mbti12-quiz-stage figcaption{position:absolute;z-index:2;left:18px;bottom:16px;color:#ffb8db;font:600 10px Arial;letter-spacing:.15em}.mbti12-quiz-stage article>p{color:#ff5caf;font:700 11px Arial;letter-spacing:.2em}.mbti12-quiz-stage h1{margin:14px 0 28px;font:500 clamp(25px,3vw,43px)/1.5 "Noto Serif SC",serif}.mbti12-options{display:grid;gap:10px}.mbti12-options button{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:14px;width:100%;min-height:64px;padding:11px 16px;border:1px solid rgba(255,255,255,.1);background:rgba(14,7,11,.82);color:#dcc1cf;text-align:left;cursor:pointer;transition:.2s}.mbti12-options button>i{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,58,157,.45);border-radius:50%;color:#ff66b7;font:700 12px Arial;font-style:normal}.mbti12-options button>b{color:#6b2a4a}.mbti12-options button:hover,.mbti12-options button.selected{border-color:#ff2b9d;background:rgba(255,25,138,.11);color:#fff;box-shadow:0 0 26px rgba(255,28,140,.12)}.mbti12-options button.selected>b{color:#ff50ae;text-shadow:0 0 12px #ff2b9d}.mbti12-prev{margin-top:20px;border:0;background:transparent;color:#a97891;cursor:pointer}.mbti12-prev:disabled{opacity:.28}.mbti12-quiz-stage article>small{display:block;margin-top:12px;color:#735064}

.mbti12-loading{display:grid;place-content:center;min-height:100vh;text-align:center}.mbti12-loading>i{display:block;color:#ff2b9d;font:normal 84px Arial;text-shadow:0 0 35px #ff2b9d;animation:mbti12Pulse 1s ease-in-out infinite}.mbti12-loading p{color:#ff6bb9;font:700 11px Arial;letter-spacing:.22em}.mbti12-loading h1{margin:18px 0;font:500 clamp(38px,5vw,70px)/1.2 "Noto Serif SC",serif}.mbti12-loading h1 strong{color:#ff57b0}.mbti12-loading span{color:#9a7185}

.mbti12-result{overflow:visible}.mbti12-result>nav{position:absolute;z-index:6;top:28px;left:4vw;right:4vw;display:flex;justify-content:space-between}.mbti12-result-hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh;background:#050204;overflow:hidden}.mbti12-result-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 35%,rgba(5,2,4,.2) 54%,#050204 70%),linear-gradient(0deg,#050204,transparent 22%)}.mbti12-result-hero figure{margin:0;min-height:100vh}.mbti12-result-hero img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:contrast(1.05) saturate(1.05)}.mbti12-result-hero>div{position:relative;z-index:2;align-self:center;padding:110px 7vw 90px 2vw}.mbti12-result-hero p{margin:0;color:#ff88c5;font:500 18px "Noto Serif SC",serif}.mbti12-result-hero h1{margin:0 0 30px;color:#fff;font:900 clamp(74px,10vw,170px)/.9 Arial Black,Arial,sans-serif;letter-spacing:.04em;text-shadow:0 0 38px rgba(255,43,157,.28)}.mbti12-result-hero>div>span{display:block;color:#c89bb2}.mbti12-result-hero>div>strong{display:block;color:#ff3ca5;font:900 clamp(100px,13vw,210px)/.9 Arial Black,Arial,sans-serif;text-shadow:0 0 45px rgba(255,28,140,.35)}.mbti12-result-hero strong small{font-size:.14em;color:#b9819f}.mbti12-result-hero em{display:block;margin-top:28px;color:#865c71;font:700 10px Arial;letter-spacing:.2em;font-style:normal}.mbti12-result-hero h2{margin:8px 0 34px;font:600 clamp(27px,3vw,45px) "Noto Serif SC",serif}.mbti12-result-hero a{display:inline-block;border-bottom:1px solid #ff2b9d;padding-bottom:7px;color:#ff99cd;text-decoration:none;font-size:13px}.mbti12-milestones,.mbti12-analysis,.mbti12-poem,.mbti12-share{max-width:1220px;margin:auto;padding:100px clamp(24px,5vw,70px)}.mbti12-milestones header h2,.mbti12-analysis>header h2,.mbti12-poem h2,.mbti12-share>article h2{margin:10px 0 15px;font:500 clamp(30px,4vw,56px) "Noto Serif SC",serif}.mbti12-milestones header>span{color:#9c7186}.mbti12-timeline{position:relative;display:grid;grid-template-columns:repeat(9,1fr);gap:10px;margin:68px 0 0;padding:0;list-style:none}.mbti12-timeline:before{content:"";position:absolute;top:18px;left:3%;right:3%;height:1px;background:rgba(255,69,161,.32)}.mbti12-timeline li{position:relative;min-width:0}.mbti12-timeline li>i{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;margin:0 auto 18px;border:1px solid #68324e;border-radius:50%;background:#050204;color:#ff2b9d;font:normal 12px Arial}.mbti12-timeline li.passed>i{background:#57102f;border-color:#b82a70}.mbti12-timeline li.current>i{border-color:#fff;background:#ff2b9d;color:#fff;box-shadow:0 0 30px rgba(255,43,157,.68);transform:scale(1.2)}.mbti12-timeline li>div{text-align:center}.mbti12-timeline b{display:block;color:#9d6d85;font:600 10px Arial}.mbti12-timeline span{display:block;margin-top:9px;color:#b692a4;font:500 12px/1.55 "Noto Serif SC",serif}.mbti12-timeline li.current b,.mbti12-timeline li.current span{color:#fff}.mbti12-analysis{border-top:1px solid rgba(255,59,157,.18);border-bottom:1px solid rgba(255,59,157,.18)}.mbti12-analysis>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}.mbti12-analysis article{padding:34px;border:1px solid rgba(255,71,162,.2);background:linear-gradient(145deg,rgba(255,27,139,.08),rgba(255,255,255,.01))}.mbti12-analysis article>span{color:#ff78bd;font:700 10px Arial;letter-spacing:.17em}.mbti12-analysis h3{margin:13px 0 22px;font:600 25px "Noto Serif SC",serif}.mbti12-analysis article p{margin:0;color:#d2b8c5;font:400 16px/2 "Noto Serif SC",serif}.mbti12-poem{text-align:center}.mbti12-poem blockquote{position:relative;max-width:630px;margin:38px auto 0;padding:45px;border:1px solid rgba(255,63,159,.22);font:500 clamp(21px,2.5vw,34px)/1.8 "Noto Serif SC",serif;box-shadow:0 0 70px rgba(255,21,135,.08)}.mbti12-poem blockquote:before{content:"♥";position:absolute;top:-22px;left:calc(50% - 22px);display:grid;place-items:center;width:44px;height:44px;border:1px solid #ff2b9d;border-radius:50%;background:#050204;color:#ff2b9d;box-shadow:0 0 22px rgba(255,43,157,.4)}.mbti12-poem blockquote span{display:block}.mbti12-share{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(340px,1.28fr);gap:6vw;align-items:center}.mbti12-card-preview{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/5;padding:28px;border:1px solid rgba(255,76,165,.48);background:linear-gradient(0deg,#050204 0,rgba(5,2,4,.36) 64%),var(--mbti12-art) center top/cover;box-shadow:0 0 60px rgba(255,22,136,.15)}.mbti12-card-preview>p{position:absolute;top:22px;left:24px;margin:0;color:#ff89c5;font:600 9px Arial;letter-spacing:.14em}.mbti12-card-preview>span{font:500 14px "Noto Serif SC",serif}.mbti12-card-preview>strong{font:900 86px/.9 Arial Black,Arial;color:#ff36a2}.mbti12-card-preview h2{margin:7px 0 18px;font:600 22px "Noto Serif SC",serif}.mbti12-card-preview ol{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin:0;padding:0;list-style:none}.mbti12-card-preview li{height:3px;background:#54233c}.mbti12-card-preview li.active{background:#fff;box-shadow:0 0 12px #ff2b9d}.mbti12-share>article>span{display:block;max-width:530px;margin-bottom:30px;color:#ad8499;line-height:1.8}.mbti12-disclaimer{max-width:850px;margin:0 auto;padding:0 24px 55px;color:#856075;text-align:center;font:400 12px/1.8 "Noto Serif SC",serif}.mbti12-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;max-width:1000px;margin:0 auto;padding:0 24px 110px}.mbti12-actions button{border:1px solid rgba(255,68,160,.36);background:transparent;color:#ddb5c9;padding:14px 18px;cursor:pointer}.mbti12-actions .mbti12-cta{border:0;color:#fff}.mbti12-result>.mbti12-brand-note{position:relative;left:auto;bottom:auto;margin:-62px auto 25px;text-align:center}.mbti12-reveal .mbti12-result-hero>div{animation:mbti12Rise .8s ease-out both}

@keyframes mbti12Pulse{50%{transform:scale(1.12);filter:brightness(1.4)}}@keyframes mbti12Rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@media(max-width:900px){.mbti12-home{grid-template-columns:1fr;min-height:auto}.mbti12-home:after{display:none}.mbti12-home-copy{padding:110px 9vw 55px}.mbti12-home-art{min-height:76vh}.mbti12-select-layout,.mbti12-quiz-stage,.mbti12-result-hero,.mbti12-share{grid-template-columns:1fr}.mbti12-select-layout>figure{min-height:520px;max-height:75vh}.mbti12-quiz-stage>figure{height:50vh;min-height:390px}.mbti12-result-hero:after{background:linear-gradient(0deg,#050204 0,rgba(5,2,4,.2) 45%,transparent 70%)}.mbti12-result-hero figure{min-height:72vh;height:72vh}.mbti12-result-hero>div{margin-top:-30vh;padding:100px 8vw 90px}.mbti12-result-hero h1{font-size:20vw}.mbti12-result-hero>div>strong{font-size:28vw}.mbti12-timeline{grid-template-columns:repeat(3,1fr);gap:28px 12px}.mbti12-timeline:before{display:none}.mbti12-timeline li>i{margin-bottom:10px}.mbti12-share{max-width:680px}.mbti12-card-preview{max-width:460px;width:100%;box-sizing:border-box;margin:auto}}
@media(max-width:620px){.mbti12-mode .shop-mark{right:8px;bottom:8px;font-size:9px}.mbti12-brand-note{left:20px;bottom:15px;font-size:8px}.mbti12-nav-back{left:18px;top:20px}.mbti12-home-copy{padding:88px 22px 45px}.mbti12-home-copy h1{font-size:64px}.mbti12-home-copy blockquote{font-size:16px}.mbti12-home-art{min-height:64vh}.mbti12-select{padding:22px 16px 80px}.mbti12-select>header{margin-top:55px}.mbti12-select>header h1{font-size:34px}.mbti12-select-layout>figure{min-height:430px}.mbti12-groups{grid-template-columns:1fr}.mbti12-group{padding:14px}.mbti12-group button{min-height:74px}.mbti12-redeem>div{grid-template-columns:1fr}.mbti12-redeem button{width:100%}.mbti12-start-selected{min-width:0;width:100%}.mbti12-resume>section{padding:34px 22px}.mbti12-resume nav{display:grid}.mbti12-quiz{padding:22px 16px 74px}.mbti12-quiz>header{gap:10px}.mbti12-quiz>header>span{font-size:9px}.mbti12-quiz-stage{gap:28px;margin-top:32px}.mbti12-quiz-stage>figure{height:40vh;min-height:320px}.mbti12-quiz-stage h1{font-size:25px}.mbti12-options button{grid-template-columns:34px 1fr 14px;gap:9px;padding:10px;min-height:60px;font-size:14px}.mbti12-result>nav{top:18px;left:18px;right:18px}.mbti12-result>nav span{font-size:8px}.mbti12-result-hero figure{height:68vh;min-height:560px}.mbti12-result-hero>div{margin-top:-28vh;padding:75px 22px 75px}.mbti12-result-hero h1{font-size:25vw}.mbti12-result-hero>div>strong{font-size:33vw}.mbti12-result-hero h2{font-size:27px}.mbti12-milestones,.mbti12-analysis,.mbti12-poem,.mbti12-share{padding:72px 18px}.mbti12-milestones header h2,.mbti12-analysis>header h2,.mbti12-poem h2,.mbti12-share>article h2{font-size:32px}.mbti12-timeline{grid-template-columns:1fr}.mbti12-timeline li{display:grid;grid-template-columns:44px 1fr;align-items:center}.mbti12-timeline li>i{margin:0}.mbti12-timeline li>div{text-align:left}.mbti12-timeline span{margin-top:3px}.mbti12-analysis>div{grid-template-columns:1fr}.mbti12-analysis article{padding:24px 20px}.mbti12-analysis article p{font-size:15px}.mbti12-poem blockquote{padding:42px 18px 28px;font-size:21px}.mbti12-actions{display:grid}.mbti12-actions button{width:100%}.mbti12-result>.mbti12-brand-note{margin-top:-60px;padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){.mbti12-loading>i,.mbti12-reveal .mbti12-result-hero>div{animation:none}.mbti12-cta,.mbti12-options button,.mbti12-group button{transition:none}}

/* Test 12 v2: the selected MBTI family now owns the whole visual system. */
body.mbti12-mode{--mbti12-accent:#ad78ff;--mbti12-accent-soft:#e3cdff;--mbti12-accent-muted:#9a78b9;--mbti12-accent-dark:#4d246f;--mbti12-accent-rgb:173,120,255}
body.mbti12-group-purple{--mbti12-accent:#ad78ff;--mbti12-accent-soft:#e3cdff;--mbti12-accent-muted:#9a78b9;--mbti12-accent-dark:#4d246f;--mbti12-accent-rgb:173,120,255}
body.mbti12-group-green{--mbti12-accent:#35c98e;--mbti12-accent-soft:#b7f5d8;--mbti12-accent-muted:#74ad94;--mbti12-accent-dark:#174d39;--mbti12-accent-rgb:53,201,142}
body.mbti12-group-blue{--mbti12-accent:#43b8e8;--mbti12-accent-soft:#c4ecff;--mbti12-accent-muted:#78a9bd;--mbti12-accent-dark:#17445c;--mbti12-accent-rgb:67,184,232}
body.mbti12-group-yellow{--mbti12-accent:#e9b82d;--mbti12-accent-soft:#ffeaa6;--mbti12-accent-muted:#b7a26c;--mbti12-accent-dark:#5e4914;--mbti12-accent-rgb:233,184,45}

.mbti12-mode .mbti12-orbits:before{background:radial-gradient(circle at 15% 18%,rgba(var(--mbti12-accent-rgb),.22),transparent 20%),radial-gradient(circle at 82% 74%,rgba(var(--mbti12-accent-rgb),.17),transparent 25%),conic-gradient(from 45deg at 55% 42%,transparent,rgba(var(--mbti12-accent-rgb),.08),transparent 24%)}
.mbti12-mode .mbti12-orbits i{border-color:rgba(var(--mbti12-accent-rgb),.3);box-shadow:0 0 24px rgba(var(--mbti12-accent-rgb),.12) inset}
.mbti12-mode .mbti12-orbits b,.mbti12-mode .mbti12-home-art figcaption span:before{color:var(--mbti12-accent);text-shadow:0 0 18px var(--mbti12-accent)}
.mbti12-mode .mbti12-cta,.mbti12-mode .mbti12-redeem button,.mbti12-mode .mbti12-start-selected{background:linear-gradient(105deg,var(--mbti12-accent-dark),var(--mbti12-accent));box-shadow:0 0 34px rgba(var(--mbti12-accent-rgb),.28)}
.mbti12-mode .mbti12-home-copy h1 strong{color:transparent;-webkit-text-stroke:1px var(--mbti12-accent);text-shadow:0 0 30px rgba(var(--mbti12-accent-rgb),.32)}
.mbti12-mode .mbti12-home-copy blockquote{border-left-color:var(--mbti12-accent)}
.mbti12-mode .mbti12-home-copy>p:first-child,.mbti12-mode .mbti12-home-art figcaption,.mbti12-mode .mbti12-quiz-stage article>p,.mbti12-mode .mbti12-milestones header p,.mbti12-mode .mbti12-analysis>header p,.mbti12-mode .mbti12-poem>p,.mbti12-mode .mbti12-share>article>p{color:var(--mbti12-accent-soft)}
.mbti12-mode .mbti12-quiz>header i{background:linear-gradient(90deg,var(--mbti12-accent-dark),var(--mbti12-accent));box-shadow:0 0 12px var(--mbti12-accent)}

.mbti12-groups .mbti12-group-purple{--group-accent:#ad78ff;--group-rgb:173,120,255;--group-dark:#4d246f}
.mbti12-groups .mbti12-group-green{--group-accent:#35c98e;--group-rgb:53,201,142;--group-dark:#174d39}
.mbti12-groups .mbti12-group-blue{--group-accent:#43b8e8;--group-rgb:67,184,232;--group-dark:#17445c}
.mbti12-groups .mbti12-group-yellow{--group-accent:#e9b82d;--group-rgb:233,184,45;--group-dark:#5e4914}
.mbti12-groups .mbti12-group{border-color:rgba(var(--group-rgb),.45);background:linear-gradient(145deg,rgba(var(--group-rgb),.13),rgba(255,255,255,.012));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.mbti12-groups .mbti12-group header b{color:var(--group-accent)}
.mbti12-groups .mbti12-group button:before{border-color:var(--group-accent)}
.mbti12-groups .mbti12-group button:hover,.mbti12-groups .mbti12-group button.selected{border-color:var(--group-accent);box-shadow:0 0 24px rgba(var(--group-rgb),.22),inset 0 0 24px rgba(var(--group-rgb),.1)}
.mbti12-groups .mbti12-group button.selected i{color:var(--group-accent);text-shadow:0 0 12px var(--group-accent)}

.mbti12-quiz-stage{grid-template-columns:minmax(430px,.96fr) minmax(440px,1.04fr);gap:clamp(30px,5vw,74px);align-items:center}
.mbti12-quiz-stage>figure.mbti12-question-collage{position:relative;height:min(78vh,760px);border:1px solid rgba(var(--mbti12-accent-rgb),.5);background:#160e13;box-shadow:0 0 70px rgba(var(--mbti12-accent-rgb),.11)}
.mbti12-quiz-stage>figure.mbti12-question-collage:after{content:none}
.mbti12-question-collage>img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.03)}
.mbti12-paper-question{position:absolute;z-index:2;inset:18% 13.5% 21% 14%;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(16px,2.4vw,34px);box-sizing:border-box;color:#2d2327;text-align:center;text-shadow:0 1px rgba(255,255,255,.7)}
.mbti12-paper-question>p{margin:0 0 18px;color:var(--mbti12-accent-dark);font:800 11px Arial,sans-serif;letter-spacing:.18em}
.mbti12-paper-question h1{margin:0;color:#241b20;font:600 clamp(24px,2.5vw,39px)/1.5 "Noto Serif SC",serif;letter-spacing:.01em}
.mbti12-answer-panel{position:relative;padding:30px clamp(0px,1vw,18px)}
.mbti12-answer-panel:before{content:"♥";display:block;margin-bottom:18px;color:var(--mbti12-accent);font:400 24px Arial;text-shadow:0 0 20px var(--mbti12-accent)}
.mbti12-options button>i{border-color:rgba(var(--mbti12-accent-rgb),.55);color:var(--mbti12-accent-soft)}
.mbti12-options button:hover,.mbti12-options button.selected{border-color:var(--mbti12-accent);background:rgba(var(--mbti12-accent-rgb),.1);box-shadow:0 0 26px rgba(var(--mbti12-accent-rgb),.14)}
.mbti12-options button.selected>b{color:var(--mbti12-accent);text-shadow:0 0 12px var(--mbti12-accent)}
.mbti12-quiz-stage figcaption{color:var(--mbti12-accent-soft)}

.mbti12-result-hero>div>strong,.mbti12-result-hero h1,.mbti12-result-hero>div>em,.mbti12-result-hero>div>a,.mbti12-analysis article>span,.mbti12-card-preview>p,.mbti12-card-preview>strong{color:var(--mbti12-accent)}
.mbti12-result-hero>div>strong{text-shadow:0 0 42px rgba(var(--mbti12-accent-rgb),.28)}
.mbti12-timeline:before{background:rgba(var(--mbti12-accent-rgb),.35)}
.mbti12-timeline li>i{border-color:var(--mbti12-accent-dark);color:var(--mbti12-accent)}
.mbti12-timeline li.passed>i{background:var(--mbti12-accent-dark);border-color:var(--mbti12-accent-muted)}
.mbti12-timeline li.current>i{border-color:#fff;background:var(--mbti12-accent);box-shadow:0 0 30px rgba(var(--mbti12-accent-rgb),.68)}
.mbti12-analysis{border-color:rgba(var(--mbti12-accent-rgb),.2)}
.mbti12-analysis article{border-color:rgba(var(--mbti12-accent-rgb),.24);background:linear-gradient(145deg,rgba(var(--mbti12-accent-rgb),.09),rgba(255,255,255,.01))}
.mbti12-poem blockquote{border-color:rgba(var(--mbti12-accent-rgb),.3);box-shadow:0 0 70px rgba(var(--mbti12-accent-rgb),.08)}
.mbti12-poem blockquote:before{border-color:var(--mbti12-accent);color:var(--mbti12-accent);box-shadow:0 0 22px rgba(var(--mbti12-accent-rgb),.42)}
.mbti12-card-preview{border-color:rgba(var(--mbti12-accent-rgb),.56);box-shadow:0 0 60px rgba(var(--mbti12-accent-rgb),.17)}
.mbti12-card-preview li{background:var(--mbti12-accent-dark)}
.mbti12-card-preview li.active{background:#fff;box-shadow:0 0 12px var(--mbti12-accent)}
.mbti12-actions button{border-color:rgba(var(--mbti12-accent-rgb),.44)}

@media(max-width:900px){
  .mbti12-quiz-stage{grid-template-columns:1fr;max-width:680px}
  .mbti12-quiz-stage>figure.mbti12-question-collage{height:auto;min-height:0;aspect-ratio:2/3}
  .mbti12-answer-panel{padding:4px 0 0}
}
@media(max-width:620px){
  .mbti12-quiz-stage>figure.mbti12-question-collage{height:auto;min-height:0;aspect-ratio:2/3}
  .mbti12-paper-question{inset:17.5% 12.5% 20% 13%;padding:16px 13px}
  .mbti12-paper-question>p{margin-bottom:12px;font-size:9px}
  .mbti12-paper-question h1{font-size:clamp(21px,6.6vw,29px);line-height:1.55}
}