body:has(.m-mbti-root),body:has(.m-mbti-root) [data-module=mbti],html[data-module=mbti],html[data-module=mbti] [data-module=mbti]{--bg:#0b1030;--bg-deep:#060917;--surface:#141a45;--surface-2:#1b2358;--line:#3b4180;--line-soft:#262c5e;--ink:#eef0ff;--ink-muted:#a9b0dd;--ink-faint:#7b83bb;--accent:#d8b06a;--accent-soft:#2a2340;--accent-ink:#14162e;--highlight:#7fe7ff;--on-accent:#10132b;--aurora-1:#6d5cff;--aurora-2:#4b3bd6;--aurora-3:#7fe7ff;--aura-alpha:0.5}.m-mbti-root{--m-void:#0b1030;--m-violet:#6d5cff;--m-violet-deep:#4b3bd6;--m-brass:#d8b06a;--m-cyan:#7fe7ff;--m-ink:#eef0ff;--m-ink-muted:#a9b0dd;--m-ink-faint:#7b83bb;--m-edge:rgb(150 160 255/0.18);--m-edge-soft:rgb(150 160 255/0.1);--m-glass:rgb(20 26 69/0.72);--m-glass-deep:rgb(6 9 28/0.86);--m-ease:cubic-bezier(0.22,1,0.36,1);--m-ease-spring:cubic-bezier(0.34,1.56,0.64,1);position:relative;isolation:isolate}.m-mbti-stage{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.m-mbti-stage-canvas{display:block;width:100%;height:100%}.m-mbti-stage:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 22% 32%,rgb(255 255 255/.055) 0 1px,transparent 1px);background-size:3px 3px;opacity:.55;mix-blend-mode:screen}.m-mbti-shell{position:relative;z-index:1;width:100%;max-width:70rem;margin:0 auto;padding:0 clamp(1.1rem,4vw,2.5rem) 7rem}.m-mbti-masthead{padding:clamp(2.6rem,8vw,5.2rem) 0 0}.m-mbti-kicker{display:inline-flex;align-items:center;gap:.65rem;font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;color:var(--m-brass)}.m-mbti-kicker-mark{width:.5rem;height:.5rem;rotate:45deg;background:var(--m-brass);box-shadow:0 0 14px rgb(216 176 106/.9);animation:m-mbti-pulse 3.6s ease-in-out infinite}.m-mbti-title{margin:1rem 0 0;font-family:var(--font-display);font-weight:500;font-size:clamp(2.5rem,8.6vw,5.2rem);line-height:.94;letter-spacing:.01em;background:linear-gradient(180deg,#ffffff 0,#cdd4ff 44%,var(--m-violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 34px rgb(109 92 255/.38))}.m-mbti-subtitle{max-width:46ch;margin:1.1rem 0 0;font-size:clamp(.94rem,2.4vw,1.05rem);line-height:1.75;color:var(--m-ink-muted)}.m-mbti-rule{height:1px;margin:2.2rem 0 0;background:linear-gradient(90deg,transparent,rgb(216 176 106/.55),transparent)}.m-mbti-section-title{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,4.6vw,2.4rem);line-height:1.1;color:#f6f7ff}.m-mbti-section-hint{margin:.7rem 0 0;max-width:48ch;font-size:.9rem;line-height:1.7;color:var(--m-ink-faint)}.m-mbti-doors{position:relative;display:grid;gap:1.1rem;margin-top:1.8rem}@media (min-width:46rem){.m-mbti-doors{grid-template-columns:repeat(2,minmax(0,1fr))}}.m-mbti-door{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;width:100%;min-height:15rem;padding:1.7rem 1.6rem 2.1rem;text-align:left;cursor:pointer;overflow:hidden;color:var(--m-ink);border:1px solid var(--m-edge);background:linear-gradient(180deg,rgb(20 26 69/.82),rgb(6 9 28/.94)),radial-gradient(120% 90% at 20% 0,rgb(109 92 255/.22),transparent 60%);transition:transform .32s var(--m-ease),border-color .32s ease,box-shadow .32s ease}.m-mbti-door:focus-visible,.m-mbti-door:hover{transform:translateY(-6px);border-color:rgb(216 176 106/.55);box-shadow:0 0 0 1px rgb(216 176 106/.22),0 30px 70px -40px rgb(109 92 255/.95)}.m-mbti-door-frame{position:absolute;inset:.55rem;border:1px solid var(--m-edge-soft);pointer-events:none}.m-mbti-door-glyph{font-family:var(--font-display);font-size:2.6rem;line-height:1;color:var(--m-brass);text-shadow:0 0 24px rgb(216 176 106/.55);transition:transform .42s var(--m-ease)}.m-mbti-door:hover .m-mbti-door-glyph{transform:translateY(-3px) scale(1.04)}.m-mbti-door-title{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(1.3rem,3.6vw,1.75rem);line-height:1.15;color:#fbfbff}.m-mbti-door-hint{margin:0;max-width:34ch;font-size:.86rem;line-height:1.65;color:var(--m-ink-muted)}.m-mbti-door-beam{position:absolute;left:50%;bottom:-55%;width:78%;height:90%;translate:-50% 0;background:radial-gradient(closest-side,rgb(127 231 255/.3),transparent 72%);opacity:0;transform:scaleY(.6);transform-origin:bottom center;transition:opacity .42s ease,transform .62s var(--m-ease);pointer-events:none}.m-mbti-door:focus-visible .m-mbti-door-beam,.m-mbti-door:hover .m-mbti-door-beam{opacity:1;transform:scaleY(1)}.m-mbti-door-known:focus-visible .m-mbti-door-beam,.m-mbti-door-known:hover .m-mbti-door-beam{background:radial-gradient(closest-side,rgb(216 176 106/.3),transparent 72%)}.m-mbti-door-quiz .m-mbti-door-glyph{color:var(--m-cyan);text-shadow:0 0 26px rgb(127 231 255/.65)}.m-mbti-door-known .m-mbti-door-glyph{color:var(--m-brass);text-shadow:0 0 26px rgb(216 176 106/.65)}.m-mbti-wall-wrap{position:relative}.m-mbti-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem .5rem;margin-top:1.6rem}@media (min-width:40rem){.m-mbti-wall{grid-template-columns:repeat(8,minmax(0,1fr))}}.m-mbti-monolith{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:0 0 .1rem;cursor:pointer;background:none;border:0;color:var(--m-ink-muted);transition:transform .26s var(--m-ease)}.m-mbti-monolith:focus-visible,.m-mbti-monolith:hover{transform:translateY(-4px)}.m-mbti-monolith-glass{position:relative;display:grid;place-items:center;width:100%;height:clamp(5rem,15vw,7.2rem);overflow:hidden;border:1px solid var(--m-edge);background:linear-gradient(180deg,rgb(109 92 255/.12),rgb(5 7 28/.55));transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}.m-mbti-monolith-glass:after{content:"";position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(180deg,transparent,rgb(109 92 255/.18));pointer-events:none}.m-mbti-monolith-letters{display:flex;flex-direction:column;align-items:center;line-height:1.06}.m-mbti-monolith-letters span{font-family:var(--font-display);font-size:clamp(.95rem,3.4vw,1.4rem);letter-spacing:.08em;color:rgb(214 220 255/.5);transition:color .28s ease,text-shadow .28s ease}.m-mbti-monolith-base{width:68%;height:2px;background:linear-gradient(90deg,transparent,rgb(150 160 255/.4),transparent);transition:background .3s ease}.m-mbti-monolith-name{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--m-ink-faint);text-align:center;line-height:1.3;transition:color .28s ease}.m-mbti-monolith.is-lit .m-mbti-monolith-glass{border-color:rgb(216 176 106/.75);background:linear-gradient(180deg,rgb(216 176 106/.24),rgb(109 92 255/.18) 58%,rgb(5 7 28/.7));box-shadow:0 0 0 1px rgb(216 176 106/.35),0 22px 60px -22px rgb(216 176 106/.85),inset 0 0 30px rgb(127 231 255/.16)}.m-mbti-monolith.is-lit .m-mbti-monolith-letters span{color:#ffffff;text-shadow:0 0 18px rgb(216 176 106/.9)}.m-mbti-monolith.is-lit .m-mbti-monolith-base{background:linear-gradient(90deg,transparent,var(--m-brass),transparent);box-shadow:0 0 16px rgb(216 176 106/.7)}.m-mbti-monolith.is-lit .m-mbti-monolith-name{color:var(--m-brass)}.m-mbti-nameplate{position:relative;margin-top:1.6rem;padding:1.5rem 1.6rem 1.7rem;overflow:hidden;border:1px solid rgb(216 176 106/.28);background:linear-gradient(180deg,rgb(20 26 69/.9),rgb(6 9 28/.92)),radial-gradient(120% 100% at 0 0,rgb(109 92 255/.22),transparent 60%)}.m-mbti-nameplate:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--m-brass),transparent)}.m-mbti-nameplate-code{font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,6.5vw,3.2rem);letter-spacing:.22em;line-height:1;color:#ffffff;text-shadow:0 0 30px rgb(127 231 255/.4)}.m-mbti-nameplate-name{margin:.5rem 0 0;font-family:var(--font-display);font-size:1.1rem;color:var(--m-brass)}.m-mbti-nameplate-summary{margin:.8rem 0 0;max-width:52ch;font-size:.9rem;line-height:1.75;color:var(--m-ink-muted)}.m-mbti-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:1.6rem}.m-mbti-orb{position:relative;display:inline-grid;place-items:center;width:8.5rem;height:8.5rem;padding:0;cursor:pointer;border-radius:50%;border:1px solid rgb(216 176 106/.6);background:radial-gradient(circle at 34% 28%,rgb(255 255 255/.35),transparent 46%),radial-gradient(circle at 50% 60%,rgb(216 176 106/.55),rgb(109 92 255/.45) 62%,rgb(6 9 28/.9) 100%);color:#ffffff;box-shadow:0 0 0 1px rgb(216 176 106/.3),0 0 60px -10px rgb(216 176 106/.65),inset 0 0 40px rgb(127 231 255/.18);transition:transform .32s var(--m-ease-spring),box-shadow .32s ease}.m-mbti-orb:focus-visible,.m-mbti-orb:hover{transform:scale(1.06);box-shadow:0 0 0 1px rgb(216 176 106/.7),0 0 90px -6px rgb(216 176 106/.85),inset 0 0 50px rgb(127 231 255/.28)}.m-mbti-orb-label{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff;text-shadow:0 2px 12px rgb(0 0 0/.6)}.m-mbti-orb:disabled{cursor:not-allowed;opacity:.35;transform:none}.m-mbti-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.2rem;cursor:pointer;border:1px solid var(--m-edge);background:rgb(6 9 28/.6);color:var(--m-ink-muted);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;transition:color .24s ease,border-color .24s ease,transform .24s var(--m-ease)}.m-mbti-ghost:focus-visible,.m-mbti-ghost:hover{color:#ffffff;border-color:rgb(216 176 106/.6);transform:translateX(3px)}.m-mbti-seal{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:1.05rem 1.5rem;cursor:pointer;border:1px solid rgb(216 176 106/.6);background:linear-gradient(120deg,rgb(216 176 106/.24),rgb(109 92 255/.16));color:#ffffff;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;box-shadow:0 0 44px -14px rgb(216 176 106/.85);transition:transform .28s var(--m-ease),box-shadow .28s ease,border-color .28s ease}.m-mbti-seal:focus-visible,.m-mbti-seal:hover{transform:translateY(-2px);border-color:rgb(216 176 106/.9);box-shadow:0 0 70px -10px rgb(216 176 106/.9)}.m-mbti-seal:disabled{cursor:not-allowed;opacity:.45;transform:none}.m-mbti-quiz-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-top:2.4rem}.m-mbti-counter{font-family:var(--font-display);font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--m-brass)}.m-mbti-ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;height:8.5rem;margin-top:1.4rem}.m-mbti-ledger-beam{position:relative;height:100%;overflow:hidden;border:1px solid var(--m-edge-soft);background:rgb(150 160 255/.05)}.m-mbti-ledger-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(180deg,var(--m-cyan),var(--m-violet-deep));box-shadow:0 0 24px rgb(127 231 255/.55);transition:height .7s var(--m-ease)}.m-mbti-ledger-label{position:absolute;top:.55rem;left:0;right:0;text-align:center;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--m-ink-faint)}.m-mbti-slab,.m-mbti-slab-wrap{position:relative}.m-mbti-slab{margin-top:1.5rem;padding:clamp(1.4rem,4vw,2.4rem);border:1px solid var(--m-edge);background:linear-gradient(180deg,rgb(20 26 69/.92),rgb(6 9 28/.94));box-shadow:0 40px 90px -50px rgb(0 0 0/.95);animation:m-mbti-rise .52s var(--m-ease) both}.m-mbti-slab-dim{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--m-brass)}.m-mbti-slab-prompt{margin:.9rem 0 0;font-family:var(--font-display);font-weight:500;font-size:clamp(1.2rem,4vw,1.85rem);line-height:1.3;color:#f5f6ff}.m-mbti-choices{display:grid;gap:1px;margin-top:1.7rem;border:1px solid var(--m-edge-soft);background:var(--m-edge-soft)}@media (min-width:40rem){.m-mbti-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}.m-mbti-choice{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:1.4rem;min-height:10rem;padding:1.3rem 1.35rem;text-align:left;cursor:pointer;border:0;background:rgb(6 9 28/.88);color:var(--m-ink);transition:background .3s ease,box-shadow .3s ease}.m-mbti-choice:hover{background:rgb(20 26 69/.92)}.m-mbti-choice[aria-pressed=true]{background:linear-gradient(180deg,rgb(216 176 106/.2),rgb(9 12 34/.95));box-shadow:inset 0 0 0 1px rgb(216 176 106/.55),0 0 46px -14px rgb(216 176 106/.7)}.m-mbti-choice-label{font-size:.58rem;letter-spacing:.26em;text-transform:uppercase;color:var(--m-ink-faint)}.m-mbti-choice-text{font-size:.98rem;line-height:1.55;color:#e9ebff}.m-mbti-choice-mark{width:.6rem;height:.6rem;rotate:45deg;border:1px solid rgb(216 176 106/.55);transition:background .26s ease,box-shadow .26s ease}.m-mbti-choice[aria-pressed=true] .m-mbti-choice-mark{background:var(--m-brass);box-shadow:0 0 16px var(--m-brass)}.m-mbti-quiz-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1.3rem}.m-mbti-verdict{position:relative;margin-top:2.6rem;padding:clamp(2.4rem,7vw,4rem) 1.5rem;overflow:hidden;text-align:center;border:1px solid rgb(216 176 106/.3);background:radial-gradient(120% 100% at 50% 0,rgb(109 92 255/.3),transparent 62%),linear-gradient(180deg,rgb(20 26 69/.94),rgb(5 7 28/.96));animation:m-mbti-rise .62s var(--m-ease) both}.m-mbti-verdict-beam{position:absolute;left:50%;top:-25%;width:44%;height:155%;translate:-50% 0;background:linear-gradient(180deg,rgb(127 231 255/.24),transparent 72%);filter:blur(10px);pointer-events:none;animation:m-mbti-beam 7.5s ease-in-out infinite}.m-mbti-verdict-code{font-weight:500;font-size:clamp(2.9rem,13vw,7rem);line-height:1;letter-spacing:.18em;color:#ffffff;text-shadow:0 0 44px rgb(127 231 255/.5),0 0 100px rgb(109 92 255/.65)}.m-mbti-verdict-code,.m-mbti-verdict-name{position:relative;z-index:10;font-family:var(--font-display)}.m-mbti-verdict-name{margin:.9rem 0 0;font-size:clamp(1.1rem,3.4vw,1.6rem);color:var(--m-brass)}.m-mbti-verdict-source{position:relative;z-index:10;margin:.8rem 0 0;font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;color:var(--m-ink-faint)}.m-mbti-cabinet{position:relative;margin-top:1.4rem;padding:clamp(1.2rem,3.5vw,1.8rem);border:1px solid rgb(216 176 106/.2);background:linear-gradient(180deg,rgb(11 16 48/.75),rgb(5 7 28/.85))}.m-mbti-cabinet:after,.m-mbti-cabinet:before{content:"";position:absolute;width:14px;height:14px;border:1px solid rgb(216 176 106/.5);pointer-events:none}.m-mbti-cabinet:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.m-mbti-cabinet:after{right:-1px;bottom:-1px;border-left:0;border-top:0}.m-mbti-axes{display:grid;gap:1.05rem;margin-top:1.2rem}.m-mbti-axis{display:grid;grid-template-columns:minmax(4.6rem,6.5rem) minmax(0,1fr) 3.2rem;align-items:center;gap:.9rem}.m-mbti-axis-letter{font-family:var(--font-display);font-size:1rem;letter-spacing:.2em;color:var(--m-brass)}.m-mbti-axis-track{position:relative;height:7px;overflow:hidden;background:rgb(150 160 255/.12)}.m-mbti-axis-fill{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(90deg,var(--m-violet),var(--m-cyan));box-shadow:0 0 16px rgb(127 231 255/.5);transition:width .7s var(--m-ease)}.m-mbti-axis-name{font-size:.7rem;letter-spacing:.1em;color:var(--m-ink-faint);text-align:right}.m-mbti-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}.m-mbti-tag{display:inline-flex;align-items:center;padding:.4rem .8rem;font-size:.78rem;letter-spacing:.02em;color:#f1ddb2;border:1px solid rgb(216 176 106/.35);background:rgb(216 176 106/.08)}.m-mbti-tag-cool{color:#b6e9f7;border-color:rgb(127 231 255/.3);background:rgb(127 231 255/.06)}.m-mbti-shadows{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}.m-mbti-shadow{display:inline-flex;align-items:baseline;gap:.55rem;padding:.55rem .9rem;border:1px dashed rgb(150 160 255/.34);color:var(--m-ink-muted);font-size:.8rem}.m-mbti-shadow-code{font-family:var(--font-display);letter-spacing:.16em;color:var(--m-cyan)}.m-mbti-panel{margin-top:1.6rem;padding:clamp(1.1rem,3.4vw,1.6rem);border:1px solid var(--m-edge-soft);background:linear-gradient(180deg,rgb(11 16 48/.7),rgb(5 7 28/.8))}.m-mbti-panel-label{font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--m-ink-faint)}.m-mbti-topic-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.m-mbti-topic{width:100%;margin-top:.8rem;padding:.9rem 1rem;font-family:var(--font-body);font-size:.95rem;color:var(--m-ink);background:rgb(5 7 28/.75);border:1px solid var(--m-edge);outline:none;transition:border-color .24s ease}.m-mbti-topic:focus{border-color:rgb(216 176 106/.7)}.m-mbti-topic::placeholder{color:var(--m-ink-faint)}.m-mbti-note{margin:1rem 0 0;font-size:.76rem;line-height:1.65;color:var(--m-ink-faint)}.m-mbti-ritual-wrap{display:grid;place-items:center;min-height:16rem;margin-top:3rem}.m-mbti-columns{display:grid;gap:1.4rem;margin-top:1.4rem}@media (min-width:54rem){.m-mbti-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.m-mbti-column-title{font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--m-brass)}.m-mbti-back-row{display:flex;align-items:center;gap:.9rem;margin-top:1.6rem}@keyframes m-mbti-pulse{0%,to{opacity:.45;transform:rotate(45deg) scale(.9)}50%{opacity:1;transform:rotate(45deg) scale(1.12)}}@keyframes m-mbti-rise{0%{opacity:0;transform:translate3d(0,26px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes m-mbti-beam{0%,to{opacity:.55;transform:translate3d(-3%,0,0)}50%{opacity:1;transform:translate3d(3%,0,0)}}@media (prefers-reduced-motion:reduce){.m-mbti-kicker-mark,.m-mbti-slab,.m-mbti-verdict,.m-mbti-verdict-beam{animation:none!important}.m-mbti-axis-fill,.m-mbti-door,.m-mbti-door-beam,.m-mbti-ghost,.m-mbti-ledger-fill,.m-mbti-monolith,.m-mbti-orb{transition:none!important}.m-mbti-door:focus-visible,.m-mbti-door:hover,.m-mbti-monolith:focus-visible,.m-mbti-monolith:hover,.m-mbti-orb:focus-visible,.m-mbti-orb:hover{transform:none}}html[data-motion=reduced] .m-mbti-kicker-mark,html[data-motion=reduced] .m-mbti-slab,html[data-motion=reduced] .m-mbti-verdict,html[data-motion=reduced] .m-mbti-verdict-beam{animation:none!important}html[data-motion=reduced] .m-mbti-axis-fill,html[data-motion=reduced] .m-mbti-door,html[data-motion=reduced] .m-mbti-door-beam,html[data-motion=reduced] .m-mbti-ghost,html[data-motion=reduced] .m-mbti-ledger-fill,html[data-motion=reduced] .m-mbti-monolith,html[data-motion=reduced] .m-mbti-orb{transition:none!important}