:root{--color-paper: oklch(97.6% .014 85);--color-paper-2: oklch(94.4% .026 88);--color-card: oklch(99.4% .004 85);--color-ink: oklch(21% .014 60);--color-ink-2: oklch(38% .014 60);--color-muted: oklch(50% .012 60);--color-rule: oklch(84% .02 80);--color-accent: oklch(90.5% .185 102);--color-accent-soft: oklch(95.6% .085 100);--color-pop: oklch(55% .21 20);--color-pop-soft: oklch(94.5% .035 18);--color-on-pop: oklch(99% .006 18);--color-kakao: oklch(91.8% .19 101);--color-kakao-ink: oklch(25% .04 35);--color-focus: var(--color-ink);--font-display: "Black Han Sans", "Pretendard Variable", "Pretendard", sans-serif;--font-body: "Pretendard Variable", "Pretendard", system-ui, -apple-system, "Apple SD Gothic Neo", sans-serif;--text-2xs: .6875rem;--text-xs: .8125rem;--text-sm: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: clamp(1.625rem, 1.3rem + 1.4vw, 2.125rem);--text-3xl: clamp(2.125rem, 1.5rem + 3vw, 3.25rem);--text-display: clamp(2.75rem, 1.7rem + 5vw, 4.75rem);--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4.5rem;--space-3xl: 7rem;--page-gutter: 1rem;--page-max: 64rem;--read-max: 36rem;--line: 2.5px;--line-thin: 2px;--shadow-sticker: 4px 4px 0 0 var(--color-ink);--shadow-sticker-sm: 3px 3px 0 0 var(--color-ink);--shadow-sticker-lift: 6px 6px 0 0 var(--color-ink);--shadow-sticker-press: 1px 1px 0 0 var(--color-ink);--radius-card: 18px;--radius-panel: 22px;--radius-row: 14px;--radius-btn: 16px;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-press: cubic-bezier(.2, .7, .3, 1);--dur-press: 70ms;--dur-short: .14s;--dur-med: .24s}@media (min-width: 768px){:root{--page-gutter: 2rem}}@keyframes foot-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Pretendard Variable,Pretendard,system-ui,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5rem}html,body{overflow-x:clip}body{font-family:Pretendard Variable,Pretendard,system-ui,-apple-system,Apple SD Gothic Neo,sans-serif;background:#faf7f0;background:var(--color-paper);color:var(--color-ink);min-height:100vh;word-break:keep-all;overflow-wrap:anywhere}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.hl{background-image:linear-gradient(var(--color-accent) 0 0);background-repeat:no-repeat;background-size:100% .42em;background-position:0 90%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.06em}.fine{color:var(--color-muted);font-size:var(--text-2xs);line-height:1.6;text-align:center}.link-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 .25rem;border:0;background:none;color:var(--color-ink-2);font-weight:700;font-size:var(--text-sm);cursor:pointer;text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:.3em;text-underline-offset:-.08em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;transition:color var(--dur-short) var(--ease-out)}.link-btn:hover{color:var(--color-ink)}.\!chip{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0 1rem!important;border:var(--line-thin) solid var(--color-ink)!important;border-radius:var(--radius-pill)!important;background:var(--color-card)!important;color:var(--color-ink)!important;font-size:var(--text-sm)!important;font-weight:800!important;white-space:nowrap!important;text-decoration:none!important;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-press)!important}.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border:var(--line-thin) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-card);color:var(--color-ink);font-size:var(--text-sm);font-weight:800;white-space:nowrap;text-decoration:none;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-press)}@media (hover: hover){.\!chip:hover{background:var(--color-accent-soft)!important}.chip:hover{background:var(--color-accent-soft)}}.\!chip:active{transform:translateY(2px)!important}.chip:active{transform:translateY(2px)}.chip[aria-current=page],.chip[aria-current=true]{background:var(--color-ink);color:var(--color-accent)}.\!chip[aria-current=page],.\!chip[aria-current=true]{background:var(--color-ink)!important;color:var(--color-accent)!important}.chip-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.slab{position:sticky;top:0;z-index:30;background:var(--color-paper);border-bottom:var(--line) solid var(--color-ink)}.slab__inner{display:flex;align-items:center;gap:var(--space-sm);max-width:var(--page-max);min-height:60px;margin-inline:auto;padding:.5rem var(--page-gutter)}.slab-mark{display:inline-flex;align-items:center;gap:.08em;font-family:var(--font-display);font-size:1.625rem;line-height:1;letter-spacing:-.01em;color:var(--color-ink);text-decoration:none;white-space:nowrap}.slab-mark__sticker{display:inline-grid;place-items:center;padding:.12em .16em .06em;border:var(--line-thin) solid var(--color-ink);border-radius:10px;background:var(--color-accent);box-shadow:2px 2px 0 0 var(--color-ink);transform:rotate(-7deg);transition:transform var(--dur-med) var(--ease-out)}@media (hover: hover){.slab-mark:hover .slab-mark__sticker{transform:rotate(5deg) translateY(-1px)}}.slab__spacer{flex:1}.slab-link{display:inline-flex;align-items:center;min-height:44px;padding:0 .25rem;font-size:var(--text-sm);font-weight:800;color:var(--color-ink);text-decoration:none;white-space:nowrap}.slab-link:hover{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:.3em;text-underline-offset:-.08em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.search-field{position:relative;display:block;width:100%}.search-field svg{position:absolute;left:.85rem;top:50%;width:1.1rem;height:1.1rem;transform:translateY(-50%);pointer-events:none}.search-field input{width:100%;min-height:46px;padding:0 1rem 0 2.6rem;border:var(--line-thin) solid var(--color-ink);border-radius:12px;background:var(--color-card);color:var(--color-ink);font-size:var(--text-sm);font-weight:700;transition:box-shadow var(--dur-short) var(--ease-out);-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-field input::-moz-placeholder{color:var(--color-muted);font-weight:600}.search-field input::placeholder{color:var(--color-muted);font-weight:600}.search-field input:focus{outline:none;box-shadow:var(--shadow-sticker-sm)}.search-field input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.slab-search{display:none;width:min(22rem,40vw)}.search-toggle{display:inline-grid;place-items:center;width:46px;height:46px;border:var(--line-thin) solid var(--color-ink);border-radius:12px;background:var(--color-card);color:var(--color-ink);cursor:pointer;box-shadow:var(--shadow-sticker-press);transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-press)}.search-toggle:active{transform:translateY(1px)}.search-toggle[aria-expanded=true]{background:var(--color-accent)}.search-toggle svg{width:1.25rem;height:1.25rem}.search-drawer{padding:0 var(--page-gutter) .75rem}@media (min-width: 768px){.slab-search{display:block}.search-toggle,.search-drawer{display:none!important}}.shell{max-width:var(--page-max);margin-inline:auto}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-sm);padding-inline:var(--page-gutter)}.sec-title{min-width:0;font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);line-height:1.2;letter-spacing:-.005em;overflow-wrap:anywhere;text-wrap:balance}.sec-sub{margin-top:.2rem;color:var(--color-muted);font-size:var(--text-xs);font-weight:600}.sec-link{display:inline-flex;align-items:flex-end;flex-shrink:0;min-height:44px;padding-bottom:.2rem;font-size:var(--text-xs);font-weight:800;color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:.34em;text-underline-offset:-.1em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;white-space:nowrap}.rail-wrap{position:relative}.\!rail{display:flex!important;gap:.875rem!important;margin:0!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important;scroll-padding-inline:var(--page-gutter)!important;padding:1rem var(--page-gutter) .875rem!important;list-style:none!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}.rail{display:flex;gap:.875rem;margin:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--page-gutter);padding:1rem var(--page-gutter) .875rem;list-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.\!rail::-webkit-scrollbar{display:none!important}.rail::-webkit-scrollbar{display:none}.\!rail>*{flex:0 0 clamp(9.75rem,41vw,12.5rem)!important;scroll-snap-align:start!important}.rail>*{flex:0 0 clamp(9.75rem,41vw,12.5rem);scroll-snap-align:start}.rail-arrow{position:absolute;top:38%;z-index:5;display:none;width:44px;height:44px;place-items:center;border:var(--line-thin) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-card);color:var(--color-ink);box-shadow:var(--shadow-sticker-sm);cursor:pointer;transition:transform var(--dur-short) var(--ease-press),box-shadow var(--dur-short) var(--ease-press),opacity var(--dur-short) var(--ease-out)}.rail-arrow:active{transform:translate(2px,2px);box-shadow:var(--shadow-sticker-press)}.rail-arrow[disabled]{opacity:0;pointer-events:none}.rail-arrow svg{width:1.1rem;height:1.1rem}.rail-arrow--prev{left:calc(var(--page-gutter) - .5rem)}.rail-arrow--next{right:calc(var(--page-gutter) - .5rem)}@media (hover: hover) and (min-width: 768px){.rail-arrow{display:grid}}.stk-card{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;border:var(--line) solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-card);color:var(--color-ink);text-decoration:none;box-shadow:var(--shadow-sticker);transition:transform var(--dur-short) var(--ease-press),box-shadow var(--dur-short) var(--ease-press)}@media (hover: hover){.stk-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sticker-lift)}}.stk-card:active{transform:translate(3px,3px);box-shadow:var(--shadow-sticker-press);transition-duration:var(--dur-press)}.stk-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.stk-thumb{display:block;aspect-ratio:2 / 3;overflow:hidden;border-bottom:var(--line) solid var(--color-ink);border-radius:calc(var(--radius-card) - var(--line)) calc(var(--radius-card) - var(--line)) 0 0;background:var(--color-paper-2)}.stk-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.stk-thumb--emoji{display:grid;place-items:center;font-size:3.5rem}.stk-body{display:flex;flex:1;flex-direction:column;gap:.2rem;padding:.6rem .75rem .75rem}.stk-cat{color:var(--color-ink-2);font-size:var(--text-2xs);font-weight:800;letter-spacing:.02em}.stk-title{display:-webkit-box;overflow:hidden;font-size:var(--text-sm);font-weight:800;line-height:1.35;letter-spacing:-.012em;-webkit-line-clamp:3;-webkit-box-orient:vertical}.stk-meta{margin-top:auto;padding-top:.2rem;color:var(--color-muted);font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums}.badge{position:absolute;top:-11px;left:-8px;z-index:2;padding:.42em .6em .34em;border:var(--line-thin) solid var(--color-ink);border-radius:8px;font-family:var(--font-display);font-size:.8125rem;line-height:1;letter-spacing:.05em;box-shadow:2px 2px 0 0 var(--color-ink);transform:rotate(-8deg)}.badge--new{background:var(--color-accent);color:var(--color-ink)}.badge--hot{background:var(--color-pop);color:var(--color-on-pop)}.row-card{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:76px;padding:.5rem .875rem .5rem .5rem;border:var(--line-thin) solid var(--color-ink);border-radius:var(--radius-row);background:var(--color-card);color:var(--color-ink);text-decoration:none;box-shadow:var(--shadow-sticker-sm);transition:transform var(--dur-short) var(--ease-press),box-shadow var(--dur-short) var(--ease-press)}.row-card--ranked{grid-template-columns:2.25rem 3.5rem minmax(0,1fr) auto}@media (hover: hover){.row-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sticker)}}.row-card:active{transform:translate(2px,2px);box-shadow:var(--shadow-sticker-press);transition-duration:var(--dur-press)}.row-card__rank{font-family:var(--font-display);font-size:2.125rem;line-height:1;text-align:center}.row-card__thumb{display:grid;place-items:center;width:3.5rem;aspect-ratio:1;overflow:hidden;border:var(--line-thin) solid var(--color-ink);border-radius:10px;background:var(--color-paper-2);font-size:1.75rem}.row-card__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 42%;object-position:center 42%}.row-card__text{display:flex;min-width:0;flex-direction:column;gap:.1rem}.row-card__title{display:-webkit-box;overflow:hidden;font-size:var(--text-sm);font-weight:800;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.row-card__meta{color:var(--color-muted);font-size:var(--text-xs);font-weight:600}.row-card__go{width:1.1rem;height:1.1rem;color:var(--color-ink-2)}.foot{margin-top:var(--space-2xl);border-top:var(--line) solid var(--color-ink);background:var(--color-paper-2)}.foot-marquee{overflow:hidden;border-bottom:var(--line) solid var(--color-ink);background:var(--color-accent)}.foot-marquee__track{display:flex;width:-moz-max-content;width:max-content;gap:var(--space-xl);padding-block:.8rem;white-space:nowrap;animation:foot-marquee 36s linear infinite}.foot-marquee:hover .foot-marquee__track{animation-play-state:paused}.foot-marquee__track span{font-family:var(--font-display);font-size:clamp(1.125rem,2.5vw,1.5rem);line-height:1}.foot__inner{display:grid;gap:var(--space-sm);max-width:var(--page-max);margin-inline:auto;padding:var(--space-lg) var(--page-gutter) var(--space-xl);color:var(--color-ink-2);font-size:var(--text-xs)}.foot__links{display:flex;flex-wrap:wrap;gap:0 1rem;margin:0;padding:0;list-style:none}.foot__links a{display:inline-flex;align-items:center;min-height:36px;font-weight:700;text-decoration:none;white-space:nowrap}.foot__links a:hover{color:var(--color-ink);text-decoration:underline}.foot__links--cats a{color:var(--color-ink);font-size:var(--text-sm);font-weight:800}.foot__inner a[href^=mailto]{text-decoration:underline}.cat-strip{border-bottom:var(--line-thin) solid var(--color-ink);background:var(--color-paper)}.cat-strip__list{display:flex;gap:.5rem;max-width:var(--page-max);margin:0 auto;padding:.625rem var(--page-gutter);overflow-x:auto;list-style:none;scrollbar-width:none}.cat-strip__list::-webkit-scrollbar{display:none}.lede{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;max-width:var(--page-max);margin:var(--space-sm) auto var(--space-xs);padding-inline:var(--page-gutter)}.lede__line{font-size:var(--text-lg);font-weight:800;line-height:1.4;letter-spacing:-.02em}.lede__count{color:var(--color-ink-2);font-size:var(--text-xs);font-weight:700}.lede__count b{font-family:var(--font-display);font-weight:400;font-size:var(--text-md);color:var(--color-ink)}.top-board{max-width:var(--page-max);margin:0 auto var(--space-lg)}.top-board .sec-head{margin-bottom:var(--space-md)}.top-grid{display:grid;gap:var(--space-lg);padding-inline:var(--page-gutter)}@media (min-width: 768px){.top-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:var(--space-xl)}}.rank-list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.feature{position:relative;display:block;color:var(--color-ink);text-decoration:none;transform:rotate(-1.2deg)}.feature__frame{display:block;overflow:hidden;border:3px solid var(--color-ink);border-radius:var(--radius-panel);background:var(--color-card);box-shadow:6px 6px 0 0 var(--color-ink);transition:transform var(--dur-short) var(--ease-press),box-shadow var(--dur-short) var(--ease-press)}@media (hover: hover){.feature:hover .feature__frame{transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--color-ink)}}.feature:active .feature__frame{transform:translate(4px,4px);box-shadow:2px 2px 0 0 var(--color-ink);transition-duration:var(--dur-press)}.feature:focus-visible{outline:none}.feature:focus-visible .feature__frame{outline:3px solid var(--color-focus);outline-offset:4px}.feature__img,.feature__title,.feature__meta{display:block}.feature__img{aspect-ratio:1 / 1;overflow:hidden;border-bottom:3px solid var(--color-ink);background:var(--color-paper-2)}@media (min-width: 768px){.feature__img{aspect-ratio:4 / 5}}.feature__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.feature__img--emoji{display:grid;place-items:center;font-size:6rem}.feature__rank{position:absolute;top:-16px;left:-8px;z-index:2;padding:.3em .55em .22em;border:var(--line) solid var(--color-ink);border-radius:12px;background:var(--color-pop);color:var(--color-on-pop);font-family:var(--font-display);font-size:1.5rem;line-height:1;box-shadow:3px 3px 0 0 var(--color-ink);transform:rotate(-9deg)}.feature__cap{display:grid;gap:.75rem;padding:.875rem 1rem 1rem}.feature__title{font-size:var(--text-lg);font-weight:800;line-height:1.35;letter-spacing:-.02em}.feature__meta{margin-top:.1rem;color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.row-sec{margin-block:var(--space-lg)}.row-sec .sec-head{margin-bottom:.25rem}.row-sec--band{padding-block:var(--space-md) var(--space-xs);border-block:var(--line) solid var(--color-ink);background:var(--color-paper-2)}.row-list{display:grid;gap:.75rem;margin:0;padding:.75rem var(--page-gutter) .25rem;list-style:none}@media (min-width: 640px){.row-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.row-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.row-ad{display:flex;justify-content:center;margin-block:var(--space-md)}.search-results{max-width:var(--page-max);margin:var(--space-md) auto}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.125rem .875rem;margin:0;padding:1rem var(--page-gutter) 0;list-style:none}@media (min-width: 768px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.empty{padding:var(--space-xl) var(--page-gutter);color:var(--color-ink-2);font-weight:700;text-align:center}.about{display:grid;gap:var(--space-sm);max-width:var(--page-max);margin:var(--space-2xl) auto 0;padding-inline:var(--page-gutter)}.about__title{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);line-height:1.2}.about__body{max-width:var(--read-max);color:var(--color-ink-2);font-size:var(--text-sm)}.data-note{margin-top:var(--space-md);color:var(--color-muted);font-size:var(--text-2xs);text-align:center}.hub-head{display:grid;gap:var(--space-xs);max-width:var(--page-max);margin:var(--space-md) auto var(--space-sm);padding-inline:var(--page-gutter)}.hub-crumbs{display:flex;align-items:center;gap:.4rem;color:var(--color-ink-2);font-size:var(--text-xs);font-weight:700}.hub-crumbs a{display:inline-flex;align-items:center;min-height:32px;text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:.3em;text-underline-offset:-.08em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.hub-title{font-family:var(--font-display);font-weight:400;font-size:var(--text-3xl);line-height:1.1;text-wrap:balance;overflow-wrap:anywhere;min-width:0}.hub-intro{max-width:var(--read-max);color:var(--color-ink-2);font-size:var(--text-sm);white-space:pre-line}.hub-count{color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.hub-more{display:grid;gap:var(--space-sm);max-width:var(--page-max);margin:var(--space-2xl) auto 0;padding:var(--space-lg) var(--page-gutter) 0;border-top:var(--line) solid var(--color-ink)}.test-main{max-width:40rem;margin:0 auto;padding:var(--space-md) var(--page-gutter) 0}.test-main--wide{max-width:64rem}.screen-narrow{max-width:40rem;margin-inline:auto}.block-title{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--space-sm);font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);line-height:1.2}.count-sticker{padding:.25em .5em .2em;border:var(--line-thin) solid var(--color-ink);border-radius:8px;background:var(--color-accent);font-size:var(--text-sm);line-height:1;transform:rotate(-4deg)}.intro-grid{display:grid;gap:var(--space-md)}@media (min-width: 820px){.intro-grid{grid-template-columns:minmax(0,24rem) minmax(0,1fr);align-items:center;gap:var(--space-xl)}}.intro-art{position:relative;overflow:hidden;margin:0;border:3px solid var(--color-ink);border-radius:var(--radius-panel);background:var(--color-paper-2);box-shadow:6px 6px 0 0 var(--color-ink)}.intro-art img{width:100%;aspect-ratio:4 / 5;-o-object-fit:cover;object-fit:cover}@media (min-width: 820px){.intro-art img{aspect-ratio:2 / 3}}.intro-art--emoji{display:grid;place-items:center;aspect-ratio:4 / 5;font-size:6rem}.ref-badge{position:absolute;top:.75rem;left:.75rem;z-index:2;max-width:calc(100% - 1.5rem);padding:.5rem .8rem;border:var(--line-thin) solid var(--color-ink);border-radius:12px;background:var(--color-ink);color:var(--color-accent);font-size:var(--text-sm);font-weight:800;line-height:1.4;box-shadow:3px 3px 0 0 var(--color-card)}.intro-info{display:grid;gap:var(--space-sm)}.intro-kicker{justify-self:start;padding:.3em .7em;border:var(--line-thin) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-card);font-size:var(--text-xs);font-weight:800;line-height:1.3}.intro-title{min-width:0;font-family:var(--font-display);font-size:var(--text-3xl);line-height:1.12;letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere}.intro-summary{color:var(--color-ink-2);font-size:var(--text-sm)}.meta-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 var(--space-2xs);padding:0;list-style:none}.meta-chips li{padding:.35rem .75rem;border:var(--line-thin) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-card);font-size:var(--text-xs);font-weight:700}.meta-chips b{font-weight:900}.intro-hint{color:var(--color-muted);font-size:var(--text-xs);font-weight:600;text-align:center}.intro-more{display:grid;gap:var(--space-xl);margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:var(--line) solid var(--color-ink)}.intro-more .prose{max-width:var(--read-max);color:var(--color-ink-2);font-size:var(--text-sm);white-space:pre-line}.type-grid{display:grid;gap:.625rem;margin:0;padding:0;list-style:none}@media (min-width: 640px){.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.type-card{display:grid;grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:64px;padding:.45rem .75rem .45rem .45rem;border:var(--line-thin) solid var(--color-ink);border-radius:var(--radius-row);background:var(--color-card);color:var(--color-ink);text-decoration:none;box-shadow:var(--shadow-sticker-press);transition:transform var(--dur-short) var(--ease-press),box-shadow var(--dur-short) var(--ease-press)}@media (hover: hover){.type-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sticker-sm)}}.type-card__img{display:grid;place-items:center;width:3rem;aspect-ratio:1;overflow:hidden;border:var(--line-thin) solid var(--color-ink);border-radius:999px;background:var(--color-accent-soft);font-size:1.4rem}.type-card__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 30%;object-position:center 30%}.type-card__name{display:block;font-size:var(--text-sm);font-weight:800;line-height:1.3}.type-card__tag{display:block;color:var(--color-muted);font-size:var(--text-xs);line-height:1.4}.qprev{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.qprev>li{padding:.875rem 1rem;border:var(--line-thin) dashed var(--color-ink);border-radius:var(--radius-row)}.qprev__q{font-size:var(--text-sm);font-weight:800;line-height:1.45}.qprev__a{margin:.4rem 0 0;padding-left:1rem;color:var(--color-ink-2);font-size:var(--text-xs);list-style:disc}.qprev-more{margin-top:.5rem;color:var(--color-muted);font-size:var(--text-xs);font-weight:600}.quiz-head{display:grid;gap:.625rem;margin-bottom:var(--space-md)}.quiz-count{display:flex;align-items:baseline;gap:.2rem;font-family:var(--font-display);font-size:var(--text-2xl);line-height:1}.quiz-count__q,.quiz-count__of{color:var(--color-muted);font-size:.6em}.quiz-steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;margin:0;padding:0;list-style:none}.quiz-steps li{height:12px;border:var(--line-thin) solid var(--color-ink);border-radius:4px;background:var(--color-card);transition:background-color var(--dur-med) var(--ease-out)}.quiz-steps li.is-done{background:var(--color-accent)}.quiz-steps li.is-now{background:var(--color-ink)}.q-card{padding:var(--space-md) var(--space-sm) var(--space-sm);border:3px solid var(--color-ink);border-radius:var(--radius-panel);background:var(--color-card);box-shadow:6px 6px 0 0 var(--color-ink)}@media (min-width: 640px){.q-card{padding:var(--space-lg)}}.q-text{font-size:var(--text-xl);font-weight:900;line-height:1.42;letter-spacing:-.025em;text-wrap:pretty}.q-text:focus{outline:none}.answers{display:grid;gap:.75rem;margin-top:var(--space-md)}.answer{display:grid;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;gap:.75rem;width:100%;min-height:64px;padding:.7rem 1rem .7rem .7rem;border:var(--line-thin) solid var(--color-ink);border-radius:var(--radius-btn);background:var(--color-paper);color:var(--color-ink);text-align:left;font-size:var(--text-md);font-weight:700;line-height:1.45;cursor:pointer;box-shadow:var(--shadow-sticker-sm);transition:transform var(--dur-short) var(--ease-press),box-shadow var(--dur-short) var(--ease-press),background-color var(--dur-short) var(--ease-out)}@media (hover: hover){.answer:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sticker)}}.answer:active,.answer.is-picked{transform:translate(3px,3px);box-shadow:var(--shadow-sticker-press);background:var(--color-accent);transition-duration:var(--dur-press)}.answer:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.answer[disabled]{cursor:default}.answer__key{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;background:var(--color-ink);color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-md);line-height:1}.pick-card{position:relative;display:flex;min-height:200px;flex-direction:column;justify-content:flex-end;overflow:hidden;border:3px solid var(--color-ink);border-radius:var(--radius-panel);background:var(--color-card);text-align:center;box-shadow:var(--shadow-sticker);cursor:pointer;transition:transform var(--dur-short) var(--ease-press),box-shadow var(--dur-short) var(--ease-press)}@media (min-width: 640px){.pick-card{min-height:260px}}@media (hover: hover){.pick-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sticker-lift)}}.pick-card:active{transform:translate(3px,3px);box-shadow:var(--shadow-sticker-press)}.round-pill{display:inline-block;padding:.3rem .9rem;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-md)}.tour-bar{height:12px;overflow:hidden;border:var(--line-thin) solid var(--color-ink);border-radius:4px;background:var(--color-card)}.tour-bar>div{height:100%;background:var(--color-accent)}.pct-input{flex:1;min-width:0;padding:.75rem 1rem;border:var(--line-thin) solid var(--color-ink);border-radius:12px;background:var(--color-paper);color:var(--color-ink);font-size:var(--text-2xl);font-weight:800}.pct-input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.res-card{position:relative;overflow:hidden;border:3px solid var(--color-ink);border-radius:var(--radius-panel);background:var(--color-card);box-shadow:6px 6px 0 0 var(--color-ink)}.res-tape{padding:.55rem 1rem;border-bottom:3px solid var(--color-ink);background:var(--color-ink);color:var(--color-accent);font-size:var(--text-xs);font-weight:800;letter-spacing:.01em;text-align:center}.res-art{margin:0;border-bottom:3px solid var(--color-ink);background:var(--color-paper-2)}.res-art img{width:100%;aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover;-o-object-position:center 30%;object-position:center 30%}@media (min-width: 640px){.res-art img{aspect-ratio:5 / 4}}.res-art--emoji{display:grid;place-items:center;min-height:14rem;font-size:6.5rem;line-height:1}.res-cap{position:relative;display:grid;justify-items:center;gap:.4rem;padding:var(--space-md) var(--space-sm);text-align:center}.res-rarity{position:absolute;top:-20px;right:14px;z-index:2;padding:.45em .75em;border:var(--line-thin) solid var(--color-ink);border-radius:10px;background:var(--color-pop);color:var(--color-on-pop);font-size:var(--text-xs);font-weight:900;box-shadow:2px 2px 0 0 var(--color-ink);transform:rotate(3deg)}.res-name{min-width:0;font-family:var(--font-display);font-weight:400;font-size:var(--text-display);line-height:1.05;letter-spacing:-.01em;overflow-wrap:anywhere}.res-tagline{max-width:24em;font-size:var(--text-md);font-weight:800;line-height:1.45;text-wrap:balance}.res-desc{margin-top:var(--space-lg)}.res-desc p{color:var(--color-ink-2);white-space:pre-line}.res-desc p+p{margin-top:.9em}.res-desc p:first-child{color:var(--color-ink);font-size:var(--text-lg);font-weight:800;line-height:1.55;letter-spacing:-.02em}.traits{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem .5rem;margin-top:var(--space-xl)}.trait{padding:.4rem .8rem;border:var(--line-thin) solid var(--color-ink);border-radius:10px;background:var(--color-card);font-size:var(--text-sm);font-weight:800;box-shadow:2px 2px 0 0 var(--color-ink)}.trait:nth-child(odd){transform:rotate(-2.5deg)}.trait:nth-child(2n){transform:rotate(2deg)}.trait:nth-child(3n){background:var(--color-accent)}.vibes{display:grid;gap:var(--space-md);margin-top:var(--space-xl)}.\!vibe{position:relative!important;padding:var(--space-md) var(--space-sm) var(--space-sm)!important;border:var(--line) solid var(--color-ink)!important;border-radius:var(--radius-card)!important;background:var(--color-card)!important}.vibe{position:relative;padding:var(--space-md) var(--space-sm) var(--space-sm);border:var(--line) solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-card)}@media (min-width: 640px){.\!vibe{padding:var(--space-md)!important}.vibe{padding:var(--space-md)}}.vibe__label{margin-bottom:.6rem;font-family:var(--font-display);font-weight:400;font-size:var(--text-lg);line-height:1.2}.vibe__body{font-size:var(--text-sm);line-height:1.75;white-space:pre-line}.vibe--charm{background:var(--color-accent-soft);box-shadow:var(--shadow-sticker)}.vibe--trap{overflow:hidden;padding-top:calc(var(--space-md) + 14px)}.vibe--trap:before{content:"";position:absolute;inset:0 0 auto;height:14px;border-bottom:var(--line-thin) solid var(--color-ink);background:repeating-linear-gradient(-45deg,var(--color-accent) 0 12px,var(--color-ink) 12px 24px)}.vibe-pair{display:grid;gap:var(--space-md)}@media (min-width: 640px){.vibe-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.vibe__tag{display:inline-block;margin-bottom:.5rem;padding:.25em .55em .2em;border:var(--line-thin) solid var(--color-ink);border-radius:6px;font-family:var(--font-display);font-size:var(--text-xs);line-height:1}.vibe--match .vibe__tag{background:var(--color-accent)}.vibe--clash{background:var(--color-pop-soft)}.vibe--clash .vibe__tag{background:var(--color-pop);color:var(--color-on-pop)}.vibe__who{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.vibe__avatar{display:grid;place-items:center;width:3rem;aspect-ratio:1;flex-shrink:0;overflow:hidden;border:var(--line-thin) solid var(--color-ink);border-radius:999px;background:var(--color-paper-2);font-size:1.4rem}.vibe__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 30%;object-position:center 30%}.vibe__whoname{font-size:var(--text-md);font-weight:900}.vibe__locked{position:relative;min-height:12rem;overflow:hidden;border-radius:12px}.vibe__locked .vibe__blur{filter:blur(7px);-moz-user-select:none;user-select:none;-webkit-user-select:none;pointer-events:none}.vibe__lock{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.6rem;padding:var(--space-sm);text-align:center}.vibe__lock-line{font-size:var(--text-md);font-weight:900;line-height:1.45}.vibe__lock-sub{color:var(--color-ink-2);font-size:var(--text-sm);font-weight:700}.vibe--quote{margin-bottom:16px;border-radius:var(--radius-panel)}.vibe--quote:after{content:"";position:absolute;left:2.25rem;bottom:-16px;width:26px;height:16px;background:var(--color-ink);clip-path:polygon(0 0,100% 0,18% 100%)}.vibe--quote .vibe__body{font-size:var(--text-lg);font-weight:900;line-height:1.5;letter-spacing:-.02em}.share-block{display:grid;justify-items:center;gap:.75rem;margin-top:var(--space-xl);padding:var(--space-lg) var(--space-sm) var(--space-md);border:3px solid var(--color-ink);border-radius:var(--radius-panel);background:var(--color-accent);text-align:center}.share-block__title{font-family:var(--font-display);font-weight:400;font-size:var(--text-2xl);line-height:1.2;text-wrap:balance;overflow-wrap:anywhere;min-width:0}.share-block__sub{margin-top:-.4rem;color:var(--color-ink-2);font-size:var(--text-sm);font-weight:700;text-wrap:balance}.share-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%}.share-row .btn{padding-inline:.4rem}.share-row .\!btn{padding-inline:.4rem!important}.share-block .link-btn{text-decoration-color:var(--color-card)}.ref-card{margin-top:var(--space-md);padding:var(--space-sm);border:var(--line-thin) solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-sticker-sm)}.ref-card__label{margin-bottom:.5rem;font-family:var(--font-display);font-size:var(--text-sm)}.ref-card__row{display:flex;align-items:center;gap:.75rem}.ref-card__emoji{flex-shrink:0;font-size:1.9rem}.ref-card__title{font-size:var(--text-sm);font-weight:900}.ref-card__tag{color:var(--color-muted);font-size:var(--text-xs)}.ref-card__chem{margin-top:.6rem;padding:.5rem .75rem;border-radius:10px;background:var(--color-accent-soft);font-size:var(--text-xs);line-height:1.6;white-space:pre-line}.recs{margin-top:var(--space-xl)}.recs__list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.res-ads{display:grid;gap:var(--space-sm);margin-top:var(--space-xl)}.share-dock{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;max-width:40rem;margin-inline:auto;padding:.625rem var(--page-gutter) calc(.75rem + env(safe-area-inset-bottom));border-top:var(--line) solid var(--color-ink);background:var(--color-paper);transform:translateY(110%);visibility:hidden;transition:transform var(--dur-med) var(--ease-out),visibility 0s linear var(--dur-med)}.share-dock.is-shown{transform:translateY(0);visibility:visible;transition-delay:0s}@media (min-width: 640px){.share-dock{bottom:1rem;padding-bottom:.625rem;border:var(--line) solid var(--color-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-sticker)}.share-dock:not(.is-shown){transform:translateY(calc(100% + 2rem))}}.share-dock .btn{min-height:50px}.share-dock .\!btn{min-height:50px!important}.share-dock__kakao{padding-inline:1.1rem}.dare__line{font-size:var(--text-md);font-weight:800;text-wrap:balance}.\!btn{--btn-face: var(--color-accent) !important;--btn-ink: var(--color-ink) !important;position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5em!important;min-height:52px!important;padding:.8rem 1.35rem!important;border:var(--line) solid var(--color-ink)!important;border-radius:var(--radius-btn)!important;background:var(--btn-face)!important;color:var(--btn-ink)!important;font-size:var(--text-md)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.01em!important;white-space:nowrap!important;text-decoration:none!important;cursor:pointer!important;box-shadow:var(--shadow-sticker)!important;transform:translate(0)!important;transition:transform var(--dur-short) var(--ease-press),box-shadow var(--dur-short) var(--ease-press),background-color var(--dur-short) var(--ease-out)!important;-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important}.btn{--btn-face: var(--color-accent);--btn-ink: var(--color-ink);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:52px;padding:.8rem 1.35rem;border:var(--line) solid var(--color-ink);border-radius:var(--radius-btn);background:var(--btn-face);color:var(--btn-ink);font-size:var(--text-md);font-weight:800;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-sticker);transform:translate(0);transition:transform var(--dur-short) var(--ease-press),box-shadow var(--dur-short) var(--ease-press),background-color var(--dur-short) var(--ease-out);-moz-user-select:none;user-select:none;-webkit-user-select:none}@media (hover: hover){.\!btn:hover{transform:translate(-2px,-2px)!important;box-shadow:var(--shadow-sticker-lift)!important}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sticker-lift)}}.\!btn:active{transform:translate(3px,3px)!important;box-shadow:var(--shadow-sticker-press)!important;transition-duration:var(--dur-press)!important}.btn:active{transform:translate(3px,3px);box-shadow:var(--shadow-sticker-press);transition-duration:var(--dur-press)}.\!btn:focus-visible{outline:3px solid var(--color-focus)!important;outline-offset:4px!important}.btn:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sticker-sm)}.\!btn[disabled],.\!btn[aria-disabled=true]{opacity:.55!important;cursor:not-allowed!important;transform:none!important;box-shadow:var(--shadow-sticker-sm)!important}.btn--ink{--btn-face: var(--color-ink);--btn-ink: var(--color-accent);--btn-gap: var(--color-card);box-shadow:0 0 0 2px var(--btn-gap),4px 4px 0 2px var(--color-ink)}@media (hover: hover){.btn--ink:hover{box-shadow:0 0 0 2px var(--btn-gap),6px 6px 0 2px var(--color-ink)}}.btn--ink:active{box-shadow:0 0 0 2px var(--btn-gap),1px 1px 0 2px var(--color-ink)}.btn--kakao{--btn-face: var(--color-kakao);--btn-ink: var(--color-kakao-ink)}.btn--plain{--btn-face: var(--color-card)}.btn--block{width:100%}.btn--lg{min-height:60px;font-size:var(--text-lg)}.btn--sm{min-height:44px;padding:.55rem .9rem;font-size:var(--text-sm);box-shadow:var(--shadow-sticker-sm)}.btn__arrow{transition:transform var(--dur-short) var(--ease-out)}@media (hover: hover){.\!btn:hover .btn__arrow{transform:translate(3px)!important}.btn:hover .btn__arrow{transform:translate(3px)}}.aff{display:grid;gap:.45rem;margin-top:var(--space-lg);padding:var(--space-sm);border:var(--line) solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-accent-soft);color:var(--color-ink);text-decoration:none;box-shadow:var(--shadow-sticker);transition:transform var(--dur-short) var(--ease-press),box-shadow var(--dur-short) var(--ease-press)}@media (hover: hover){.aff:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sticker-lift)}}.aff:active{transform:translate(3px,3px);box-shadow:var(--shadow-sticker-press)}.aff__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.aff__pick{padding:.3em .6em .25em;border-radius:6px;background:var(--color-ink);color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-xs);line-height:1}.aff__ad{padding:.1rem .5rem;border:1.5px solid var(--color-ink-2);border-radius:var(--radius-pill);color:var(--color-ink-2);font-size:var(--text-2xs);font-weight:800}.aff__hook{margin-top:.2rem;font-size:var(--text-xl);font-weight:900;line-height:1.3;letter-spacing:-.03em}.aff__label{color:var(--color-ink-2);font-size:var(--text-sm);font-weight:700}.aff__cta{--btn-face: var(--color-card);margin-top:.4rem}.aff-notices{margin-top:.75rem;padding:.6rem .8rem;border:1.5px dashed var(--color-rule);border-radius:10px}.aff-notices p{color:var(--color-muted);font-size:var(--text-2xs);line-height:1.55}.aff-notices p+p{margin-top:.2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-4{right:1rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-5{top:1.25rem}.z-10{z-index:10}.z-40{z-index:40}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.ml-4{margin-left:1rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[2\/3\]{aspect-ratio:2/3}.h-14{height:3.5rem}.h-2{height:.5rem}.h-5{height:1.25rem}.h-9{height:2.25rem}.h-full{height:100%}.min-h-\[50px\]{min-height:50px}.min-h-\[80px\]{min-height:80px}.w-14{width:3.5rem}.w-2{width:.5rem}.w-5{width:1.25rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-pre-line{white-space:pre-line}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-zinc-100{--tw-border-opacity: 1;border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}.border-zinc-200{--tw-border-opacity: 1;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}.bg-black\/55{background-color:#0000008c}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/85{background-color:#ffffffd9}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.bg-zinc-100{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.bg-zinc-300{--tw-bg-opacity: 1;background-color:rgb(212 212 216 / var(--tw-bg-opacity, 1))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black\/85{--tw-gradient-from: rgb(0 0 0 / .85) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-black\/25{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .25) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-black\/45{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .45) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-3{padding:.75rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pt-24{padding-top:6rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:Black Han Sans,Pretendard Variable,Pretendard,sans-serif}.text-2xl{font-size:1.625rem;line-height:1.4;letter-spacing:-.015em}.text-3xl{font-size:2rem;line-height:1.3;letter-spacing:-.02em}.text-4xl{font-size:2.5rem;line-height:1.2;letter-spacing:-.022em}.text-6xl{font-size:4rem;line-height:1.08;letter-spacing:-.028em}.text-7xl{font-size:4.75rem;line-height:1.05;letter-spacing:-.03em}.text-\[11px\]{font-size:11px}.text-base{font-size:1.0625rem;line-height:1.7;letter-spacing:-.003em}.text-lg{font-size:1.1875rem;line-height:1.65;letter-spacing:-.006em}.text-sm{font-size:.9375rem;line-height:1.6;letter-spacing:0}.text-xs{font-size:.8125rem;line-height:1.5;letter-spacing:0}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/75{color:#ffffffbf}.text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-zinc-600{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.text-zinc-700{--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.text-zinc-800{--tw-text-opacity: 1;color:rgb(39 39 42 / var(--tw-text-opacity, 1))}.text-zinc-900{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-zinc-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(228 228 231 / var(--tw-ring-opacity, 1))}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ad-slot-host{margin-top:0}.ad-slot-host:has(ins.adsbygoogle[data-ad-status=filled]){margin-top:2rem}ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}@font-face{font-family:Pretendard Variable;font-display:optional;src:local("Pretendard Variable")}@font-face{font-family:Pretendard;font-display:optional;src:local("Pretendard")}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media (hover: hover) and (pointer: fine){.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-zinc-300:hover{--tw-border-opacity: 1;border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:text-zinc-700:hover{--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.hover\:text-zinc-900:hover{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.hover\:text-zinc-950:hover{--tw-text-opacity: 1;color:rgb(9 9 11 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}@media (min-width: 640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.sm\:text-3xl{font-size:2rem;line-height:1.3;letter-spacing:-.02em}.sm\:text-7xl{font-size:4.75rem;line-height:1.05;letter-spacing:-.03em}.sm\:text-lg{font-size:1.1875rem;line-height:1.65;letter-spacing:-.006em}}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}}@media (min-width: 1280px){.xl\:block{display:block}}