:root{--yellow: #FFD43B;--yellow-soft: #FFE78A;--coral: #FF6B6B;--cream: #FFF9F0;--paper: #FFFEFA;--ink: #222222;--ink-2: #4B453E;--ink-3: #6B6359;--line: #EADFCB;--mint: #C5F0D2;--sky: #C9E6FF;--lilac: #DCD3FF;--pink: #FFCFDA;--peach: #FFD8B0;--r: 22px;--r-sm: 16px;--bd: 2px solid var(--ink);--sh: 4px 4px 0 var(--ink);--sh-sm: 2px 2px 0 var(--ink);--sh-lg: 7px 7px 0 var(--ink);--wrap: 1080px;--read: 680px;--gut: 18px;--top-h: 60px;--font-body: system-ui, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-display: "SSP Display", "SSP Display Q", "SSP Fallback", system-ui, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--ease: cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--c: var(--yellow-soft)}.c-personality{--c: var(--yellow-soft)}.c-fortune{--c: var(--lilac)}.c-love{--c: var(--pink)}.c-brain,.c-knowledge{--c: var(--sky)}.c-balance{--c: var(--mint)}.c-animal{--c: var(--peach)}@font-face{font-family:SSP Display;src:url(/fonts/bagel-core.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SSP Display Q;src:url(/fonts/bagel-quiz.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SSP Fallback;src:local("AppleSDGothicNeo-ExtraBold"),local("Apple SD Gothic Neo ExtraBold"),local("NotoSansCJKkr-Black"),local("NotoSansKR-Black"),local("Noto Sans KR Black"),local("NotoSansCJKkr-Bold"),local("Noto Sans CJK KR Bold"),local("Malgun Gothic Bold"),local("MalgunGothicBold");font-weight:400;font-style:normal;size-adjust:96%}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--top-h) + 14px);overflow-x:clip}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);line-height:1.65;min-height:100dvh;display:flex;flex-direction:column;overflow-x:clip;word-break:keep-all;overflow-wrap:anywhere}h1,h2,.fd{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;line-height:1.22}h3{font-weight:800;letter-spacing:-.02em;line-height:1.38}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}ul,ol{list-style:none}.emo{font-family:var(--font-emoji);font-weight:400;font-style:normal;letter-spacing:0}img.emo{display:inline-block;width:1em;height:1em;vertical-align:-.14em}.ico{flex-shrink:0}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:8px}.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:12px;top:12px;z-index:60;background:var(--ink);color:var(--cream);padding:10px 14px;border-radius:10px}.main{flex:1;width:100%;max-width:var(--read);margin:0 auto;padding:18px var(--gut) 64px}.main--wide{max-width:none;padding:0}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-inline:var(--gut)}.top{position:sticky;top:0;z-index:30;background:var(--cream);border-bottom:var(--bd)}.top-in{max-width:var(--wrap);margin:0 auto;height:var(--top-h);padding-inline:var(--gut);display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{display:inline-flex;align-items:center;gap:8px;font-size:1.55rem;line-height:1}.logo-mark{width:26px;height:auto;rotate:-8deg;transition:rotate .35s var(--spring),scale .35s var(--spring)}.logo:hover .logo-mark{rotate:10deg;scale:1.1}.top-nav a{display:inline-flex;align-items:center;height:36px;padding-inline:14px;border:var(--bd);border-radius:999px;background:var(--paper);font-weight:800;font-size:.86rem;box-shadow:var(--sh-sm);transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s}.top-nav a:hover{background:var(--yellow)}.top-nav a:active{transform:translate(2px,2px);box-shadow:none}.scroll-bar{display:none}.foot{background:var(--yellow);border-top:var(--bd)}.foot-in{max-width:var(--wrap);margin:0 auto;padding:34px var(--gut) 40px;display:grid;gap:16px;justify-items:center;text-align:center}.foot-line{font-size:1.5rem}.foot-cats,.foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px}.foot-cats a{display:inline-flex;align-items:center;height:34px;padding-inline:14px;border:var(--bd);border-radius:999px;background:var(--paper);font-weight:800;font-size:.85rem}.foot-cats a:hover{background:var(--cream)}.foot-nav a{font-size:.88rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:4px 2px}.foot-copy{font-size:.8rem;color:var(--ink-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:10px 24px;border:var(--bd);border-radius:999px;background:var(--paper);color:var(--ink);font-weight:800;font-size:1rem;line-height:1.25;text-align:center;box-shadow:var(--sh);transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn--go{background:var(--coral);font-size:1.3rem;min-height:62px;width:100%}.btn--block{width:100%}.btn--kakao{background:#fee500}.tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding-inline:12px;border:var(--bd);border-radius:999px;background:var(--paper);font-size:.78rem;font-weight:800;line-height:1;white-space:nowrap}.tag--ink{background:var(--ink);color:var(--yellow)}.panel{background:var(--paper);border:var(--bd);border-radius:var(--r);padding:20px;box-shadow:var(--sh)}.prose p{color:var(--ink-2);font-size:1rem;line-height:1.85}.prose p+p{margin-top:12px}.rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px var(--gut) 18px;scroll-padding-inline:var(--gut);-webkit-overflow-scrolling:touch;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}.main .rail{margin-inline:calc(var(--gut) * -1)}@media(hover:hover)and (min-width:900px){.rail{scrollbar-width:thin;scrollbar-color:var(--ink) transparent;padding-bottom:22px}.rail::-webkit-scrollbar{display:block;height:8px}.rail::-webkit-scrollbar-thumb{background:var(--ink);border-radius:99px}}.emo-cluster{position:relative;display:grid;place-items:center;width:100%;height:100%}.emo-cluster:before{content:"";position:absolute;inset:0;opacity:.13;background:radial-gradient(var(--ink) 1.3px,transparent 1.6px) 0 0 / 15px 15px}.emo-cluster .emo{position:relative;line-height:1;filter:drop-shadow(3px 3px 0 rgba(34,34,34,.9))}.emo-cluster .e1{font-size:clamp(3.2rem,15vw,4.6rem);rotate:-4deg}.emo-cluster .e2,.emo-cluster .e3{position:absolute;font-size:clamp(1.7rem,8vw,2.4rem)}.emo-cluster .e2{left:12%;top:12%;rotate:-16deg}.emo-cluster .e3{right:12%;bottom:12%;rotate:14deg}.tile--wide .emo-cluster .e1,.cover-art .emo-cluster .e1{font-size:clamp(4.2rem,19vw,5.6rem)}.tile--wide .emo-cluster .e2,.tile--wide .emo-cluster .e3,.cover-art .emo-cluster .e2,.cover-art .emo-cluster .e3{font-size:clamp(2.3rem,10vw,3.1rem)}.tile--wide .emo-cluster .e2,.cover-art .emo-cluster .e2{left:20%}.tile--wide .emo-cluster .e3,.cover-art .emo-cluster .e3{right:20%}.hero{position:relative;background:var(--yellow);overflow:clip}.hero:before{content:"";position:absolute;inset:0;opacity:.1;pointer-events:none;background:radial-gradient(var(--ink) 1.4px,transparent 1.7px) 0 0 / 22px 22px}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background:radial-gradient(circle at 50% 100%,var(--cream) 0 14px,var(--ink) 14px 16px,transparent 16.5px) 50% 0 / 32px 16px repeat-x}.hero-in{position:relative;display:grid;gap:26px;padding-block:30px 56px;align-items:center}.hero h1{font-size:clamp(2.55rem,11vw,4.3rem);line-height:1.12}.hero h1 .hl{display:block}.hero h1 .pill{display:inline-block;background:var(--paper);border:var(--bd);border-radius:.32em;padding:0 .2em .04em;margin-right:.08em;rotate:-3deg;box-shadow:var(--sh)}.hero-sub{margin-top:16px;font-size:1.05rem;font-weight:600;color:var(--ink-2);max-width:24em}.today{display:grid;gap:8px;justify-items:start;margin-top:22px;padding:16px 18px 18px;max-width:30rem;background:var(--paper);border:var(--bd);border-radius:var(--r);box-shadow:var(--sh-lg);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.today:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--ink)}.today:active{transform:translate(4px,4px);box-shadow:var(--sh-sm)}.today-title{font-size:1.14rem;font-weight:800;line-height:1.38;letter-spacing:-.02em}.today-desc{font-size:.9rem;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.today-go{display:inline-flex;align-items:center;gap:8px;margin-top:6px;height:46px;padding-inline:20px;background:var(--coral);border:var(--bd);border-radius:999px;font-size:1.12rem}.hero-more{display:inline-block;margin-top:16px;font-weight:800;font-size:.95rem;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;padding:6px 2px}.hero-art{position:relative;width:100%;max-width:440px;margin-inline:auto;aspect-ratio:5 / 4}.hcard{position:absolute;width:37%;background:var(--paper);border:var(--bd);border-radius:16px;box-shadow:var(--sh);overflow:hidden}.hcard-art{aspect-ratio:4 / 5;background:var(--c);display:grid;place-items:center;border-bottom:var(--bd);overflow:hidden}.hcard-art img:not(.emo){width:100%;height:100%;object-fit:cover}.hcard-art .emo{font-size:clamp(2.6rem,13vw,4rem);line-height:1}.hcard span.cap{display:block;padding:6px 6px 7px;font-size:.72rem;font-weight:800;text-align:center;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hcard--a{left:0;top:13%;rotate:-9deg}.hcard--b{left:31.5%;top:0;rotate:3deg}.hcard--c{right:0;top:15%;rotate:10deg}.hero-peanut{position:absolute;left:50%;bottom:-4%;width:31%;height:auto;margin-left:-15.5%;filter:drop-shadow(0 0 0 var(--paper)) drop-shadow(3px 4px 0 rgba(34,34,34,.9))}.my-recent{display:none}.my-recent.visible{display:block;margin-top:22px;padding:14px 18px;background:var(--paper);border:2px dashed var(--ink);border-radius:var(--r-sm);font-size:.92rem;line-height:1.6}.my-recent strong{font-weight:800}.my-recent a{text-decoration:underline;text-underline-offset:3px}.marquee{overflow:clip;padding-block:18px 6px}.marquee-band{rotate:-1.4deg;margin-inline:-12px;background:var(--paper);border-block:var(--bd)}.marquee-track{display:flex;width:max-content;gap:0;padding-block:10px}.marquee-track.run{animation:marquee 48s linear infinite}.marquee-track.run:hover{animation-play-state:paused}.marquee-set{display:flex;flex-shrink:0}.marquee-item{display:inline-flex;align-items:center;gap:8px;padding-inline:16px;font-size:1.15rem;white-space:nowrap}@keyframes marquee{to{transform:translate(-50%)}}.sec{padding-block:46px}.sec,.marquee,.foot{content-visibility:auto;contain-intrinsic-size:auto 700px}.marquee,.foot{contain-intrinsic-size:auto 240px}.sec-head{margin-bottom:22px}.sec-head h2{font-size:clamp(1.7rem,6.6vw,2.5rem)}.sec-head p{margin-top:8px;color:var(--ink-2);font-weight:600}.sec-head .n{display:inline-block;background:var(--coral);border:var(--bd);border-radius:.3em;padding:0 .22em;rotate:3deg;margin-inline:.06em}.bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{position:relative;display:flex;flex-direction:column;background:var(--paper);border:var(--bd);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.tile:hover{transform:translate(-2px,-3px) rotate(-.7deg);box-shadow:var(--sh-lg)}.tile:active{transform:translate(2px,2px);box-shadow:var(--sh-sm)}.tile-art{position:relative;aspect-ratio:1 / 1;background:var(--c);border-bottom:var(--bd);overflow:hidden}.tile-art img:not(.emo){width:100%;height:100%;object-fit:cover}.tile-body{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;flex:1}.tile-body h3{font-size:.98rem}.tile-meta{margin-top:auto;font-size:.78rem;font-weight:700;color:var(--ink-3)}.tile--wide{grid-column:span 2}.tile--wide .tile-art{aspect-ratio:1200 / 630}.tile--wide .tile-body h3{font-size:1.12rem}.tile-new{position:absolute;left:10px;top:10px;z-index:1;rotate:-6deg;background:var(--coral)}.rcard{flex:0 0 min(72vw,264px);display:flex;flex-direction:column;gap:8px;padding:18px 16px 16px;background:var(--c);border:var(--bd);border-radius:var(--r);box-shadow:var(--sh);transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.rcard:nth-child(odd){rotate:-1.3deg}.rcard:nth-child(2n){rotate:1.1deg}.rcard:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}.rcard .emo{font-size:2.6rem;line-height:1}.rcard-name{font-size:1.25rem;line-height:1.28}.rcard-hook{font-size:.9rem;font-weight:600;color:var(--ink-2);line-height:1.55}.rcard-from{margin-top:auto;padding-top:8px;font-size:.76rem;font-weight:800;color:var(--ink-2);border-top:2px dashed rgba(34,34,34,.35)}.stack{display:grid;gap:22px}.scard{position:sticky;top:calc(var(--top-h) + 14px + var(--i) * 14px);display:grid;gap:20px;align-content:start;padding:24px 20px;min-height:430px;background:var(--c);border:var(--bd);border-radius:28px;box-shadow:var(--sh)}.scard-copy h3{font-size:clamp(1.7rem,7vw,2.4rem);line-height:1.2}.scard-copy p{margin-top:8px;font-weight:600;color:var(--ink-2);max-width:22em}.demo{background:var(--paper);border:var(--bd);border-radius:var(--r);padding:16px;box-shadow:var(--sh-sm);rotate:1.2deg}.demo-q{font-size:1.12rem;line-height:1.4;margin-bottom:12px}.demo-a{display:grid;gap:8px}.demo-a span{display:block;padding:10px 12px;border:var(--bd);border-radius:12px;background:var(--cream);font-size:.86rem;font-weight:700;line-height:1.45}.demo-a span:first-child{background:var(--yellow-soft)}.demo-r{text-align:center}.demo-r .emo{display:block;font-size:2.6rem;margin-inline:auto}.demo-r .fd{display:block;font-size:1.4rem;margin:6px 0 12px}.demo-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;text-align:center;font-size:.82rem;font-weight:800;line-height:1.3}.demo-vs .emo{display:block;font-size:2rem;margin:0 auto 4px}.demo-vs i{font-style:normal;font-size:1.1rem}.demo-pct{margin-top:12px;text-align:center;background:var(--coral);border:var(--bd);border-radius:14px;padding:8px}.demo-pct .fd{font-size:2.2rem;line-height:1.1;display:block}.demo-pct small{font-size:.8rem;font-weight:800}.cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cat{display:flex;flex-direction:column;gap:6px;padding:18px 16px;background:var(--c);border:var(--bd);border-radius:var(--r);box-shadow:var(--sh);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.cat:hover{transform:translate(-2px,-2px);box-shadow:var(--sh-lg)}.cat:active{transform:translate(2px,2px);box-shadow:var(--sh-sm)}.cat .emo{font-size:2rem;line-height:1}.cat .fd{font-size:1.35rem}.cat small{font-size:.82rem;font-weight:700;color:var(--ink-2)}.crumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.crumbs a{display:inline-flex;align-items:center;height:30px;padding-inline:12px;border:var(--bd);border-radius:999px;background:var(--paper);font-size:.8rem;font-weight:800}.crumbs a:hover{background:var(--yellow)}.cover{text-align:center}.cover-art{position:relative;margin:4px 8px 26px;aspect-ratio:1200 / 630;background:var(--c);border:var(--bd);border-radius:var(--r);box-shadow:var(--sh-lg);overflow:hidden;rotate:-1.4deg}.cover-art img:not(.emo){width:100%;height:100%;object-fit:cover}.cover h1{font-size:clamp(1.8rem,7.4vw,2.6rem);line-height:1.26}.cover-desc{margin-top:12px;color:var(--ink-2);font-size:1rem}.facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 22px}.vs-banner{display:inline-flex;margin-bottom:18px;padding:8px 16px;background:var(--ink);color:var(--yellow);border-radius:999px;font-size:1.05rem;rotate:-1.5deg}.block{margin-top:40px}.block>h2{font-size:clamp(1.4rem,5.6vw,1.75rem);margin-bottom:14px}.qd{flex:0 0 min(78vw,300px);display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--paper);border:var(--bd);border-radius:var(--r);box-shadow:var(--sh-sm)}.qd-n{align-self:flex-start}.qd-q{font-weight:800;font-size:1rem;line-height:1.5}.qd-a{display:grid;gap:6px;margin-top:auto}.qd-a li{padding:8px 10px;background:var(--cream);border:1.5px solid var(--line);border-radius:10px;font-size:.86rem;color:var(--ink-2);line-height:1.5}.rgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rchip{display:flex;align-items:center;gap:10px;padding:12px;background:var(--paper);border:var(--bd);border-radius:var(--r-sm);box-shadow:var(--sh-sm);font-weight:800;font-size:.88rem;line-height:1.32;transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s}.rchip:hover{background:var(--yellow-soft);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.rchip:active{transform:translate(2px,2px);box-shadow:none}.rchip .emo{font-size:1.5rem;line-height:1}.rchip[aria-current]{background:var(--yellow)}.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:26px var(--gut) calc(12px + env(safe-area-inset-bottom));background:linear-gradient(rgba(255,249,240,0),var(--cream) 42%);translate:0 110%;transition:translate .35s var(--ease);pointer-events:none}.sticky-cta.show{translate:0 0;pointer-events:auto}.sticky-cta .btn{max-width:calc(var(--read) - var(--gut) * 2);margin-inline:auto;display:flex}.quiz-stage{display:none}.quiz-stage.active{display:block}body:has(.quiz-stage.active:not([data-stage=cover])) .foot{display:none}.quiz-stage[data-stage=cover]:has(.sticky-cta){padding-bottom:20px}.progress-row{display:flex;align-items:center;gap:12px;margin:26px 0 30px}.progress-text{font-size:1.1rem;min-width:3.1em}.progress-track{position:relative;flex:1;height:16px;background:var(--paper);border:var(--bd);border-radius:999px}.progress-fill{height:100%;width:var(--p, 0%);background:var(--coral);border-radius:999px;transition:width .5s var(--spring)}.progress-runner{position:absolute;left:var(--p, 0%);bottom:8px;width:28px;height:37px;margin-left:-14px;background:url(/images/brand/peanut-mark.webp) center / contain no-repeat;transition:left .5s var(--spring);transform-origin:50% 100%}.progress-runner.hop{animation:hop .5s var(--ease)}@keyframes hop{30%{translate:0 -9px;rotate:10deg}60%{translate:0 0;rotate:-6deg}}.q-card{position:relative;background:var(--yellow);border:var(--bd);border-radius:var(--r);padding:32px 22px 26px;margin-bottom:20px;box-shadow:var(--sh-lg)}.q-num{position:absolute;top:-15px;left:16px;height:30px;rotate:-3deg;font-size:.95rem}.q-card h2{font-size:clamp(1.4rem,5.9vw,1.8rem);line-height:1.36}.answers{display:grid;gap:12px}.answer-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:14px 16px;text-align:left;background:var(--paper);border:var(--bd);border-radius:18px;box-shadow:var(--sh);font-size:1rem;font-weight:700;line-height:1.5;transition:transform .14s var(--ease),box-shadow .14s var(--ease),background .14s}.answer-btn:before{content:attr(data-k);flex:0 0 32px;height:32px;display:grid;place-items:center;border:var(--bd);border-radius:50%;background:var(--cream);font-family:var(--font-display);font-weight:400;font-size:.95rem;line-height:1}@media(hover:hover){.answer-btn:hover{transform:translate(-1px,-2px);box-shadow:5px 6px 0 var(--ink)}}.answer-btn:active,.answer-btn.selected{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink);background:var(--yellow-soft)}.answer-btn.selected:before{background:var(--coral)}.q-body.is-leaving{animation:q-out .16s ease-in forwards}.q-body.is-entering{animation:q-in .36s var(--ease) both}.q-body.is-entering .answer-btn,.q-body.is-entering .choice-btn{animation:rise .42s var(--ease) both;animation-delay:calc(70ms + var(--i, 0) * 55ms)}@keyframes q-out{to{opacity:0;translate:-18px 0;rotate:-1deg}}@keyframes q-in{0%{opacity:0;translate:22px 0;rotate:1deg}}@keyframes rise{0%{opacity:0;translate:0 14px}}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-btn{background:var(--paper);border:var(--bd);border-radius:18px;box-shadow:var(--sh);padding:10px 10px 12px;text-align:center;font-weight:800;font-size:.92rem;transition:transform .14s var(--ease),box-shadow .14s var(--ease)}.choice-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.choice-btn .choice-img{aspect-ratio:1;border:var(--bd);border-radius:12px;overflow:hidden;margin-bottom:8px;display:grid;place-items:center;font-size:2.4rem;background:var(--c)}.choice-btn .choice-img img{width:100%;height:100%;object-fit:cover}.analyzing{min-height:62svh;display:grid;place-items:center;align-content:center;gap:14px;text-align:center}.analyzing img{width:148px;height:auto;animation:peek .7s var(--ease) infinite alternate;filter:drop-shadow(3px 4px 0 rgba(34,34,34,.9))}.analyzing .fd{font-size:1.7rem}.dots{display:inline-flex;gap:6px}.dots i{width:11px;height:11px;border-radius:50%;background:var(--ink);animation:dot .9s ease-in-out infinite both}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes peek{0%{rotate:-7deg;translate:-6px 0}to{rotate:7deg;translate:6px 0}}@keyframes dot{0%,80%,to{scale:.5;opacity:.35}40%{scale:1;opacity:1}}.rhero{position:relative;margin-top:6px;padding:22px 18px 20px;text-align:center;background:var(--yellow);border:var(--bd);border-radius:28px;box-shadow:var(--sh-lg)}.rhero-art{width:min(64%,250px);margin:16px auto 14px;aspect-ratio:4 / 5;background:var(--cream);border:var(--bd);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;rotate:-2.5deg}.rhero-art img{width:100%;height:100%;object-fit:cover}img.rhero-emoji{display:block;font-size:4.4rem;width:1.5em;height:1.5em;padding:.24em;margin:18px auto 14px;background:var(--paper);border:var(--bd);border-radius:50%;box-shadow:var(--sh);rotate:-4deg}.rhero h1{font-size:clamp(2rem,8.6vw,2.9rem);line-height:1.2}.rhero-hook{margin-top:10px;font-weight:700;font-size:1.02rem;color:var(--ink-2);line-height:1.55}.stats{display:grid;gap:10px;margin-top:18px;padding:14px 16px;text-align:left;background:var(--paper);border:var(--bd);border-radius:var(--r-sm)}.stat-row{display:grid;grid-template-columns:4.3em 1fr 2.1em;align-items:center;gap:10px}.stat-label{font-size:.86rem;font-weight:800}.stat-track{height:13px;background:var(--cream);border:1.5px solid var(--ink);border-radius:999px;overflow:hidden}.stat-fill{height:100%;background:var(--coral);border-right:1.5px solid var(--ink);border-radius:999px;transform-origin:0 50%}.stat-value{font-size:1.02rem;text-align:right}.share{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.share .btn{min-height:50px;padding-inline:10px;font-size:.95rem;box-shadow:var(--sh-sm)}.share .btn--kakao{grid-column:1 / -1;min-height:54px;font-size:1.02rem;box-shadow:var(--sh)}.cta-stack{display:grid;gap:12px;margin-top:12px}.lead-box{margin-top:40px}.lead-box:after{content:"";display:block;clear:both}.lead-box img{float:right;width:70px;height:auto;margin:-6px 0 4px 12px;rotate:8deg;filter:drop-shadow(2px 3px 0 rgba(34,34,34,.9))}.lead{font-size:1.1rem;line-height:1.85;font-weight:600}.tcards{display:grid;gap:34px 16px;margin-top:48px}.tcards+.tcards{margin-top:34px}.tcard{background:var(--paper);border:var(--bd);border-radius:var(--r);padding:20px 18px 18px;box-shadow:var(--sh-sm)}.tcard h2{display:inline-block;font-size:1.15rem;padding:5px 14px 6px;margin:-34px 0 12px;background:var(--c);border:var(--bd);border-radius:999px;rotate:-1.6deg}.tcard li{position:relative;padding-left:20px;font-size:.97rem;line-height:1.7;color:var(--ink-2)}.tcard li+li{margin-top:8px}.tcard li:before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--coral);border:1.5px solid var(--ink)}.tcard--traits{--c: var(--yellow)}.tcard--strong{--c: var(--mint)}.tcard--weak{--c: var(--pink)}.bubble-wrap{margin-top:30px}.bubble-wrap h2{font-size:1.3rem;margin-bottom:14px}.bubble{position:relative;background:var(--yellow);border:var(--bd);border-radius:22px;padding:18px 20px;font-weight:700;font-size:1.06rem;line-height:1.65;box-shadow:var(--sh)}.bubble:after{content:"";position:absolute;left:34px;bottom:-11px;width:18px;height:18px;background:var(--yellow);border-right:var(--bd);border-bottom:var(--bd);rotate:45deg}.story{margin-top:46px;display:grid;gap:30px}.story section+section{padding-top:28px;border-top:2px dashed var(--line)}.story h2{font-size:clamp(1.4rem,5.6vw,1.7rem);margin-bottom:10px}.story p{font-size:1.02rem;line-height:1.9;color:var(--ink-2)}.story p+p{margin-top:12px}.match{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-card{display:grid;gap:4px;justify-items:center;text-align:center;padding:16px 12px;background:var(--paper);border:var(--bd);border-radius:var(--r);box-shadow:var(--sh-sm);transition:transform .16s var(--ease),box-shadow .16s var(--ease)}.match-card:hover{transform:translate(-1px,-2px);box-shadow:var(--sh)}.match-card .emo{font-size:2rem}.match-tag{font-size:.76rem;font-weight:800;color:var(--ink-3)}.match-name{font-weight:800;font-size:.95rem;line-height:1.35}.cmp-title{font-size:1.5rem;text-align:center;margin:14px 0 20px}.compare-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch;margin-bottom:20px}.compare-side{background:var(--paper);border:var(--bd);border-radius:var(--r);padding:16px 10px;text-align:center;box-shadow:var(--sh-sm)}.compare-side.me{background:var(--yellow);rotate:-1.5deg}.compare-side:not(.me){rotate:1.5deg}.cs-emoji{font-size:2.3rem;line-height:1.1;font-family:var(--font-emoji)}.cs-emoji .emo{display:block;margin-inline:auto}.cs-title{font-weight:800;font-size:.95rem;margin-top:6px;line-height:1.35}.cs-tag{font-size:.76rem;font-weight:800;color:var(--ink-3);margin-top:4px}.compare-vs{display:flex;align-items:center;font-size:1.3rem}.chemistry{background:var(--coral);border:var(--bd);border-radius:var(--r);box-shadow:var(--sh-lg);padding:22px 18px;text-align:center;margin-bottom:22px}.chem-pct{display:block;font-size:3.4rem;line-height:1.05}.chem-label{font-size:.9rem;font-weight:800}.chem-comment{margin-top:8px;font-size:1rem;font-weight:800;line-height:1.5}.score-compare{display:flex;justify-content:center;gap:24px;margin-top:10px;font-weight:800}.page-title{font-size:clamp(1.9rem,7.6vw,2.6rem);margin:6px 0 12px}.page-intro{color:var(--ink-2);font-size:1rem;line-height:1.85;margin-bottom:28px}.list-title{font-size:clamp(1.4rem,5.6vw,1.75rem);margin-bottom:16px}.list-title .n{display:inline-block;background:var(--coral);border:var(--bd);border-radius:.3em;padding:0 .22em;rotate:3deg;margin-inline:.06em}.static-page h1{font-size:clamp(1.9rem,7.6vw,2.6rem);margin:6px 0 18px}.static-page h2{font-size:1.35rem;margin:30px 0 10px}.static-page p,.static-page li{font-size:1rem;line-height:1.85;color:var(--ink-2)}.static-page p+p{margin-top:10px}.static-page ul{display:grid;gap:6px;margin-top:6px}.static-page li{position:relative;padding-left:20px}.static-page li:before{content:"";position:absolute;left:2px;top:.68em;width:9px;height:9px;border-radius:50%;background:var(--coral);border:1.5px solid var(--ink)}.static-page a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.notfound{text-align:center;padding:34px 0 20px;display:grid;gap:14px;justify-items:center}.notfound img{width:170px;height:auto;filter:drop-shadow(3px 4px 0 rgba(34,34,34,.9))}.notfound h1{font-size:clamp(1.6rem,6.4vw,2.1rem)}.notfound p{color:var(--ink-2)}.notfound .btn{margin-top:8px}.toast{position:fixed;bottom:26px;left:50%;z-index:50;translate:-50% 90px;opacity:0;transition:translate .3s var(--spring),opacity .25s;background:var(--ink);color:var(--cream);padding:12px 22px;border-radius:999px;font-size:.92rem;font-weight:800;white-space:nowrap}.toast.show{opacity:1;translate:-50% 0}.confetti{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-24px;left:var(--x);width:var(--w);height:var(--h);background:var(--col);border:1.5px solid var(--ink);border-radius:var(--rad);opacity:0;animation:fall var(--d) cubic-bezier(.2,.6,.4,1) var(--delay) forwards}@keyframes fall{0%{opacity:1;transform:translateZ(0) rotate(0)}to{opacity:1;transform:translate3d(var(--dx),108vh,0) rotate(var(--rot))}}html.js [data-reveal]{opacity:0;translate:0 26px;transition:opacity .7s var(--ease) calc(var(--i, 0) * 70ms),translate .7s var(--ease) calc(var(--i, 0) * 70ms),scale .7s var(--spring) calc(var(--i, 0) * 70ms)}html.js [data-reveal=pop]{translate:0 10px;scale:.9}html.js [data-reveal].in{opacity:1;translate:0 0;scale:1}html.js [data-reveal] .stat-fill{transform:scaleX(0);transition:transform .95s var(--ease) calc(.2s + var(--i, 0) * .12s)}html.js [data-reveal].in .stat-fill{transform:scaleX(1)}.hcard{animation:deal .8s var(--spring) both;animation-delay:calc(.12s + var(--i, 0) * .1s)}.hero-peanut{animation:peanut-in .7s var(--spring) .45s both,bob 3.6s ease-in-out 1.3s infinite}@keyframes deal{0%{opacity:0;translate:0 46px;rotate:0deg;scale:.86}}@keyframes peanut-in{0%{opacity:0;scale:.4}}@keyframes bob{50%{translate:0 -9px}}.is-fresh .rhero{animation:pop .85s var(--spring) both}@keyframes pop{0%{transform:scale(.55) rotate(-8deg)}60%{transform:scale(1.04) rotate(1.5deg)}to{transform:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.scroll-bar{display:block;position:fixed;left:0;right:0;top:var(--top-h);z-index:29;height:5px;background:var(--coral);border-bottom:1.5px solid var(--ink);transform-origin:0 50%;animation:grow linear both;animation-timeline:scroll(root)}.hero-art{animation:drift linear both;animation-timeline:scroll(root);animation-range:0 90vh}.scard{animation:scard-in linear both;animation-timeline:view();animation-range:entry 0% entry 70%}.scard .demo{animation:demo-in linear both;animation-timeline:view();animation-range:entry 10% cover 34%}}}@keyframes grow{0%{transform:scaleX(0)}}@keyframes drift{to{transform:translateY(-46px) rotate(-3deg)}}@keyframes scard-in{0%{scale:.88;rotate:-2deg}}@keyframes demo-in{0%{rotate:-8deg;translate:0 44px;scale:.92}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}html.js [data-reveal]{opacity:1;translate:none;scale:none}html.js [data-reveal] .stat-fill{transform:none}.marquee-track,.marquee-track.run{animation:none}}@media(min-width:560px){.rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.tcards--two{grid-template-columns:1fr 1fr}.choice-grid{grid-template-columns:1fr 1fr 1fr}}@media(min-width:900px){:root{--gut: 28px;--top-h: 68px}.logo{font-size:1.75rem}.logo-mark{width:30px}.hero-in{grid-template-columns:1.05fr .95fr;gap:44px;padding-block:64px 88px}.hero-art{max-width:500px}.hero-sub{font-size:1.15rem}.sec{padding-block:72px}.bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;grid-auto-flow:dense}.tile--big{grid-column:span 2;grid-row:span 2}.tile--big .tile-art{aspect-ratio:auto;flex:1;min-height:0}.tile--big .tile-body{flex:none}.tile--big .tile-body h3{font-size:1.35rem}.cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.bento--two{grid-template-columns:repeat(2,minmax(0,1fr))}.scard{grid-template-columns:1fr 1fr;align-items:center;align-content:center;gap:40px;padding:44px 48px;min-height:400px}.rcard{flex-basis:270px}}