:root{--mint:#bfe3d0;--mint-2:#9cc9b4;--paper:#fffaf2;--paper-2:#f3ece0;--card:#fff;--ink:#2d2d2d;--ink-2:#4f4f4f;--ink-3:#8a8a8a;--rule:#e6dccb;--nt:#3b4fa8;--nf:#c2456a;--sj:#9a6a00;--sp:#1e7d5a;--nt-t:#c9d4ff;--nf-t:#ffc4d2;--sj-t:#ffe58a;--sp-t:#b8ead2;--accent:#ff7f9e;--yellow:#ffd84d;--serif:"Do Hyeon", "Pretendard Variable", sans-serif;--sans:"Pretendard Variable", Pretendard, "Noto Sans KR", system-ui, sans-serif;--display:"Do Hyeon", "Pretendard Variable", sans-serif;--mono:"Space Mono", ui-monospace, monospace;--die:0 0 0 4px #fff, 0 0 0 5px #00000012, 0 5px 0 6px #00000012;--shadow:var(--die);--radius:18px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:16.5px/1.75 var(--sans);word-break:keep-all;overflow-wrap:anywhere;margin:0}a{color:inherit}img{max-width:100%;height:auto;display:block}.wrap{max-width:1080px;margin:0 auto;padding:0 16px}.narrow{max-width:760px;margin:0 auto;padding:0 16px}h1,h2,h3{font-family:var(--serif);letter-spacing:-.005em;font-weight:400;line-height:1.3}h1{margin:0 0 12px;font-size:clamp(30px,5.4vw,46px)}h2{margin:44px 0 14px;font-size:clamp(24px,3.6vw,30px)}h3{margin:28px 0 8px;font-size:21px}p{margin:0 0 16px}b,strong{font-weight:700}.code{font-family:var(--display);letter-spacing:.02em;font-weight:400}.muted{color:var(--ink-2)}.small{color:var(--ink-3);font-size:14px}.sticker{box-shadow:var(--die);background:#fff;border-radius:14px;display:inline-block}.site-header{background:var(--mint);z-index:20;position:sticky;top:0}.site-header .wrap{align-items:center;gap:18px;min-height:64px;display:flex}.brand{font-family:var(--display);white-space:nowrap;box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;margin:6px 0;padding:4px 14px 4px 8px;font-size:22px;text-decoration:none;display:inline-flex}.brand svg{width:28px;height:28px}.nav{scrollbar-width:none;gap:6px;margin-left:auto;padding:6px 2px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;color:var(--ink);border-radius:99px;padding:6px 12px;font-size:15px;font-weight:700;text-decoration:none}.nav a:hover{background:#fff9}.nav a[aria-current=page]{box-shadow:0 0 0 2px var(--ink);background:#fff}.nav a.cta{background:var(--ink);color:var(--paper)}.nav a.cta[aria-current=page]{background:var(--accent);color:#fff;box-shadow:none}@media (width<=720px){.site-header .wrap{flex-wrap:wrap;gap:0;padding-top:6px}.nav{width:calc(100% + 32px);margin:2px -16px 0;padding:4px 16px 10px}}.btn{color:var(--ink);font:400 19px var(--display);cursor:pointer;box-shadow:0 0 0 2px var(--ink), 0 4px 0 2px var(--ink);background:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{box-shadow:0 0 0 2px var(--ink), 0 1px 0 2px var(--ink);transform:translateY(3px)}.btn.primary{background:var(--accent);color:#fff}.btn.dark{background:var(--ink);color:var(--paper)}.btn.sm{padding:7px 14px;font-size:16px}.btn-row{flex-wrap:wrap;gap:14px;display:flex}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--die);padding:22px}.label{font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;display:inline-block}.tag{background:#fff;border-radius:99px;margin:0 6px 6px 0;padding:3px 11px;font-size:13px;font-weight:700;display:inline-block}.specimens{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px 18px;padding:6px;display:grid}.spec{background:var(--gt);border-radius:var(--radius);box-shadow:var(--die);align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:transform .12s;display:flex;position:relative}.specimens .spec:nth-child(4n+1){border-radius:22px;transform:rotate(-1.5deg)}.specimens .spec:nth-child(4n+2){border-radius:36px 12px;transform:rotate(1.2deg)}.specimens .spec:nth-child(4n+3){border-radius:12px;transform:rotate(.8deg)}.specimens .spec:nth-child(4n){border-radius:30px;transform:rotate(-1deg)}.spec:hover,.specimens .spec:hover{transform:rotate(0)scale(1.03)}.spec .no{font:700 10px var(--mono);color:#0006;position:absolute;top:8px;right:12px}.spec .em{flex:0 0 58px}.spec b.code{color:var(--ink);font-size:28px;line-height:1.1;display:block}.spec span{color:var(--ink-2);font-size:14px;line-height:1.45;display:block}.g-nt{--g:var(--nt);--gt:var(--nt-t)}.g-nf{--g:var(--nf);--gt:var(--nf-t)}.g-sj{--g:var(--sj);--gt:var(--sj-t)}.g-sp{--g:var(--sp);--gt:var(--sp-t)}@media (width<=600px){.specimens{grid-template-columns:1fr 1fr;gap:18px 14px}.spec{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 12px 14px}.spec .em{flex:none;width:48px}.spec .em svg{width:48px;height:48px}.spec b.code{font-size:26px}.spec span{font-size:13px}}.section{padding:44px 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.section-head h2{margin:0}.ruled{border-top:3px dotted var(--rule)}.band{background:var(--mint)}.hero{background:var(--mint);padding:10px 0 40px}.hero-sheet{background:var(--paper);box-shadow:0 6px 0 var(--mint-2);border-radius:22px;padding:30px 26px 28px;position:relative}.hero-sheet:before{content:"MBTI LAB · STICKER SHEET No.1";font:700 10px var(--mono);color:#9a9a9a;position:absolute;top:12px;right:18px}.hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;display:grid}.hero h1{margin-top:6px;font-size:clamp(36px,6.4vw,58px)}.hero h1 em{background:var(--yellow);border-radius:8px;padding:0 8px;font-style:normal}.hero .lead{color:var(--ink-2);max-width:34em;font-size:17.5px}.hero-photo-wrap{align-items:flex-start;gap:12px;display:flex;position:relative}.hero-photo-wrap .die{box-shadow:var(--die);background:#fff;border-radius:16px;padding:6px;display:inline-block;transform:rotate(-2.5deg)}.hero-photo-wrap img{aspect-ratio:4/3;object-fit:cover;border-radius:12px;width:100%}.blob{background:var(--accent);text-align:center;width:104px;height:104px;font:400 18px/1.2 var(--display);color:#fff;border-radius:50%;flex:none;place-items:center;display:grid;transform:rotate(8deg);box-shadow:0 0 0 5px #fff,0 3px 0 7px #00000014}.hero-photo-wrap .blob{position:absolute;bottom:-22px;right:-8px}.hero-stack{height:330px;position:relative}.hero-stack .spec{width:250px;position:absolute}@media (width<=820px){.hero-grid{grid-template-columns:1fr}.hero-sheet{padding:26px 16px 22px}.hero-stack{height:270px}.hero-stack .spec{width:220px}.hero-photo-wrap .blob{width:88px;height:88px;font-size:16px;right:-4px}}.photo-sticker{margin:0 0 26px}.photo-sticker .die{box-shadow:var(--die);background:#fff;border-radius:18px;padding:6px;display:block;transform:rotate(-.8deg)}.photo-sticker img{aspect-ratio:16/9;object-fit:cover;border-radius:13px;width:100%}.photo-sticker figcaption{color:var(--ink-3);margin-top:10px;font-size:12.5px}.prose{font-size:17px}.prose h2{background:var(--yellow);border-radius:8px;margin-top:48px;padding:2px 10px;display:inline-block}.prose h2+*{margin-top:0}.prose ul,.prose ol{margin:0 0 18px;padding-left:22px}.prose li{margin-bottom:6px}.prose table{border-collapse:separate;border-spacing:0;width:100%;box-shadow:0 0 0 2px var(--ink);background:#fff;border-radius:14px;margin:0 0 22px;font-size:15.5px;overflow:hidden}.prose th,.prose td{border-bottom:1px solid var(--rule);text-align:left;vertical-align:top;padding:10px 12px}.prose tr:last-child td{border-bottom:0}.prose th{background:var(--mint);font-weight:700}.prose blockquote{box-shadow:var(--die);background:#fff;border-radius:14px;margin:0 0 18px;padding:14px 18px}.prose blockquote p:last-child{margin:0}.table-scroll{padding:4px;overflow-x:auto}.note{color:var(--ink-2);background:#fff7d6;border-radius:14px;padding:14px 16px;font-size:15px;box-shadow:0 0 0 2px #f0dc8c}.crumbs{color:var(--ink-3);margin:22px 0 10px;font-size:13.5px}.crumbs a{text-decoration:none}.type-hero{background:var(--gt);padding:30px 0 38px}.type-hero .wrap{grid-template-columns:170px 1fr;align-items:center;gap:28px;display:grid}.type-hero .wrap>svg{width:100%;height:auto;box-shadow:var(--die);background:#fff;border-radius:50%;padding:6px;transform:rotate(-4deg)}.type-hero .codebig{font-family:var(--display);color:var(--ink);margin:0;font-size:clamp(60px,11vw,96px);line-height:1}.type-hero .nm{font-family:var(--serif);margin:6px 0 10px;font-size:clamp(24px,3.8vw,32px)}.type-hero .nm,.type-hero .codebig{text-shadow:3px 3px #fff}@media (width<=640px){.type-hero .wrap{grid-template-columns:96px 1fr;gap:16px}}.facts{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:30px 0;display:grid}.facts ul{margin:0;padding-left:20px}.facts li{margin-bottom:5px}.jobs{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:4px;display:grid}.jobs div{box-shadow:var(--die);background:#fff;border-radius:14px;padding:12px 14px;font-size:14.5px;line-height:1.55}.jobs b{font-family:var(--display);margin-bottom:2px;font-size:18px;font-weight:400;display:block}.matchlist{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding:4px;display:grid}.matchlist a{background:var(--gt,#fff);box-shadow:var(--die);border-radius:16px;padding:10px 12px;text-decoration:none;display:block}.matchlist .code{color:var(--ink);font-size:22px}.matchlist small{color:var(--ink-2);display:block}.layout-2{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:40px;display:grid}.side{background:var(--mint);border-radius:18px;padding:14px 16px;position:sticky;top:84px}.side nav a{color:var(--ink);border-bottom:1px dashed var(--mint-2);padding:5px 0;font-size:14.5px;text-decoration:none;display:block}@media (width<=900px){.layout-2{grid-template-columns:1fr}.side{position:static}}.axis{margin:0 0 14px}.axis .ends{justify-content:space-between;margin-bottom:4px;font-size:14px;font-weight:700;display:flex}.axis .bar{background:var(--paper-2);height:16px;box-shadow:inset 0 0 0 2px var(--ink);border-radius:99px;position:relative;overflow:hidden}.axis .bar i{background:var(--gt,var(--accent));box-shadow:inset 0 0 0 2px var(--ink);border-radius:99px;position:absolute;top:0;bottom:0}.axis .bar:after{content:"";border-left:2px dashed var(--ink);position:absolute;top:0;bottom:0;left:50%}.qcard{margin:0 0 22px;border:0!important}.qcard legend{color:var(--ink-3);font:700 12px var(--mono)!important}.qcard p{margin-bottom:14px;font-size:17px;font-weight:700}.scale{justify-content:space-between;align-items:center;gap:6px;display:flex}.scale small{color:var(--ink-3);text-align:center;flex:0 0 52px;font-size:13px;line-height:1.3}.scale label{cursor:pointer;place-items:center;display:grid}.scale input{opacity:0;pointer-events:none;position:absolute}.scale span{border:2.5px solid var(--ink);background:#fff;border-radius:50%;transition:background .1s,transform .1s;display:block}.scale label:first-of-type span,.scale label:nth-of-type(5) span{width:42px;height:42px}.scale label:nth-of-type(2) span,.scale label:nth-of-type(4) span{width:34px;height:34px}.scale label:nth-of-type(3) span{width:26px;height:26px}.scale label:nth-of-type(-n+2) input:checked+span{background:var(--accent);transform:scale(1.08)}.scale label:nth-of-type(3) input:checked+span{background:var(--ink-3)}.scale label:nth-of-type(n+4) input:checked+span{background:#7d9bff;transform:scale(1.08)}.scale input:focus-visible+span{outline:3px solid var(--yellow);outline-offset:2px}.qcard.done{opacity:.55}.progress{z-index:10;background:var(--paper);padding:10px 0;position:sticky;top:64px}.progress .track{background:var(--paper-2);height:12px;box-shadow:inset 0 0 0 2px var(--ink);border-radius:99px;overflow:hidden}.progress .track i{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}@media (width<=720px){.progress{top:104px}}.choice{text-align:left;width:100%;box-shadow:0 0 0 2px var(--ink), 0 3px 0 2px var(--ink);font:700 16px/1.5 var(--sans);color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:14px;margin:0 0 14px;padding:14px 16px;display:block}.choice:hover{background:var(--yellow)}.matrix{border-collapse:collapse;background:#fff;font-size:12.5px}.matrix th,.matrix td{border:2px solid var(--paper);text-align:center;width:44px;height:34px;padding:0}.matrix th{font-family:var(--display);background:var(--mint);font-size:14px;font-weight:400}.matrix td a{border-radius:6px;font-weight:700;line-height:34px;text-decoration:none;display:block}.lv0{color:#fff;background:#ff7f9e}.lv1{background:#ffc4d2}.lv2{background:#fff1b8}.lv3{background:#d6e0ff}.lv4{background:#a9bbff}.legend{flex-wrap:wrap;gap:10px;margin:12px 0;font-size:14px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:5px;width:18px;height:18px;display:inline-block}select{font:700 17px var(--sans);color:var(--ink);box-shadow:0 0 0 2px var(--ink);background:#fff;border:0;border-radius:12px;padding:10px 12px}.post-list{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:26px 22px;padding:6px;display:grid}.post-card{border-radius:var(--radius);box-shadow:var(--die);background:#fff;flex-direction:column;text-decoration:none;transition:transform .12s;display:flex;overflow:hidden}.post-card:nth-child(odd){transform:rotate(-.6deg)}.post-card:nth-child(2n){transform:rotate(.6deg)}.post-card:hover{transform:rotate(0)translateY(-2px)}.post-card img{aspect-ratio:16/9;object-fit:cover;border-radius:13px;width:calc(100% - 12px);margin:6px 6px 0}.post-card div{padding:12px 16px 16px}.post-card b{font-family:var(--display);margin-bottom:6px;font-size:20px;font-weight:400;line-height:1.35;display:block}.post-card small{color:var(--ink-3)}.hero-photo{box-shadow:var(--die);background:#fff;border-radius:18px;margin:0 0 28px;padding:6px}.hero-photo img{aspect-ratio:16/9;object-fit:cover;border-radius:13px;width:100%}.hero-photo figcaption{color:var(--ink-3);margin:8px 6px 2px;font-size:12.5px}.summary3{background:var(--mint);border-radius:18px;margin:0 0 26px;padding:16px 18px 6px}.summary3 b{font-family:var(--display);font-size:18px;font-weight:400}.share{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.toast{background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;z-index:50;border-radius:99px;padding:10px 18px;font-size:15px;transition:opacity .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast.on{opacity:1}.site-footer{background:var(--mint);color:var(--ink-2);margin-top:60px;padding:34px 0 40px;font-size:14.5px}.site-footer nav{flex-wrap:wrap;gap:6px 16px;margin-bottom:14px;display:flex}.site-footer nav a{text-decoration:none}.site-footer .codes a{font-family:var(--display);color:var(--ink);font-size:16px}@media print{.site-header,.site-footer,.share,.btn,.side,.no-print{display:none!important}body{background:#fff;font-size:12pt}.card,.spec,.post-card{box-shadow:none;transform:none!important}}.fig{box-shadow:var(--die);background:#fff;border-radius:18px;margin:0 0 26px;padding:14px}.fig svg{width:100%;height:auto;display:block}.fig figcaption{color:var(--ink-3);margin-top:8px;font-size:13.5px}body:has(#test),body:has(#test) .progress{background:var(--mint)}body:has(#test) .note{background:#fffaf2}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px 18px;margin:20px 0;padding:6px;display:grid}.topic-card{background:var(--gt);box-shadow:var(--die);border-radius:20px;flex-direction:column;gap:4px;padding:18px 18px 16px;text-decoration:none;transition:transform .12s;display:flex}.topic-card:nth-child(3n+1){transform:rotate(-1deg)}.topic-card:nth-child(3n+2){border-radius:30px 12px;transform:rotate(.8deg)}.topic-card:hover{transform:rotate(0)scale(1.02)}.topic-card b{font:400 23px/1.25 var(--display)}.topic-card span{color:var(--ink-2);font-size:14px;line-height:1.5}.small-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.small-cards .topic-card b{font-size:19px}@media (width<=600px){.topic-grid{grid-template-columns:1fr 1fr;gap:16px 12px}.topic-card{padding:14px 13px}.topic-card b{font-size:19px}.topic-card span{font-size:12.5px}}.topic-hero{background:var(--gt);padding:4px 0 30px}.jump{margin:22px 0}.jump div{flex-wrap:wrap;gap:8px;display:flex}.jump a{font:400 16px var(--display);background:var(--gt);border-radius:10px;padding:5px 11px;text-decoration:none;box-shadow:0 0 0 2px #fff,0 2px 0 3px #00000014}.topic-body h2.tsec{background:var(--gt);box-shadow:var(--die);border-radius:16px;margin:52px 0 18px;padding:10px 16px;scroll-margin-top:120px;font-size:24px;display:block}.topic-body h2.tsec a{text-decoration:none}.topic-body h2.tsec a:after{content:" ↗";color:var(--ink-3);font-size:15px}.hero-short{padding-bottom:26px}.hero-short .hero-sheet{padding:34px 24px 26px}.hero-short h1{margin:4px 0 8px;font-size:clamp(34px,6vw,54px)}.hero-short .lead{margin-bottom:18px}.hero-short .blob{width:92px;height:92px;font-size:16px;position:absolute;bottom:-26px;right:18px}@media (width<=600px){.hero-short h1 em{margin-top:4px;display:inline-block}.hero-short .blob{width:76px;height:76px;font-size:14px;top:34px;bottom:auto;right:8px}.hero-short .btn-row{gap:14px}.hero-short .btn-row .btn{flex:1 1 0;padding:12px 10px}}.swipe{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;margin:0 -16px;padding:14px 16px 22px;display:flex;overflow-x:auto}.swipe::-webkit-scrollbar{display:none}.big-card{scroll-snap-align:center;background:var(--gt);max-width:300px;box-shadow:var(--die);border-radius:26px;flex-direction:column;flex:0 0 78%;min-height:340px;padding:20px 20px 18px;text-decoration:none;display:flex;position:relative}.big-card:nth-child(odd){transform:rotate(-1.2deg)}.big-card:nth-child(2n){transform:rotate(1deg)}.big-card .no{font:700 11px var(--mono);color:#0006}.big-card .em{background:#fff;border-radius:50%;width:96px;margin:8px 0 6px;box-shadow:0 0 0 4px #fff}.big-card .em svg{width:96px;height:96px;display:block}.big-card b{font:400 46px/1 var(--display);margin:6px 0 4px}.big-card .nm{font:400 20px var(--display)}.big-card p{color:var(--ink-2);margin:8px 0 0;font-size:14.5px;line-height:1.55}.big-card .go{margin-top:auto;padding-top:12px;font-size:14px;font-weight:700}.swipe-hint{justify-content:space-between;align-items:baseline;display:flex}@media (width>=900px){.big-card{flex-basis:260px}}.guess-card{background:var(--gt,#fff)}.guess-top{justify-content:space-between;align-items:center;display:flex}.linkish{font:700 14px var(--sans);color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:4px 0}.progress-mini{background:#ffffffb3;border-radius:99px;height:8px;margin:4px 0 16px;overflow:hidden}.progress-mini i{background:var(--ink);width:0;height:100%;transition:width .2s;display:block}.guess-q{font:400 23px/1.4 var(--display);min-height:2.8em;margin:0 0 18px}.choice.soft{box-shadow:0 0 0 2px var(--ink-3);color:var(--ink-2);background:#fff9;font-weight:600}.vs{gap:14px;margin:12px 0 6px;display:grid}.vs-card{font:400 22px/1.4 var(--display);cursor:pointer;color:var(--ink);box-shadow:var(--die);border:0;border-radius:22px;padding:30px 20px;transition:transform .15s,opacity .2s}.vs-card[data-v="1"]{background:var(--nf-t);transform:rotate(-1deg)}.vs-card[data-v="-1"]{background:var(--nt-t);transform:rotate(1deg)}.vs-card.on{box-shadow:0 0 0 4px #fff, 0 0 0 7px var(--ink);transform:scale(1.04)}.vs-card.off{opacity:.35}.vs-mid{font:400 22px var(--display);background:var(--ink);color:#fff;border-radius:99px;justify-self:center;padding:4px 16px}.vs-say{text-align:center;color:var(--ink-2);min-height:1.6em;font-weight:700}.jump-cards{margin:24px 0}.jump-cards div{grid-template-columns:repeat(4,1fr);gap:14px 12px;padding:4px;display:grid}.jump-cards a{background:var(--gt);box-shadow:var(--die);border-radius:16px;flex-direction:column;padding:10px 10px 11px;text-decoration:none;display:flex}.jump-cards a:nth-child(odd){transform:rotate(-1deg)}.jump-cards a:nth-child(2n){transform:rotate(.8deg)}.jump-cards b{font:400 22px/1.1 var(--display)}.jump-cards span{color:var(--ink-2);margin-top:3px;font-size:11.5px;line-height:1.35}@media (width<=420px){.jump-cards div{gap:12px 9px}.jump-cards b{font-size:19px}.jump-cards span{font-size:10.5px}}.topic-body h2.tsec+p:before{content:""}