.mbti{max-width: 720px}.mbti__alert,.mbti-alert{padding: 10px 14px;margin: 0 0 14px;font-size: 13.5px;border-radius: var(--radius-sm)}.mbti__alert--ok{color: var(--c-ok);background: var(--c-ok-soft)}.mbti__alert--err{color: var(--c-err);background: var(--c-err-soft)}.mbti-loading{padding: 32px 0;color: var(--c-text-soft);text-align: center}.mbti-lead{margin: 0 0 18px;font-size: 14px;line-height: 1.7;color: var(--c-text-soft)}.mbti-foot{margin: 18px 0 0;font-size: 12.5px;line-height: 1.7;color: var(--c-text-soft)}.mbti-modes{display: grid;gap: 10px}.mbti-mode{display: flex;flex-direction: column;gap: 4px;padding: 16px 18px;font: inherit;text-align: left;background: var(--c-panel);border: 1px solid var(--c-border);border-radius: var(--radius-card);cursor: pointer;transition: border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.mbti-mode:hover{border-color: var(--c-accent-line);transform: translateY(-1px)}.mbti-mode:focus-visible{outline: 2px solid var(--c-accent);outline-offset: 2px}.mbti-mode__head{display: flex;gap: 8px;align-items: center}.mbti-mode__name{font-size: 16px;color: var(--c-text)}.mbti-mode__tag{padding: 1px 7px;font-size: 11px;color: var(--c-text);background: var(--c-accent-soft);border-radius: var(--radius-pill)}.mbti-mode__meta{font-size: 13px;color: var(--c-text-soft)}.mbti-mode__desc{font-size: 12.5px;color: var(--c-text-soft)}.mbti-bar{position: relative;display: flex;flex-wrap: wrap;gap: 10px;align-items: center;padding: 0 0 12px;margin-bottom: 16px;border-bottom: 1px solid var(--c-border)}.mbti-bar__left{display: flex;gap: 10px;align-items: baseline;flex: 1 1 auto}.mbti-count{font-size: 15px;font-weight: 650;color: var(--c-text);font-variant-numeric: tabular-nums}.mbti-progress{font-size: 12.5px;color: var(--c-text-soft)}.mbti-timer{font-family: var(--font-mono);font-size: 15px;color: var(--c-text-soft);font-variant-numeric: tabular-nums}.mbti-timer.is-urgent{color: var(--c-err);font-weight: 650}.mbti-bar__fill{position: absolute;bottom: -1px;left: 0;height: 2px;background: var(--c-accent);transition: width var(--dur-slow) var(--ease)}.mbti-q{margin: 0 0 20px;font-size: 19px;font-weight: 600;line-height: 1.5;color: var(--c-text)}.mbti-hint{margin: 14px 0 0;font-size: 12.5px;color: var(--c-text-soft)}.mbti-two{display: grid;gap: 10px}.mbti-opt{min-height: 56px;padding: 14px 16px;font: inherit;font-size: 15px;line-height: 1.5;color: var(--c-text);text-align: left;background: var(--c-panel);border: 1px solid var(--c-border-strong);border-radius: var(--radius-input);cursor: pointer;transition: border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.mbti-opt:hover{border-color: var(--c-accent);background: var(--c-accent-soft)}.mbti-opt.is-on{color: var(--c-on-accent);background: var(--c-accent-solid);border-color: var(--c-accent-solid)}.mbti-bi__ends{display: flex;gap: 12px;justify-content: space-between;margin-bottom: 10px;font-size: 14px;font-weight: 550;line-height: 1.4}.mbti-bi__left,.mbti-bi__right{padding-left: 8px;color: var(--c-text);border-left: 3px solid var(--c-accent)}.mbti-bi__right{padding-right: 8px;padding-left: 0;text-align: right;border-right: 3px solid var(--c-border-strong);border-left: 0}.mbti-scale{display: grid;grid-template-columns: repeat(5,1fr);gap: 8px}.mbti-dot[data-v="1"]{--dot-bg: #1f6fe5;--dot-fg: #fff}.mbti-dot[data-v="2"]{--dot-bg: #8fb8ee;--dot-fg: #102030}.mbti-dot[data-v="3"]{--dot-bg: #a8b4c4;--dot-fg: #16202e}.mbti-dot[data-v="4"]{--dot-bg: #dda63f;--dot-fg: #2a1c00}.mbti-dot[data-v="5"]{--dot-bg: #9a5b00;--dot-fg: #fff}html[data-theme="dark"] .mbti-dot[data-v="1"]{--dot-bg: #2b6fd0;--dot-fg: #fff}html[data-theme="dark"] .mbti-dot[data-v="2"]{--dot-bg: #24466f;--dot-fg: #b3bfd0}html[data-theme="dark"] .mbti-dot[data-v="3"]{--dot-bg: #3a4553;--dot-fg: #e6ebf2}html[data-theme="dark"] .mbti-dot[data-v="4"]{--dot-bg: #6b4a1f;--dot-fg: #f0c98a}html[data-theme="dark"] .mbti-dot[data-v="5"]{--dot-bg: #c47a00;--dot-fg: #0b1725}.mbti-dot{display: flex;align-items: center;justify-content: center;min-height: 52px;font: inherit;color: var(--dot-fg,var(--c-text));background: var(--dot-bg,var(--c-panel));border: 1px solid transparent;border-radius: var(--radius-input);cursor: pointer;transition: transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.mbti-dot:hover{transform: translateY(-2px)}.mbti-dot.is-on{box-shadow: 0 0 0 2px var(--c-text),0 0 0 4px var(--dot-bg,var(--c-panel));transform: scale(1.05)}.mbti-dot__n{font-size: 15px;font-weight: 700}.mbti-bi__hint{margin: 10px 0 0;font-size: 12px;color: var(--c-text-soft);text-align: center}.mbti-nav{display: flex;gap: 10px;margin-top: 22px}.mbti-nav .btn{flex: 1 1 0;min-height: 46px}.mbti-res__hero{padding: 22px 20px;margin-bottom: 14px;text-align: center;background: var(--c-panel);border: 1px solid var(--c-border);border-radius: var(--radius-card)}.mbti-res__type{display: flex;gap: 4px;justify-content: center;margin-bottom: 8px}.mbti-res__letter{font-family: var(--font-mono);font-size: 34px;font-weight: 700;line-height: 1;color: var(--c-accent)}.mbti-res__name{font-size: 17px;font-weight: 650;color: var(--c-text)}.mbti-res__one{max-width: 30em;margin: 8px auto 0;font-size: 14px;line-height: 1.65;color: var(--c-text-soft)}.mbti-res__meta{display: flex;flex-wrap: wrap;gap: 8px 14px;justify-content: center;margin-top: 14px;font-size: 12.5px;color: var(--c-text-soft)}.mbti-chip{padding: 2px 8px;font-size: 11.5px;color: var(--c-text);border-radius: var(--radius-pill)}.mbti-chip--ok{background: var(--c-ok-soft)}.mbti-chip--mid{background: var(--c-warn-soft)}.mbti-chip--low{background: var(--c-err-soft)}.mbti-card{padding: 16px 18px;margin-bottom: 12px;background: var(--c-panel);border: 1px solid var(--c-border);border-radius: var(--radius-card)}.mbti-card--warn{background: var(--c-warn-soft);border-color: var(--c-warn)}.mbti-card__t{margin: 0 0 10px;font-size: 14px;font-weight: 650;color: var(--c-text-soft)}.mbti-card__p{margin: 0;font-size: 14px;line-height: 1.7;color: var(--c-text)}.mbti-list{padding-left: 18px;margin: 0;font-size: 14px;line-height: 1.8;color: var(--c-text)}.mbti-dim{padding: 12px 0;border-bottom: 1px solid var(--c-border)}.mbti-dim:last-child{border-bottom: 0}.mbti-dim__codes{display: flex;gap: 10px;justify-content: space-between;font-size: 13px;color: var(--c-text-soft)}.mbti-dim__code.is-on{font-weight: 650;color: var(--c-text)}.mbti-dim__track{position: relative;height: 8px;margin: 8px 0 6px;overflow: hidden;background: var(--c-border);border-radius: var(--radius-pill)}.mbti-dim__fill{height: 100%;background: var(--c-accent-solid);border-radius: inherit}.mbti-dim__mid{position: absolute;top: -2px;bottom: -2px;left: 50%;width: 1px;background: var(--c-border-strong)}.mbti-dim__nums{display: flex;gap: 10px;justify-content: space-between;font-family: var(--font-mono);font-size: 12px;color: var(--c-text-soft)}.mbti-dim__note{margin: 8px 0 0;font-size: 12.5px;line-height: 1.6;color: var(--c-warn)}.mbti-dim__desc{margin: 6px 0 0;font-size: 12.5px;color: var(--c-text-soft)}.mbti-note{padding: 10px 14px;margin: 0 0 12px;font-size: 13px;line-height: 1.6;color: var(--c-warn);background: var(--c-warn-soft);border-radius: var(--radius-sm)}.mbti-actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 16px}.mbti-actions .btn{min-height: 42px}.mbti-hist__head{display: flex;gap: 12px;align-items: center;justify-content: space-between;margin-bottom: 14px}.mbti-hist__t{margin: 0;font-size: 17px;font-weight: 650;color: var(--c-text)}.mbti-hlist{display: grid;gap: 8px}.mbti-hrow{display: flex;flex-wrap: wrap;gap: 10px;align-items: center;justify-content: space-between;padding: 12px 14px;background: var(--c-panel);border: 1px solid var(--c-border);border-radius: var(--radius-card)}.mbti-hrow.is-pinned{border-color: var(--c-accent-line);background: var(--c-accent-soft)}.mbti-hrow__type{display: flex;gap: 8px;align-items: center;font-size: 15px;color: var(--c-text)}.mbti-hrow__type strong{font-family: var(--font-mono);font-size: 17px;color: var(--c-text)}.mbti-hrow__name{font-size: 13.5px;color: var(--c-text-soft)}.mbti-hrow__meta{display: flex;flex-wrap: wrap;gap: 4px 12px;margin-top: 2px;font-size: 12px;color: var(--c-text-soft)}.mbti-hrow__acts{display: flex;gap: 6px;flex-wrap: wrap}.umbti{display: flex;flex-direction: column;gap: 12px}.umbti__head{display: flex;flex-wrap: wrap;gap: 8px 12px;align-items: baseline}.umbti__type{font-family: var(--font-mono);font-size: 22px;font-weight: 700;color: var(--c-accent)}.umbti__name{font-size: 15px;font-weight: 600;color: var(--c-text)}.umbti__src{font-size: 12.5px;color: var(--c-text-soft)}.umbti__dims{display: grid;gap: 8px;max-width: 420px}.umbti__dim{display: grid;grid-template-columns: 22px 1fr 22px;gap: 8px;align-items: center}.umbti__code{font-family: var(--font-mono);font-size: 12.5px;color: var(--c-text-soft);text-align: center}.umbti__code:last-child{text-align: center}.umbti__code.is-on{font-weight: 700;color: var(--c-text)}.umbti__track{position: relative;height: 6px;overflow: hidden;background: var(--c-border);border-radius: var(--radius-pill)}.umbti__fill{display: block;height: 100%;background: var(--c-accent-solid)}.umbti__mid{position: absolute;top: -2px;bottom: -2px;left: 50%;width: 1px;background: var(--c-border-strong)}.umbti__foot{margin: 0;font-size: 12.5px;color: var(--c-text-soft)}.umbti__foot a{color: var(--c-text);text-decoration: underline}@media (max-width: 640px){.mbti{max-width: none}.mbti-q{font-size: 17px}.mbti-res__letter{font-size: 30px}.mbti-nav{position: sticky;bottom: 0;padding: 10px 0 calc(10px + env(safe-area-inset-bottom,0px));margin-top: 18px;background: var(--c-bg);border-top: 1px solid var(--c-border)}.mbti-nav .btn{min-height: 50px;font-size: 15px}.mbti-actions .btn{flex: 1 1 100%}.mbti-hrow{flex-direction: column;align-items: stretch}.mbti-hrow__acts .btn{flex: 1 1 0}.mbti-bi__ends{font-size: 13px}}@media (prefers-reduced-motion: reduce){.mbti-mode,.mbti-dot,.mbti-bar__fill{transition: none}.mbti-mode:hover,.mbti-dot.is-on{transform: none}}