.quick-card--mbti{display:flex;flex-direction:column;justify-content:center;color:var(--color-on-accent);border-color:oklch(70% .11 25);background:linear-gradient(135deg,oklch(75% .16 52),oklch(67% .18 10));overflow:hidden}.quick-card--mbti .mono-label{color:oklch(97% .01 85 / .82)}.mbti-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.quick-card .mbti-type{margin:var(--space-xs) 0 0;color:inherit;font-family:var(--font-label);font-size:clamp(3.5rem,9vw,5.5rem);font-weight:500;letter-spacing:.08em;line-height:.9}.quick-card .mbti-name{margin:var(--space-md) 0 0;color:inherit;font-size:var(--text-md);font-weight:600}.mbti-mark{display:grid;flex:0 0 auto;place-items:center;width:4.5rem;aspect-ratio:1;border-radius:50%;color:oklch(62% .12 12);background:oklch(98% .006 85 / .9);box-shadow:0 var(--space-xs) var(--space-lg) oklch(38% .08 22 / .16)}.mbti-mark svg{display:block;width:2.1rem;height:2.1rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.mbti-traits{margin-block-start:var(--space-xl)}.mbti-traits span{color:inherit;border-color:oklch(98% .006 85 / .44);background:oklch(98% .006 85 / .1)}
@media (min-width:40rem){.quick-story{grid-template-areas:"life relationship" "mbti looking";grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}.quick-card--life{grid-area:life;min-height:20rem}.quick-card--relationship{grid-area:relationship}.quick-card--mbti{grid-area:mbti}.quick-card--looking{grid-area:looking}.quick-card--relationship,.quick-card--mbti,.quick-card--looking{min-height:20rem}.quick-card--relationship,.quick-card--looking{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}}
@media (min-width:60rem){.quick-story{padding-inline-start:0}}