@layer app-legacy{.paper-type-card{position:relative;isolation:isolate;background-image:var(--paper-card-texture),linear-gradient(180deg,rgba(255,255,255,.64),rgba(255,255,255,0)),radial-gradient(circle at 20% 20%,rgba(30,27,24,.035) 0 1px,transparent 1px);background-size:160px 160px,auto,24px 24px}.paper-type-card:after,.paper-type-card:before{content:"";position:absolute;inset:auto 16px 0 16px;height:7px;border-radius:9999px 9999px 0 0;background:color-mix(in srgb,var(--paper-accent,var(--color-text-primary)) 30%,transparent);opacity:.38;pointer-events:none}.paper-type-card,.paper-type-card:hover{min-height:148px;padding:var(--space-5)!important;padding-right:clamp(98px,28vw,126px)!important;border-color:color-mix(in srgb,var(--paper-accent,#8a619a) 24%,rgba(74,54,38,.12))!important;background-image:linear-gradient(104deg,transparent 0 62%,rgba(255,255,255,.68) 62% 78%,transparent 78%),radial-gradient(circle at 76% 42%,rgba(255,255,255,.76) 0 27%,transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--paper-accent,#8a619a) 12%,rgba(255,255,255,.92)),rgba(255,255,255,.84)),var(--paper-card-texture),radial-gradient(circle at 18% 20%,rgba(30,27,24,.04) 0 1px,transparent 1px)!important;background-size:auto,auto,auto,160px 160px,26px 26px!important;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,-5px -4px 0 rgba(255,255,255,.34),7px 8px 0 color-mix(in srgb,var(--paper-accent,#8a619a) 10%,rgba(226,216,198,.44)),0 16px 34px rgba(61,43,32,.12),0 42px 76px rgba(61,43,32,.06);clip-path:polygon(0 4%,97% 0,100% 91%,95% 100%,4% 98%);overflow:visible}.paper-type-card:before{inset:12px -10px -12px 14px;opacity:.82;background:var(--paper-card-texture),color-mix(in srgb,var(--paper-accent,var(--color-surface-02)) 18%,var(--color-surface-01));background-size:160px 160px,auto;transform:rotate(1.4deg)}.paper-type-card:after{inset:11px 12px auto auto;width:42px;height:42px;border-radius:0;background:linear-gradient(135deg,transparent 50%,rgba(74,54,38,.08) 51%,rgba(255,255,255,.86) 56%),var(--paper-card-texture);background-size:auto,160px 160px;clip-path:polygon(100% 0,100% 100%,0 0);opacity:.58}.paper-type-card:nth-child(3n+1){transform:rotate(-.25deg)}.paper-type-card:nth-child(3n+2){transform:rotate(.2deg)}.paper-type-card .paper-type-card-character{display:block!important;filter:saturate(.78) contrast(.96) drop-shadow(0 12px 10px rgba(61,43,32,.14)) drop-shadow(0 2px 0 rgba(255,255,255,.62));transform-origin:50% 86%;opacity:.76!important}.paper-type-card .paper-type-card-character img{max-width:100%;max-height:100%}.paper-type-card .paper-type-card-character:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50% 46% 42% 54%;background:var(--paper-card-texture),color-mix(in srgb,var(--paper-accent,var(--color-surface-02)) 9%,var(--color-surface-01));background-size:160px 160px,auto;box-shadow:0 18px 36px rgba(61,43,32,.16);transform:rotate(-4deg)}.paper-type-card .paper-type-card-character:after{content:"";position:absolute;inset:18px 8px 6px;z-index:-1;border-radius:50%;border:1px solid rgba(74,54,38,.06);box-shadow:inset 0 0 0 10px rgba(255,255,255,.24);transform:rotate(3deg)}.paper-type-detail-content{overflow:hidden}.paper-type-detail-content:after{content:"";position:absolute;right:-92px;top:120px;width:220px;height:220px;z-index:0;pointer-events:none;border-radius:45% 55% 48% 52%;background:var(--paper-card-texture),color-mix(in srgb,var(--paper-accent,var(--color-surface-02)) 15%,var(--color-surface-01));background-size:160px 160px,auto;clip-path:polygon(14% 0,100% 18%,82% 100%,0 72%);box-shadow:0 20px 44px rgba(61,43,32,.1);transform:rotate(7deg);opacity:.62}.paper-type-detail-content>*{position:relative;z-index:1}.paper-type-card{overflow:visible!important;padding-right:clamp(118px,34vw,158px)!important;background-image:linear-gradient(104deg,transparent 0 64%,rgba(255,255,255,.52) 64% 78%,transparent 78%),linear-gradient(180deg,color-mix(in srgb,var(--paper-accent,#8a619a) 10%,rgba(255,255,255,.92)),rgba(255,255,255,.84)),var(--paper-card-texture)!important;background-size:auto,auto,160px 160px!important}.paper-type-card,.paper-type-card:after,.paper-type-card:before,.paper-type-card:hover,.paper-type-card:nth-child(3n+1),.paper-type-card:nth-child(3n+2),.paper-type-card:nth-child(3n+3){transform:none!important}.paper-type-card .paper-type-card-character{right:6px!important;bottom:4px!important;width:clamp(118px,31vw,144px)!important;height:clamp(118px,31vw,144px)!important;border-radius:0!important;clip-path:none!important;background:transparent!important;box-shadow:none!important;opacity:1!important;transform:none!important;filter:saturate(1.02) contrast(1.03) drop-shadow(0 16px 14px rgba(61,43,32,.2)) drop-shadow(0 2px 0 rgba(255,255,255,.54))!important}.paper-type-card .paper-type-card-character:after,.paper-type-card .paper-type-card-character:before{display:none!important}.paper-type-card .paper-type-card-character img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;filter:none!important}.paper-type-card{background:linear-gradient(112deg,transparent 0 62%,rgba(255,255,255,.48) 62.4% 76%,transparent 76.4%),linear-gradient(180deg,rgba(255,255,255,.94),rgba(250,245,236,.88)),var(--paper-card-texture)!important;background-size:auto,auto,150px 150px!important;box-shadow:0 1px 0 rgba(255,255,255,.88) inset,0 13px 24px rgba(61,43,32,.11),0 2px 0 color-mix(in srgb,var(--paper-accent,#88619A) 52%,rgba(255,255,255,.3)) inset!important}.paper-type-card:before{opacity:.8!important;filter:drop-shadow(0 12px 12px rgba(61,43,32,.12))}.paper-type-card .paper-type-card-character{filter:saturate(1.03) contrast(1.03) drop-shadow(0 14px 11px rgba(61,43,32,.18)) drop-shadow(0 1px 0 rgba(255,255,255,.62))!important}.paper-type-card{min-height:172px!important;padding:var(--space-6) 136px var(--space-6) var(--space-6)!important}.paper-type-card .paper-type-card-character{width:132px!important;height:132px!important;right:6px!important;bottom:0!important}.paper-type-detail-content{max-width:940px!important}.type-self-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-3);width:min(100%,720px);margin:var(--space-3) auto 0;padding:var(--space-3) var(--space-4);border:1px solid var(--type-color,var(--color-type-SC));border-radius:var(--radius-card);background:color-mix(in srgb,var(--type-color,var(--color-type-SC)) 12%,var(--color-asknova-cream-card));text-align:center}.type-self-banner-label{min-width:0;color:var(--color-text-primary);overflow-wrap:anywhere}.type-self-banner-cta,.type-self-banner-label{font-size:var(--font-size-body-sm);font-weight:var(--weight-title)}.type-self-banner-cta{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px;padding:0 var(--space-5);border-radius:999px;background:var(--color-cta-warm);color:var(--color-asknova-cream-card);text-decoration:none;white-space:nowrap}.type-self-banner-cta:hover{filter:brightness(.96)}@media (max-width:479px){.types-index-grid{grid-template-columns:minmax(0,1fr)!important;gap:var(--space-3)!important}.types-index-card{min-height:172px!important;padding:var(--space-4)!important}.types-index-card-character{top:50%!important;right:var(--space-3)!important;width:92px!important;height:138px!important;transform:translateY(-50%)}.types-index-card-mbti,.types-index-card-name,.types-index-card-tagline{max-width:calc(100% - 104px)!important}.types-index-card-name{font-size:var(--fs-body)!important}.types-index-card-tagline{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:var(--font-size-body-sm)!important}}@media (max-width:359px){.types-index-card-character{width:72px!important;height:108px!important}.types-index-card-mbti,.types-index-card-name,.types-index-card-tagline{max-width:calc(100% - 84px)!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:auto}:lang(ko) .types-index-card-mbti,:lang(ko) .types-index-card-name,:lang(ko) .types-index-card-tagline{word-break:keep-all!important;overflow-wrap:break-word!important}}.types-index-mbti-finder{margin-top:var(--space-4)}.types-index-mbti-finder>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:.4rem;min-height:var(--touch-target,44px);padding-inline:var(--space-4);background:var(--color-surface-02);border:1px solid var(--color-border-subtle);border-radius:999px;color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--weight-label)}.types-index-mbti-finder>summary::-webkit-details-marker{display:none}.types-index-mbti-finder>summary:after{content:"›";transition:transform var(--duration-fast,.15s) ease}.types-index-mbti-finder[open]>summary:after{transform:rotate(90deg)}.types-index-mbti-finder>summary:hover{color:var(--color-text-primary)}.types-index-mbti-finder-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3) var(--space-3);margin:var(--space-3) 0 0;padding:0;list-style:none}.types-index-mbti-finder-list li{display:flex;align-items:flex-start;gap:var(--space-2);min-height:var(--touch-target,44px);font-size:var(--font-size-caption);color:var(--color-text-secondary)}.types-index-mbti-finder-list li>:first-child{width:3.4em;flex-shrink:0;min-height:var(--touch-target,44px);display:inline-flex;align-items:center;font-weight:var(--weight-title);color:var(--color-text-primary)}.types-index-mbti-finder-mbti{text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(126,94,58,.35)}.types-index-mbti-finder-pair{display:flex;flex-direction:column;min-width:0;gap:var(--space-2,8px)}.types-index-mbti-finder-code{white-space:nowrap}.types-index-mbti-finder-name{min-width:0;font-weight:var(--weight-body,400);color:var(--color-text-secondary)}.types-index-mbti-finder-link{display:inline-flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--space-2);min-height:var(--touch-target,44px);padding-inline:var(--space-1);font-weight:var(--weight-label);color:var(--color-cta-warm);text-decoration:none}.types-index-mbti-finder-link:focus-visible,.types-index-mbti-finder-link:hover{text-decoration:underline}.type-detail-mbti-hint,.types-index-card-mbti{width:fit-content;padding:3px 9px;border:1px solid rgba(126,94,58,.24);border-radius:var(--radius-chip);background:rgba(255,252,245,.6);color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:1.4}.types-index-card-mbti{max-width:calc(100% - clamp(100px, 36vw, 150px))}@media (min-width:768px){.types-index-card-mbti{order:1;max-width:100%}}.type-detail-mbti-hint{margin-top:var(--space-2);text-decoration:none;position:relative}.type-detail-mbti-hint:after{content:"";position:absolute;inset:-8px 0}.type-detail-mbti-hint:focus-visible,.type-detail-mbti-hint:hover{color:var(--color-text-primary);border-style:solid}@media (max-width:767px){.type-detail-hero .type-detail-mbti-hint{order:2;justify-self:center;margin-top:0}}}@media (prefers-reduced-motion:no-preference){.types-index-card-character img{transform-origin:50% 100%;transition:transform .28s cubic-bezier(.2,.8,.2,1)}@media (hover:hover){.types-index-card:focus-visible .types-index-card-character img,.types-index-card:hover .types-index-card-character img{transform:translateY(-4px) rotate(-2deg) scale(1.05)}}.types-index-card{animation:quiz-option-in .38s cubic-bezier(.2,.8,.2,1) both}.types-index-card:nth-child(2){animation-delay:50ms}.types-index-card:nth-child(3){animation-delay:.1s}.types-index-card:nth-child(4){animation-delay:.15s}.types-index-card:nth-child(5){animation-delay:.2s}.types-index-card:nth-child(6){animation-delay:.25s}.types-index-card:nth-child(7){animation-delay:.3s}.types-index-card:nth-child(8){animation-delay:.35s}.type-detail-character-stage img{transform-origin:50% 100%;animation:result-doll-idle 4.8s ease-in-out infinite}}@media (min-width:640px){.types-index-card-name{min-height:2.6em;min-height:2lh}}