.mbti-visual-result{max-width:1120px;margin:40px auto 58px}.mbti-result-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:48px;display:grid}.mbti-result-introduction{min-width:0}.mbti-result-introduction h1{letter-spacing:-.7px;outline:none;margin:13px 0 0;font-size:clamp(25px,2.3vw,32px);font-weight:750;line-height:1.55}.mbti-result-letters{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;max-width:404px;margin:28px 0 18px;display:grid}.mbti-result-letters>button{color:#172c3a;background:linear-gradient(140deg, var(--tile-top), var(--tile-bottom));min-height:100px;box-shadow:inset 3px 3px 3px #ffffff60, 0 5px 0 var(--tile-shadow), 0 9px 18px #45453416;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 5px 12px;transition:transform .25s,box-shadow .25s;display:flex}.mbti-result-letter>span{font-size:49px;font-weight:800;line-height:1.1}.mbti-result-letter>small{font-size:11px}.mbti-result-letter-hint{color:var(--theme-muted,#6d7780);align-items:center;gap:5px;font-size:11px;display:flex}.mbti-result-letter-hint>svg{width:13px;height:13px}.mbti-result-introduction>h2{letter-spacing:-.3px;margin-top:27px;font-size:22px;font-weight:700;line-height:1.55}.mbti-result-introduction .mbti-keywords{margin-top:13px}.mbti-result-small-note{color:var(--theme-muted,#657481);max-width:370px;font-size:12px;line-height:1.85;margin-top:16px!important}.mbti-result-hero-picture{min-width:0}.mbti-result-hero .mbti-portrait{background:var(--theme-panel,#f6f0e5);margin:0;box-shadow:0 5px #e8e1d3,0 16px 32px #5448320a}.mbti-result-hero .mbti-portrait figcaption{padding:13px 17px 15px}.mbti-result-hero .mbti-portrait-tabs{margin-bottom:8px}.mbti-result-hero .mbti-portrait-tabs>button{min-height:35px;font-size:11px}.mbti-result-hero .mbti-portrait figcaption p{min-height:36px;font-size:12px;line-height:1.8}.mbti-result-hero .mbti-portrait figcaption small{margin-top:10px;font-size:9px}.mbti-result-open-possibilities{border:1px solid var(--theme-line,#e0e3d7);background:var(--theme-panel,#f3f5e9);text-align:center;border-radius:24px;padding:18px 20px 28px;box-shadow:0 5px #e0e4d5}.mbti-result-open-possibilities svg{width:100%;height:auto;display:block}.mbti-result-open-possibilities h2{font-size:20px;line-height:1.6}.mbti-result-open-possibilities p{color:var(--theme-muted,#607065);max-width:320px;margin:9px auto 0;font-size:12px;line-height:1.85}.mbti-result-preference-map{margin-top:52px;scroll-margin-top:22px}.mbti-result-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.mbti-result-section-heading h2{letter-spacing:-.5px;margin-top:9px;font-size:25px;font-weight:700;line-height:1.5}.mbti-result-section-heading>p{color:var(--theme-muted,#677582);font-size:12px;line-height:1.8}.mbti-result-scale-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.mbti-result-scale-grid>button{text-align:left;border:1px solid var(--theme-line,#dcded8);background:var(--theme-panel,#fffefa);border-radius:18px;min-width:0;padding:19px 22px 14px;transition:border-color .25s,background .25s,transform .25s;box-shadow:0 4px #e6e7df}.mbti-result-scale-grid>button[aria-pressed=true]{background:var(--tile-soft);border-color:#7186a0;box-shadow:0 4px #c9d3dc}.mbti-result-scale-title{justify-content:space-between;align-items:center;gap:8px;line-height:1.5;display:flex}.mbti-result-scale-title>b{font-size:16px}.mbti-result-scale-title>span{color:#40566a;background:var(--tile-soft);border-radius:6px;padding:4px 8px;font-size:11px}.mbti-result-scale-card[aria-pressed=true] .mbti-result-scale-title>span{background:#ffffffbd}.mbti-result-spectrum{width:100%;max-width:360px;margin:7px auto 0;display:block}.mbti-result-spectrum text{fill:#6b7981;font-size:10px}.mbti-result-spectrum text.mbti-spectrum-letter{fill:#243b4b;font-size:24px;font-weight:750}.mbti-result-scale-card[aria-pressed=true] .mbti-result-pin circle:first-child{stroke:#1557c0}.mbti-result-scale-bottom{color:var(--theme-muted,#687682);justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.mbti-result-scale-bottom b{color:var(--theme-muted,#344d62);font-size:13px}.mbti-result-scale-bottom>span:last-child{color:var(--theme-muted,#466584);align-items:center;gap:4px;display:inline-flex}.mbti-result-scale-bottom svg{width:12px;height:12px;transition:transform .2s}.mbti-result-scale-card[aria-pressed=true] .mbti-result-scale-bottom svg{transform:translateY(2px)}.mbti-result-axis-story{background:var(--theme-panel,#f4f3ed);border:1px solid var(--theme-line,#e2e1d9);border-radius:23px;margin-top:24px;padding:25px}.mbti-result-axis-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.mbti-result-axis-heading h3{font-size:19px;font-weight:650;line-height:1.6}.mbti-result-axis-heading>span{color:var(--theme-muted,#65717d);white-space:nowrap;font-size:11px}.mbti-result-preference-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;animation:.28s ease-out mbti-result-panel-enter;display:grid}.mbti-result-preference-pair>article{background:var(--theme-panel,#fffefb);border:1px solid var(--theme-line,#e0e1d9);border-radius:17px;min-width:0;padding:17px 21px;box-shadow:0 4px #e5e5da}.mbti-result-preference-pair>article.is-result{border-color:#8fa1ad;box-shadow:0 4px #c8d5d9}.mbti-result-preference-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;min-height:25px;display:flex}.mbti-result-preference-label>span{font-size:14px;font-weight:700;line-height:1.6}.mbti-result-preference-label>small{color:#44604f;background:#eaf2e4;border-radius:5px;padding:4px 6px;font-size:10px}.mbti-preference-diagram{width:100%;max-width:310px;height:auto;margin:7px auto 13px;display:block}.mbti-preference-diagram text{fill:#536b74;font-size:11px}.mbti-preference-object{transition:transform .25s}.mbti-preference-flow{animation:.35s ease-out mbti-preference-flow-in}.mbti-result-preference-pair article>p{color:var(--theme-muted,#40586a);font-size:14px;line-height:1.95}.mbti-result-preference-pair details{color:var(--theme-muted,#526576);border-top:1px dashed #dedfd8;margin-top:15px;padding-top:9px;font-size:12px;line-height:1.9}.mbti-result-preference-pair summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:32px;display:flex}.mbti-result-preference-pair details p{margin:8px 0}.mbti-result-axis-note{color:var(--theme-muted,#62717b);font-size:11px;line-height:1.85;margin-top:18px!important}.mbti-result-score-help{color:var(--theme-muted,#667583);margin:16px 0 0;padding:0 3px;font-size:12px}.mbti-result-score-help summary{cursor:pointer;align-items:center;gap:10px;width:fit-content;min-height:36px;display:flex}.mbti-result-score-help p{max-width:850px;margin-top:8px;line-height:1.9}.mbti-visual-result .mbti-result-actions{border-bottom:1px solid #dedfd7;margin:20px 0 0;padding:22px 0 29px}.mbti-result-journey{margin-top:40px}.mbti-result-chapters{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:26px;display:grid}.mbti-result-chapters>button{text-align:left;border:1px solid var(--theme-line,#dbdfd7);background:var(--theme-panel,#fffefb);border-radius:15px;align-items:center;gap:11px;min-width:0;padding:12px;transition:transform .25s,border-color .25s,background .25s;display:flex;box-shadow:0 4px #e6e7df}.mbti-result-chapters>button[aria-selected=true]{background:var(--theme-panel,#edf3fc);border-color:#7b94bd;transform:translateY(2px);box-shadow:0 2px #a5b9d6}.mbti-chapter-object{color:#335d7a;background:linear-gradient(140deg,#d4edff,#8fc5e8);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:46px;display:flex;box-shadow:inset 2px 2px 2px #fff9,0 4px #96b6cb}.mbti-chapter-object.is-1{color:#74622d;background:linear-gradient(140deg,#fff0bb,#f3d07c);box-shadow:inset 2px 2px 2px #fff9,0 4px #c5b17b}.mbti-chapter-object.is-2{color:#8c514c;background:linear-gradient(140deg,#ffdfd8,#f4ada3);box-shadow:inset 2px 2px 2px #fff9,0 4px #cfa195}.mbti-chapter-object.is-3{color:#3e7664;background:linear-gradient(140deg,#d2f1e5,#8ad4be);box-shadow:inset 2px 2px 2px #fff9,0 4px #91bfae}.mbti-chapter-object svg{width:26px;height:26px}.mbti-result-chapters b{font-size:14px;line-height:1.6;display:block}.mbti-result-chapters small{color:var(--theme-muted,#6d7a84);margin-top:4px;font-size:10px;line-height:1.5;display:block}.mbti-result-chapter{border:1px solid var(--theme-line,#dedfd7);background:var(--theme-panel,#fffef9);border-radius:23px;padding:27px;animation:.28s ease-out mbti-result-panel-enter;box-shadow:0 5px #e9e7dc}.mbti-result-chapter[hidden]{display:none}.mbti-result-chapter:focus-visible{outline-offset:5px;outline:2px solid #8996a4}.mbti-result-chapter-intro>span{color:var(--theme-muted,#788075);margin-bottom:7px;font-size:11px;display:block}.mbti-result-chapter-intro h3{letter-spacing:-.4px;font-size:23px;font-weight:700;line-height:1.6}.mbti-result-chapter-intro>p{color:var(--theme-muted,#6b777f);margin-top:9px;font-size:12px;line-height:1.8}.mbti-result-chapter-intro details{color:var(--theme-muted,#566b7d);margin-top:8px;font-size:12px;line-height:1.9}.mbti-result-chapter-intro summary{cursor:pointer;align-items:center;gap:7px;width:fit-content;min-height:35px;display:flex}.mbti-result-chapter-intro details p{max-width:850px;margin-top:6px}.mbti-result-next-scene{border-top:1px dashed #dedfd6;margin-top:40px;padding-top:30px}.mbti-result-support-heading{font-size:20px;line-height:1.6;margin:30px 0 16px!important}.mbti-result-reading-extras{margin-top:26px}.mbti-result-takeaway{border-bottom:1px solid #dedfd7}.mbti-result-takeaway>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;font-size:14px;line-height:1.7;display:flex}.mbti-result-takeaway>summary>span{align-items:center;gap:10px;display:flex}.mbti-result-takeaway>summary>span>svg{width:20px;height:20px}.mbti-result-reading-extras .mbti-advanced{border-top:0;margin-top:0}.mbti-result-open-types{margin-top:38px}.mbti-result-open-types h2{margin-top:9px;font-size:25px;line-height:1.6}.mbti-result-open-types>p{color:var(--theme-muted,#667580);margin-top:9px;font-size:12px}.mbti-result-open-types>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:20px;display:grid}.mbti-result-open-types a{border:1px solid var(--theme-line,#dddfd7);background:var(--theme-panel,#fffefb);border-radius:15px;flex-direction:column;gap:16px;padding:18px;display:flex;box-shadow:0 4px #e7e8df}.mbti-result-open-types a>span:first-child{gap:7px;display:flex}.mbti-result-open-types a b{background:var(--tile-soft);color:#334b5d;border-radius:10px;justify-content:center;align-items:center;width:38px;height:42px;font-size:22px;display:flex}.mbti-result-open-types a b.is-open{background:var(--tile-top);box-shadow:0 3px 0 var(--tile-shadow)}.mbti-result-open-types a>span:last-child{justify-content:space-between;align-items:center;gap:10px;font-size:13px;line-height:1.7;display:flex}.mbti-visual-result .mbti-scoring-details{margin-top:16px}@keyframes mbti-result-panel-enter{0%{transform:translateY(6px)}to{transform:translateY(0)}}@keyframes mbti-preference-flow-in{0%{stroke-dashoffset:15px;opacity:.45}to{stroke-dashoffset:0;opacity:1}}@media (hover:hover){.mbti-result-letters>button:hover{box-shadow:inset 3px 3px 3px #ffffff60, 0 9px 0 var(--tile-shadow), 0 12px 20px #45453416;transform:translateY(-4px)}.mbti-result-scale-grid>button:hover{border-color:#93a7be}.mbti-result-preference-pair article:hover .mbti-preference-object{transform:translateY(-3px)}.mbti-result-chapters>button:hover{border-color:#91a5bb}}@media (max-width:1000px){.mbti-result-hero{gap:25px}.mbti-result-letters{gap:10px}.mbti-result-letter>span{font-size:43px}.mbti-result-letters>button{min-height:88px}.mbti-result-introduction h1{font-size:26px}.mbti-result-introduction>h2{font-size:20px}.mbti-result-chapters{gap:9px}.mbti-result-chapters>button{flex-direction:column;align-items:flex-start;gap:11px}.mbti-result-chapters small{font-size:9px}.mbti-result-axis-heading{flex-direction:column;align-items:flex-start;gap:5px}}@media (max-width:700px){.mbti-visual-result{margin:28px auto 40px}.mbti-result-hero{grid-template-columns:1fr;gap:27px}.mbti-result-introduction h1{font-size:26px}.mbti-result-letters{gap:13px;max-width:380px;margin:23px 0 17px}.mbti-result-letters>button{border-radius:17px;min-height:84px}.mbti-result-letter>span{font-size:43px}.mbti-result-letter>small{font-size:10px}.mbti-result-introduction>h2{margin-top:21px;font-size:21px}.mbti-result-small-note{font-size:11px}.mbti-result-preference-map{margin-top:36px}.mbti-result-section-heading{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:18px}.mbti-result-section-heading h2{font-size:23px}.mbti-result-section-heading>p{font-size:11px}.mbti-result-scale-grid{grid-template-columns:1fr;gap:13px}.mbti-result-scale-grid>button{padding:16px 18px 12px}.mbti-result-scale-title>b{font-size:15px}.mbti-result-axis-story{border-radius:19px;padding:19px 15px}.mbti-result-axis-heading h3{font-size:18px}.mbti-result-axis-heading>span{font-size:10px}.mbti-result-preference-pair{grid-template-columns:1fr;gap:17px}.mbti-result-preference-pair>article{padding:15px 17px}.mbti-result-preference-label>span{font-size:14px}.mbti-preference-diagram{max-width:260px}.mbti-result-preference-pair article>p{font-size:13px}.mbti-result-axis-note{font-size:10px}.mbti-result-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.mbti-result-chapters>button{flex-direction:row;gap:9px;padding:12px 10px}.mbti-chapter-object{border-radius:10px;width:35px;height:39px}.mbti-chapter-object svg{width:22px;height:22px}.mbti-result-chapters b{font-size:12px}.mbti-result-chapters small{margin-top:2px;font-size:9px;line-height:1.5}.mbti-result-chapter{border-radius:19px;padding:19px 13px}.mbti-result-chapter-intro h3{font-size:20px}.mbti-result-chapter-intro>p{font-size:11px}.mbti-result-next-scene{margin-top:30px;padding-top:24px}.mbti-result-support-heading{font-size:19px}.mbti-result-takeaway>summary{font-size:13px}.mbti-result-open-types h2{font-size:22px}.mbti-result-open-types>div{grid-template-columns:1fr}}@media (max-width:359px){.mbti-result-introduction h1{font-size:23px}.mbti-result-chapters>button{gap:7px;padding:10px 7px}.mbti-result-chapters small{display:none}.mbti-chapter-object{width:32px;height:35px}.mbti-result-preference-label>small{font-size:9px}}@media (prefers-reduced-motion:reduce){.mbti-visual-result *,.mbti-visual-result :before,.mbti-visual-result :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mbti-quiz{--quiz-left:#2c63ae;--quiz-right:#ab5147;max-width:980px;margin:28px auto 52px}.mbti-quiz-topline,.mbti-quiz-progress>div:first-child,.mbti-quiz-card-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.mbti-quiz-topline{color:var(--mbti-muted);font-size:11px}.mbti-quiz-topline>span{align-items:center;gap:5px;display:inline-flex}.mbti-quiz-topline svg{width:15px;height:15px}.mbti-quiz-progress{margin:26px 4px 22px}.mbti-quiz-progress>div:first-child{color:var(--mbti-muted);margin-bottom:11px;font-size:12px}.mbti-quiz-progress b{color:var(--mbti-ink);font-variant-numeric:tabular-nums;font-size:15px}.mbti-quiz-progress-blocks{grid-template-columns:repeat(32,minmax(0,1fr));gap:5px;display:grid}.mbti-quiz-progress-blocks>span{background:#e9e7e1;border-radius:3px;height:7px;transition:background .25s,transform .25s;box-shadow:inset 0 1px 1px #bdb8ad25}.mbti-quiz-progress-blocks .is-done{background:#3e6bf3;box-shadow:0 2px #2e50b5}.mbti-quiz-progress-blocks .is-current{background:#f3ca5e;transform:translateY(-2px);box-shadow:0 2px #c49f45}.mbti-quiz .mbti-quiz-card{background:linear-gradient(140deg,#fffefa 15%,#fff 65%,#fffaf5);border:1px solid #e4e0d7;border-radius:27px;padding:25px 38px 0;position:relative;box-shadow:0 5px #efede7,0 7px #e3e0d8,0 18px 40px #3b352a09}.mbti-quiz-counter{color:#8a8e96;font-variant-numeric:tabular-nums;align-items:baseline;gap:7px;font-size:12px;display:inline-flex}.mbti-quiz-counter b{color:#71582e;letter-spacing:-.8px;background:linear-gradient(145deg,#fff0bf,#ffe191);border:1px solid #efd38b;border-radius:11px;justify-content:center;align-items:center;min-width:45px;height:39px;font-size:22px;display:inline-flex;box-shadow:inset 2px 2px 2px #fff9,0 3px #d9b764}.mbti-quiz-auto{cursor:pointer;color:#596270;align-items:center;gap:8px;min-height:38px;font-size:11px;display:inline-flex;position:relative}.mbti-quiz-auto>input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.mbti-quiz-auto>span{background:#d9dce2;border-radius:10px;width:30px;height:18px;transition:background .2s;position:relative}.mbti-quiz-auto>span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0002}.mbti-quiz-auto>input:checked+span{background:#3564ee}.mbti-quiz-auto>input:checked+span:after{transform:translate(12px)}.mbti-quiz-auto>input:focus-visible+span{outline:2px solid var(--mbti-ink);outline-offset:3px}.mbti-quiz-content{animation:.25s ease-out both mbti-question-arrive}.mbti-quiz .mbti-question-card h1{letter-spacing:-.8px;margin:5px 0 9px;font-size:clamp(23px,2.15vw,30px);line-height:1.45}.mbti-quiz-prompt{color:#69717c;font-size:12px;line-height:1.7}.mbti-quiz-pair{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;margin:26px 0 32px;display:grid;position:relative}.mbti-quiz-side{text-align:left;border:1px solid var(--side-line);min-width:0;min-height:145px;color:var(--side-ink);background:linear-gradient(130deg, var(--side-light), var(--side-base));box-shadow:inset 1px 2px 0 #ffffffb0, 0 5px 0 var(--side-edge), 0 9px 17px #423a3010;border-radius:19px;padding:19px 25px 23px;transition:transform .25s,box-shadow .25s;position:relative}.mbti-quiz-side-left{--side-ink:var(--quiz-left);--side-line:#c6d8ed;--side-light:#f1f8ff;--side-base:#dfedfa;--side-edge:#cbdced}.mbti-quiz-side-right{--side-ink:var(--quiz-right);--side-line:#edd0c8;--side-light:#fff5ef;--side-base:#f9e3da;--side-edge:#edcec2}.mbti-quiz-side>span{align-items:center;gap:6px;font-size:10px;display:flex}.mbti-quiz-side>span svg{width:12px;height:12px}.mbti-quiz-side>p{letter-spacing:-.4px;align-items:center;max-width:94%;min-height:61px;margin-top:12px;font-size:clamp(19px,1.8vw,24px);font-weight:650;line-height:1.55;display:flex}.mbti-quiz-side>svg{opacity:.13;width:24px;height:24px;position:absolute;top:15px;right:19px}.mbti-quiz-or{color:#a4a2a0;background:#fff;border:1px solid #edeae4;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;font-size:11px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mbti-quiz-pair[data-selected=left] .mbti-quiz-side-left,.mbti-quiz-pair[data-selected=right] .mbti-quiz-side-right{box-shadow:inset 1px 2px 0 #ffffffb0, 0 2px 0 var(--side-edge), 0 3px 8px #423a3010;transform:translateY(3px)}.mbti-quiz-responses{isolation:isolate;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:720px;margin:auto;display:grid;position:relative}.mbti-quiz-responses:before{content:"";z-index:-1;background:linear-gradient(90deg,#b8d3ee,#ebedf0 50%,#ecc4b9);border-radius:3px;height:3px;position:absolute;top:33px;left:9%;right:9%}.mbti-quiz-response{--key-ink:#686873;--key-face:#f7f6f2;--key-edge:#d6d4cf;--key-line:#dddad3;--key-active:#606778;--key-size:58px;cursor:pointer;color:var(--key-ink);flex-direction:column;align-items:center;gap:14px;padding:0 0 6px;font-size:11px;display:flex;position:relative}.mbti-quiz-choice-1,.mbti-quiz-choice-2{--key-ink:var(--quiz-left);--key-face:#e5f0fd;--key-edge:#b9cde4;--key-line:#c4d7ed;--key-active:#3769b0}.mbti-quiz-choice-4,.mbti-quiz-choice-5{--key-ink:var(--quiz-right);--key-face:#fcece5;--key-edge:#e7c4b8;--key-line:#edcfc4;--key-active:#b15b4c}.mbti-quiz-choice-1,.mbti-quiz-choice-5{--key-size:70px}.mbti-quiz-choice-2,.mbti-quiz-choice-4{--key-size:63px}.mbti-quiz-response>input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.mbti-quiz-keycap{width:var(--key-size);height:var(--key-size);margin:calc((70px - var(--key-size)) / 2) 0;border:1px solid var(--key-line);color:var(--key-ink);background:linear-gradient(135deg, #fff, var(--key-face));box-shadow:inset 2px 2px 2px #fff, 0 5px 0 var(--key-edge), 0 8px 11px #4b483a10;border-radius:17px;justify-content:center;align-items:center;font-size:23px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s,color .2s;display:flex;position:relative}.mbti-quiz-keycap>svg{background:var(--key-active);color:#fff;opacity:0;border:2px solid #fff;border-radius:50%;width:20px;height:20px;padding:3px;transition:opacity .15s,transform .2s;position:absolute;top:-7px;right:-7px;transform:scale(.6)}.mbti-quiz-answer-label{line-height:1.7}.mbti-quiz-response.is-selected .mbti-quiz-keycap{background:var(--key-active);border-color:var(--key-active);color:#fff;box-shadow:inset 1px 2px 4px #ffffff30, 0 1px 0 var(--key-edge), 0 3px 7px #4b483a10;transform:translateY(4px)}.mbti-quiz-response.is-selected .mbti-quiz-keycap>svg{opacity:1;transform:scale(1)}.mbti-quiz-response.is-selected .mbti-quiz-answer-label{font-weight:700}.mbti-quiz-response>input:focus-visible+.mbti-quiz-keycap{outline-offset:6px;outline:2px solid #283c58}.mbti-quiz-feedback{color:#69717c;justify-content:center;align-items:center;gap:5px;min-height:37px;margin:9px 0 0;font-size:11px;display:flex}.mbti-quiz-feedback svg{flex-shrink:0;width:15px;height:15px}.mbti-quiz-feedback.is-pending{color:#405d95}.mbti-quiz .mbti-quiz-original{margin:0 auto 20px;font-size:10px}.mbti-quiz-original summary{padding:6px}.mbti-quiz-original>p{background:#f6f5f1;border-radius:10px;padding:10px 16px}.mbti-quiz-original>p>span{overflow-wrap:anywhere}.mbti-quiz-navigation{background:#fcfaf6;border-top:1px solid #ebe7df;border-radius:0 0 27px 27px;justify-content:space-between;align-items:center;gap:15px;margin:0 -38px;padding:19px 30px;display:flex}.mbti-quiz-navigation>button{justify-content:center;align-items:center;gap:9px;min-height:40px;font-size:12px;display:inline-flex}.mbti-quiz-navigation>span{color:#6d717c;font-size:10px}.mbti-quiz-navigation .mbti-quiz-next{background:#fff;border:1px solid #dadce2;border-radius:12px;padding:10px 17px;box-shadow:0 2px #dedfe4}.mbti-quiz-navigation>button:disabled{opacity:.4;cursor:not-allowed}.mbti-quiz .mbti-quiz-jump{border-top:0;border-bottom:1px solid var(--mbti-line);margin-top:32px;padding:18px 3px}.mbti-quiz-jump>summary{justify-content:space-between}.mbti-quiz-jump>summary>span:last-child{color:#6d717c;align-items:center;gap:13px;font-size:10px;display:inline-flex}.mbti-quiz-jump>summary svg{transition:transform .2s}.mbti-quiz-jump[open]>summary svg{transform:rotate(180deg)}.mbti-quiz-jump button{border-radius:9px;min-height:42px;position:relative}.mbti-quiz-jump button>svg{width:9px;height:9px;position:absolute;bottom:4px;right:5px}.mbti-quiz .mbti-quiz-local{margin-top:14px}@keyframes mbti-question-arrive{0%{transform:translateY(7px)}to{transform:translateY(0)}}@media (hover:hover){.mbti-quiz-response:hover .mbti-quiz-keycap{box-shadow:inset 2px 2px 2px #fff, 0 8px 0 var(--key-edge), 0 12px 16px #4b483a12;transform:translateY(-3px)}.mbti-quiz-response.is-selected:hover .mbti-quiz-keycap{box-shadow:inset 1px 2px 4px #ffffff30, 0 1px 0 var(--key-edge);transform:translateY(4px)}.mbti-quiz-navigation .mbti-quiz-next:hover:not(:disabled){background:#f2f5ff;border-color:#c7d2ee}}@media (max-width:700px){.mbti-quiz{margin:20px auto 32px}.mbti-quiz-topline{font-size:10px}.mbti-quiz-progress{margin:20px 1px 18px}.mbti-quiz-progress>div:first-child{font-size:10px}.mbti-quiz-progress-blocks{gap:3px}.mbti-quiz-progress-blocks>span{border-radius:2px;height:6px}.mbti-quiz .mbti-quiz-card{border-radius:21px;padding:19px 17px 0}.mbti-quiz-counter{font-size:10px}.mbti-quiz-counter b{border-radius:9px;min-width:38px;height:33px;font-size:19px}.mbti-quiz-auto{gap:6px;font-size:10px}.mbti-quiz .mbti-question-card h1{letter-spacing:-.7px;margin-top:26px;font-size:21px}.mbti-quiz-prompt{font-size:10px}.mbti-quiz-pair{gap:18px;margin:23px 0 28px}.mbti-quiz-side{border-radius:14px;min-height:141px;padding:14px 12px 17px}.mbti-quiz-side>span{gap:3px;font-size:9px}.mbti-quiz-side>p{overflow-wrap:anywhere;max-width:none;min-height:74px;margin-top:12px;font-size:17px;line-height:1.6}.mbti-quiz-side>svg{width:16px;height:16px;top:12px;right:10px}.mbti-quiz-or{width:25px;height:25px;font-size:9px}.mbti-quiz-responses{gap:5px}.mbti-quiz-response{--key-size:41px;gap:12px;font-size:10px}.mbti-quiz-choice-1,.mbti-quiz-choice-5{--key-size:50px}.mbti-quiz-choice-2,.mbti-quiz-choice-4{--key-size:45px}.mbti-quiz-keycap{margin:calc((50px - var(--key-size)) / 2) 0;border-radius:12px;font-size:18px}.mbti-quiz-keycap>svg{width:17px;height:17px;padding:2px;top:-5px;right:-5px}.mbti-quiz-responses:before{top:24px}.mbti-quiz-feedback{min-height:36px;margin-top:5px;font-size:10px}.mbti-quiz .mbti-quiz-original{margin-bottom:14px}.mbti-quiz-navigation{border-radius:0 0 21px 21px;margin:0 -17px;padding:14px 17px}.mbti-quiz-navigation>span{display:none}.mbti-quiz-navigation>button{min-height:39px;font-size:11px}.mbti-quiz .mbti-quiz-jump{margin-top:21px;padding:16px 1px}.mbti-quiz .mbti-quiz-local{gap:0;margin-top:11px;font-size:10px}}@media (max-width:359px){.mbti-quiz .mbti-quiz-card{padding-left:13px;padding-right:13px}.mbti-quiz .mbti-question-card h1{font-size:19px}.mbti-quiz-side{padding-left:10px;padding-right:10px}.mbti-quiz-side>p{font-size:16px}.mbti-quiz-responses{gap:3px}.mbti-quiz-response{--key-size:37px;font-size:9px}.mbti-quiz-choice-1,.mbti-quiz-choice-5{--key-size:44px}.mbti-quiz-choice-2,.mbti-quiz-choice-4{--key-size:40px}.mbti-quiz-keycap{margin:calc((44px - var(--key-size)) / 2) 0;border-radius:10px}.mbti-quiz-responses:before{top:21px}.mbti-quiz-feedback{font-size:9px}.mbti-quiz-navigation{margin-left:-13px;margin-right:-13px}}@media (prefers-reduced-motion:reduce){.mbti-quiz *,.mbti-quiz :before,.mbti-quiz :after{transition:none!important;animation:none!important}}.mbti-test-main .mbti-result>h1[tabindex="-1"]{outline:none}