.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.mbti-experience{--mbti-ink:#28231f;--mbti-paper:#fffdf9;--mbti-rule:#ddd3c7;background:var(--color-bg)}.mbti-screen{min-height:calc(100svh - var(--header-height))}.mbti-intro{padding:var(--space-8) var(--page-gutter) var(--space-12);background:radial-gradient(circle at 82% 16%, var(--color-brand-soft), transparent 28rem), var(--color-bg);place-items:center;display:grid;position:relative;overflow:hidden}.mbti-intro-backdrop{color:color-mix(in srgb, var(--color-brand-hover) 10%, transparent);letter-spacing:-.07em;pointer-events:none;white-space:nowrap;justify-content:space-between;font-size:clamp(3.5rem,14vw,10rem);font-weight:800;line-height:.8;display:flex;position:absolute;inset:10% -3% auto}.mbti-intro-backdrop span:last-child{align-self:flex-end;margin-top:45svh;font-size:.5em}.mbti-folder-card{z-index:1;border:1px solid var(--mbti-rule);border-radius:var(--radius-xl);background:var(--mbti-paper);width:min(100%,47rem);box-shadow:var(--shadow-soft);text-align:center;padding:clamp(2rem,7vw,4.5rem) clamp(1.5rem,7vw,4.5rem);position:relative}.mbti-folder-card:before{border:1px solid var(--mbti-rule);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--mbti-paper);content:"";border-bottom:0;width:7.5rem;height:1.25rem;position:absolute;top:-1rem;left:1.5rem}.mbti-kicker,.mbti-section-heading>p{color:var(--color-brand-hover);letter-spacing:.16em;font-size:.75rem;font-weight:800;line-height:1.4}.mbti-folder-card h1{max-width:12em;margin:var(--space-5) auto 0;letter-spacing:-.065em;font-size:clamp(2.35rem,10vw,4.6rem)}.mbti-subtitle{max-width:34rem;margin:var(--space-5) auto 0;color:var(--color-text-secondary);font-size:clamp(1rem,3.8vw,1.25rem)}.mbti-intro-facts{justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-6);color:var(--color-text-tertiary);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.mbti-intro-facts i{background:var(--color-brand);border-radius:50%;width:.25rem;height:.25rem}.mbti-start-button{gap:var(--space-3);width:min(100%,19rem);min-height:3.5rem;margin-top:var(--space-8);border-radius:var(--radius-lg);cursor:pointer}.mbti-start-button span{transition:transform var(--motion-fast) var(--ease-out)}.mbti-disclaimer,.mbti-result-disclaimer{max-width:46rem;margin:var(--space-6) auto 0;color:var(--color-text-tertiary);font-size:.75rem;line-height:1.65}.mbti-quiz{padding:var(--space-5) var(--page-gutter) var(--space-10);background:linear-gradient(var(--color-border) 1px, transparent 1px) 0 0 / 100% 2.75rem, var(--color-bg)}.mbti-quiz-shell{width:min(100%,52rem);min-height:calc(100svh - var(--header-height) - var(--space-16));flex-direction:column;margin-inline:auto;display:flex}.mbti-progress-header{align-items:center;gap:var(--space-5);grid-template-columns:auto 1fr;display:grid}.mbti-progress-copy{color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;align-items:baseline;font-weight:700;display:flex}.mbti-progress-copy span:first-child{color:var(--mbti-ink);font-size:var(--font-size-xl)}.mbti-progress-header progress{border-radius:var(--radius-pill);background:var(--color-surface-deep);border:0;width:100%;height:.45rem;overflow:hidden}.mbti-progress-header progress::-webkit-progress-bar{border-radius:var(--radius-pill);background:var(--color-surface-deep)}.mbti-progress-header progress::-webkit-progress-value{border-radius:var(--radius-pill);background:var(--color-brand-hover);transition:width var(--motion-base) var(--ease-out)}.mbti-progress-header progress::-moz-progress-bar{border-radius:var(--radius-pill);background:var(--color-brand-hover)}.mbti-question-card{margin-top:var(--space-8);border:1px solid var(--mbti-rule);border-radius:var(--radius-xl);background:var(--mbti-paper);box-shadow:var(--shadow-soft);flex-direction:column;flex:1;justify-content:center;padding:clamp(2rem,7vw,4.5rem) clamp(1.25rem,6vw,4rem);display:flex;position:relative}.mbti-file-tab{min-width:10rem;padding:var(--space-2) var(--space-4);border:1px solid var(--mbti-rule);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--mbti-paper);color:var(--color-text-tertiary);letter-spacing:.08em;border-bottom:0;font-size:.7rem;font-weight:700;position:absolute;top:-1.65rem;left:1rem}.mbti-question-note{color:var(--color-brand-hover);font-size:var(--font-size-xs);font-weight:700}.mbti-question-card h1{max-width:21em;margin-top:var(--space-4);font-size:clamp(1.65rem,6.2vw,2.65rem);line-height:1.28}.mbti-question-card h1:focus,.mbti-result-folder h1:focus{outline:none}.mbti-answer-list{gap:var(--space-3);margin-top:clamp(1.75rem,6vw,3rem);display:grid}.mbti-answer{align-items:center;gap:var(--space-4);width:100%;min-height:5.25rem;padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:left;transition:border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);grid-template-columns:auto 1fr auto;line-height:1.55;display:grid}.mbti-answer:disabled{cursor:default}.mbti-answer.is-selected{border-color:var(--color-brand-hover);background:var(--color-brand-softer);transform:translateY(-1px)}.mbti-answer-key{background:var(--color-surface-muted);width:2.25rem;height:2.25rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);border-radius:50%;place-content:center;font-weight:800;display:grid}.mbti-answer.is-selected .mbti-answer-key{background:var(--color-brand-hover);color:var(--color-surface)}.mbti-answer i{color:var(--color-brand-hover);font-style:normal}.mbti-auto-note{margin-top:var(--space-4);color:var(--color-text-tertiary);text-align:center;font-size:.75rem}.mbti-question-footer{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-5);color:var(--color-text-tertiary);font-size:.75rem;display:flex}.mbti-back-button{min-height:var(--control-min);align-items:center;gap:var(--space-2);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.mbti-back-button:disabled{cursor:default;opacity:.34}.mbti-result{background:var(--color-surface)}.mbti-result-hero{min-height:calc(100svh - var(--header-height));padding:var(--space-5) var(--page-gutter) var(--space-4);background:radial-gradient(circle at 50% 30%, var(--color-brand-soft), transparent 25rem), var(--color-bg);place-items:center;display:grid;overflow:hidden}.mbti-result-folder{border:1px solid var(--mbti-rule);border-radius:var(--radius-xl);background:var(--mbti-paper);width:min(100%,50rem);box-shadow:var(--shadow-soft);text-align:center;padding:clamp(1.35rem,5vw,3.25rem) clamp(1rem,5vw,3rem) clamp(1.15rem,4vw,2.5rem);position:relative}.mbti-result-folder:before{border:1px solid var(--mbti-rule);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--mbti-paper);content:"";border-bottom:0;width:8rem;height:1.3rem;position:absolute;top:-1.05rem;left:1.5rem}.mbti-stamp{border:.18rem solid var(--color-brand-hover);width:clamp(3.15rem,9vw,4rem);height:clamp(3.15rem,9vw,4rem);color:var(--color-brand-hover);font-size:var(--font-size-xs);letter-spacing:.12em;opacity:.78;border-radius:50%;place-content:center;font-weight:850;display:grid;position:absolute;top:clamp(.7rem,2vw,1.4rem);right:clamp(.7rem,2vw,1.4rem);transform:rotate(10deg)}.mbti-result-type{color:var(--color-brand-hover);padding-inline:3rem;font-size:clamp(1rem,4vw,1.25rem);font-weight:700}.mbti-result-lead{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:clamp(1rem,3vw,1.75rem)}.mbti-result-folder h1{overflow-wrap:anywhere;margin-top:var(--space-3);color:var(--mbti-ink);letter-spacing:-.075em;font-size:clamp(2.25rem,10.5vw,5.25rem);line-height:1}.mbti-result-quote{max-width:35rem;margin:var(--space-2) auto 0;color:var(--color-text-secondary);font-size:clamp(.875rem,3.5vw,1.05rem)}.mbti-result-primary-details{max-width:42rem;padding-top:var(--space-3);margin:var(--space-3) auto 0;border-top:1px solid var(--color-border)}.mbti-result-primary-details .mbti-department-joke{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:650}.mbti-result-primary-details .mbti-department-description{margin-top:var(--space-1);font-size:.78rem;line-height:1.5}.mbti-result-primary-details .mbti-star-list{gap:var(--space-1);margin-top:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.mbti-result-primary-details .mbti-star-list>div{justify-content:center;gap:var(--space-1);min-width:0;padding:0 var(--space-1);border-bottom:0;border-left:1px solid var(--color-border);flex-direction:column}.mbti-result-primary-details .mbti-star-list>div:first-child{border-left:0}.mbti-result-primary-details .mbti-star-list dt,.mbti-result-primary-details .mbti-star-list dd{font-size:.72rem}.mbti-result-primary-details .mbti-star-list dd{letter-spacing:.02em}.mbti-hero-share{width:min(100%,19rem);min-height:3rem;margin:var(--space-4) auto 0;cursor:pointer}.mbti-result-cue{width:fit-content;margin:var(--space-2) auto 0;color:var(--color-text-tertiary);font-size:.75rem;text-decoration:none;display:block}.mbti-result-content{width:min(calc(100% - var(--page-gutter) * 2), var(--container-max));padding-block:var(--space-16) var(--space-20);margin-inline:auto}.mbti-result-section+.mbti-result-section{margin-top:var(--space-20)}.mbti-section-heading{margin-bottom:var(--space-8)}.mbti-section-heading h2{margin-top:var(--space-2);font-size:clamp(1.8rem,7vw,3rem)}.mbti-section-heading .section-description{margin-top:var(--space-3)}.mbti-axis-grid{gap:var(--space-3);display:grid}.mbti-axis-card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg)}.mbti-axis-values{align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 1fr;display:grid}.mbti-axis-values strong:last-child{text-align:right}.mbti-axis-values span{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-brand-soft);color:#984018;font-size:.7rem;font-weight:750}.mbti-axis-bar{height:.7rem;margin-top:var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface-deep);position:relative;overflow:hidden}.mbti-axis-bar i{width:var(--axis-left);border-radius:inherit;background:var(--color-brand-hover);height:100%;display:block}.mbti-reason-list{gap:var(--space-4);display:grid}.mbti-reason-card{gap:var(--space-4);padding:var(--space-5);border-left:.2rem solid var(--color-brand);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--color-brand-softer);grid-template-columns:auto 1fr;display:grid}.mbti-reason-card span{color:var(--color-brand-hover)}.mbti-match-badge{width:fit-content;min-height:1.75rem;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-brand-hover);color:var(--color-surface);font-size:var(--font-size-xs);align-items:center;font-weight:750;display:inline-flex}.mbti-department-description{color:var(--color-text-tertiary);font-size:var(--font-size-sm);line-height:1.65}.mbti-star-list{gap:var(--space-3);margin:0;display:grid}.mbti-star-list>div{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.mbti-star-list>div:last-child{border-bottom:0;padding-bottom:0}.mbti-star-list dt{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.mbti-star-list dd{color:var(--color-brand-hover);font-size:var(--font-size-md);letter-spacing:.08em;white-space:nowrap;font-weight:700}.mbti-match-grid{gap:var(--space-4);display:grid}.mbti-match-card{min-width:0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);flex-direction:column;display:flex}.mbti-match-card .mbti-match-badge{background:var(--color-text)}.mbti-match-card h3,.mbti-caution-card h3{overflow-wrap:anywhere;margin-top:var(--space-5);font-size:var(--font-size-xl)}.mbti-match-card .mbti-department-joke,.mbti-caution-reason{margin-top:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.mbti-match-card .mbti-department-description,.mbti-caution-card .mbti-department-description{margin-top:var(--space-3)}.mbti-caution-reason{padding-top:var(--space-3);border-top:1px solid var(--color-border)}.mbti-match-card .mbti-star-list{padding-top:var(--space-6);margin-top:auto}.mbti-star-list.is-compact dd{font-size:var(--font-size-sm)}.mbti-caution-section{padding-top:var(--space-8);border-top:1px solid var(--color-border)}.mbti-caution-card{gap:var(--space-6);padding:var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-muted);display:grid}.mbti-caution-card h3{margin-top:0}.mbti-result-actions{gap:var(--space-3);margin-top:var(--space-20);display:grid}.mbti-result-actions .button{cursor:pointer;min-height:3.5rem}.mbti-result-actions .button:disabled,.mbti-hero-share:disabled{cursor:wait;opacity:.62}.mbti-result-disclaimer{text-align:center}.mbti-account-save-status{padding:var(--space-3);margin-top:var(--space-4);border-radius:var(--radius-md);background:var(--color-green-soft);color:var(--color-green);text-align:center}.mbti-share-dialog{border-radius:var(--radius-modal);background:0 0;border:0;width:min(100% - 2rem,37rem);max-width:none;max-height:calc(100svh - 2rem);padding:0;overflow-y:auto}.mbti-share-dialog::backdrop{background:var(--color-overlay);backdrop-filter:blur(5px)}.mbti-share-dialog>section{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-modal);background:var(--color-surface);box-shadow:var(--shadow-modal);position:relative}.mbti-share-dialog h2{padding-right:var(--space-10);margin-top:var(--space-2);font-size:var(--font-size-2xl)}.mbti-share-dialog [data-share-status]{margin-top:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.mbti-share-close{top:var(--space-3);right:var(--space-3);width:var(--control-min);height:var(--control-min);background:var(--color-surface-muted);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xl);border:0;border-radius:50%;place-content:center;padding:0;display:grid;position:absolute}.mbti-share-dialog img{width:min(100%,27rem);margin:var(--space-5) auto 0;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.mbti-share-dialog [data-share-download]{width:100%;margin-top:var(--space-5)}.mbti-share-render{z-index:-1;pointer-events:none;width:540px;height:720px;position:fixed;top:0;left:-10000px}.mbti-share-card{color:#28231f;background:#fbf7f0;border:1px solid #ddd3c7;flex-direction:column;width:540px;height:720px;padding:44px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;display:flex;position:relative;overflow:hidden}.mbti-share-card:before{content:"";opacity:.42;border:42px solid #f4c3a4;border-radius:50%;width:255px;height:255px;position:absolute;top:-105px;right:-95px}.mbti-share-corner{color:#9a8677;letter-spacing:.12em;font-size:10px;font-weight:750;position:absolute;top:22px;right:28px}.mbti-share-heading{letter-spacing:-.03em;max-width:330px;font-size:19px;font-weight:760;line-height:1.3;position:relative}.mbti-share-personality{color:#a94d1d;background:#fff0e5;border-radius:999px;width:fit-content;margin-top:22px;padding:7px 13px;font-size:14px;font-weight:720;position:relative}.mbti-share-lead{color:#6f6b66;margin-top:31px;font-size:14px}.mbti-share-card h2{color:#28231f;letter-spacing:-.075em;overflow-wrap:anywhere;max-width:450px;margin-top:5px;font-size:68px;font-weight:800;line-height:1.02}.mbti-share-card[data-name-length=medium] h2{font-size:55px}.mbti-share-card[data-name-length=long] h2{font-size:44px;line-height:1.08}.mbti-share-joke{color:#5e5751;max-width:440px;margin-top:19px;font-size:16px;font-weight:560;line-height:1.55}.mbti-share-stars{background:#fffdf9;border:1px solid #e2d8cd;border-radius:14px;gap:7px;width:310px;margin:23px 0 0;padding:15px 18px;display:grid}.mbti-share-stars>div{justify-content:space-between;align-items:center;display:flex}.mbti-share-stars dt{color:#6f6b66;font-size:12px}.mbti-share-stars dd{color:#b6541f;letter-spacing:.08em;font-size:14px;font-weight:750}.mbti-share-card footer{border-top:1px solid #ddd3c7;align-items:center;gap:14px;margin-top:auto;padding-top:18px;display:flex}.mbti-share-card footer img{background:#fff;width:78px;height:78px;padding:4px}.mbti-share-card footer div{flex-direction:column;display:flex}.mbti-share-card footer strong{color:#b6541f;letter-spacing:-.04em;font-size:19px}.mbti-share-card footer span{color:#6f6b66;font-size:12px}@media (hover:hover) and (pointer:fine){.mbti-start-button:hover span{transform:translate(.2rem)}.mbti-answer:hover:not(:disabled){border-color:var(--color-brand);transform:translateY(-1px)}.mbti-back-button:hover:not(:disabled){color:var(--color-brand-hover)}}@media (width>=640px){.mbti-result-actions{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}.mbti-share-dialog>section{padding:var(--space-8)}}@media (width>=768px){.mbti-intro{padding-block:var(--space-12)}.mbti-quiz{padding-top:var(--space-8)}.mbti-answer{min-height:5.75rem;padding:var(--space-5);font-size:var(--font-size-md)}.mbti-axis-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.mbti-reason-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mbti-match-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr))}.mbti-caution-card{grid-template-columns:minmax(0,1.3fr) minmax(15rem,.7fr);align-items:center}}@media (width>=1024px){.mbti-result-content{max-width:68rem}.mbti-result-section+.mbti-result-section{margin-top:var(--space-24)}}@media (height<=560px) and (orientation:landscape){.mbti-quiz{padding-top:var(--space-3)}.mbti-quiz-shell{min-height:0}.mbti-question-card{padding-block:var(--space-6);margin-top:var(--space-6)}.mbti-answer-list{margin-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.mbti-question-footer{margin-top:var(--space-3)}}@media (prefers-reduced-motion:reduce){.mbti-progress-header progress::-webkit-progress-value{transition:none}}