@font-face{font-family:Pretendard Variable;font-weight:400 800;font-style:normal;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/woff2/PretendardVariable.woff2) format("woff2-variations")}:root{--neutral-0: #ffffff;--neutral-50: #fafafa;--neutral-75: #f4f4f3;--neutral-100: #ededec;--neutral-150: #e4e4e2;--neutral-200: #d9d9d6;--neutral-300: #c4c4c0;--neutral-400: #a6a6a1;--neutral-500: #82827d;--neutral-600: #5f5f5a;--neutral-700: #3f3f3b;--neutral-800: #27272a;--neutral-900: #18181a;--neutral-950: #0e0e10;--teal-50: #ecf7f7;--teal-100: #d2eded;--teal-200: #a6dcdd;--teal-400: #2ba9ab;--teal-500: #0c8a8c;--teal-600: #0a7173;--teal-700: #075859;--cobalt-50: #eef2fe;--cobalt-100: #dde4fd;--cobalt-200: #b9c8fa;--cobalt-400: #5c7ff0;--cobalt-500: #2f5bea;--cobalt-600: #2447c4;--cobalt-700: #1c3a9e;--persimmon-50: #fdeee9;--persimmon-100: #fbdacf;--persimmon-400: #f3815f;--persimmon-500: #ec5a36;--persimmon-600: #cf4523;--persimmon-700: #a8351a;--amber-50: #fdf3e2;--amber-400: #eeb24a;--amber-500: #e09a16;--amber-600: #bd7f0c;--red-50: #fdecec;--red-500: #e5484d;--red-600: #c93338;--surface-canvas: var(--neutral-75);--surface-card: var(--neutral-0);--surface-raised: var(--neutral-0);--surface-sunken: var(--neutral-100);--surface-inset: var(--neutral-50);--surface-scrim: rgba(14, 14, 16, .44);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--text-meta: var(--neutral-400);--text-on-accent: #ffffff;--text-on-dark: var(--neutral-50);--border-subtle: var(--neutral-100);--border-default: var(--neutral-150);--border-strong: var(--neutral-300);--accent: var(--teal-500);--accent-hover: var(--teal-600);--accent-press: var(--teal-700);--accent-soft: var(--teal-400);--accent-tint: var(--teal-50);--accent-tint-2: var(--teal-100);--on-accent: #ffffff;--like: var(--accent);--like-tint: var(--accent-tint);--pass: var(--neutral-500);--pass-tint: var(--neutral-100);--favorite: var(--amber-500);--favorite-soft: var(--amber-400);--favorite-tint: var(--amber-50);--danger: var(--red-500);--danger-hover:var(--red-600);--danger-tint: var(--red-50);--focus-ring: color-mix(in srgb, var(--accent) 45%, transparent)}[data-accent=cobalt]{--accent: var(--cobalt-500);--accent-hover: var(--cobalt-600);--accent-press: var(--cobalt-700);--accent-soft: var(--cobalt-400);--accent-tint: var(--cobalt-50);--accent-tint-2: var(--cobalt-100)}[data-accent=persimmon]{--accent: var(--persimmon-500);--accent-hover: var(--persimmon-600);--accent-press: var(--persimmon-700);--accent-soft: var(--persimmon-400);--accent-tint: var(--persimmon-50);--accent-tint-2: var(--persimmon-100)}[data-theme=dark]{--surface-canvas: var(--neutral-950);--surface-card: #1a1a1d;--surface-raised: #232327;--surface-sunken: #131315;--surface-inset: #202023;--surface-scrim: rgba(0, 0, 0, .6);--text-primary: #f5f5f4;--text-secondary: #b6b6b1;--text-tertiary: #8a8a85;--text-meta: #6a6a66;--text-on-accent: #ffffff;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--accent: #2bb7b9;--accent-hover: #4fc9cb;--accent-press: #119799;--accent-soft: #0c8a8c;--accent-tint: rgba(43, 183, 185, .16);--accent-tint-2: rgba(43, 183, 185, .24);--pass: var(--neutral-400);--pass-tint: rgba(255, 255, 255, .08);--favorite: #eeb24a;--favorite-tint: rgba(238, 178, 74, .16);--danger-tint: rgba(229, 72, 77, .18)}[data-theme=dark][data-accent=cobalt]{--accent: #5c7ff0;--accent-hover: #7a98f4;--accent-press: #466ee8;--accent-soft: #2f5bea;--accent-tint: rgba(92, 127, 240, .16);--accent-tint-2: rgba(92, 127, 240, .24)}[data-theme=dark][data-accent=persimmon]{--accent: #f3815f;--accent-hover: #f6957a;--accent-press: #ec5a36;--accent-soft: #ec5a36;--accent-tint: rgba(243, 129, 95, .16);--accent-tint-2: rgba(243, 129, 95, .24)}:root{--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--num-tabular: "tnum" 1, "lnum" 1;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 28px;--text-2xl: 36px;--text-3xl: 48px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-heavy: 800;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.55;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .04em}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--screen-pad: 20px;--screen-max: 420px;--tap-min: 44px;--nav-height: 64px;--actionbar-height: 88px;--poster-ratio: 2 / 3;--poster-ratio-webtoon: 3 / 4}:root{--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 999px;--border-hairline: 1px;--border-thick: 2px;--shadow-xs: 0 1px 2px rgba(20, 20, 22, .05);--shadow-sm: 0 1px 2px rgba(20, 20, 22, .06), 0 1px 1px rgba(20, 20, 22, .04);--shadow-md: 0 2px 8px rgba(20, 20, 22, .07), 0 1px 2px rgba(20, 20, 22, .05);--shadow-lg: 0 8px 28px rgba(20, 20, 22, .1), 0 2px 6px rgba(20, 20, 22, .05);--shadow-card: 0 14px 44px rgba(20, 20, 22, .16), 0 3px 10px rgba(20, 20, 22, .07);--shadow-pop: 0 16px 48px rgba(20, 20, 22, .22);--ring-focus: 0 0 0 3px var(--focus-ring);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--dur-press: 40ms;--dur-fast: .14s;--dur-normal: .24s;--dur-slow: .36s}[data-theme=dark]{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 2px 10px rgba(0, 0, 0, .55);--shadow-lg: 0 10px 32px rgba(0, 0, 0, .6);--shadow-card: 0 18px 50px rgba(0, 0, 0, .66);--shadow-pop: 0 20px 56px rgba(0, 0, 0, .72)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:var(--num-tabular)}.vp-tnum{font-feature-settings:var(--num-tabular);font-variant-numeric:tabular-nums lining-nums}.vp-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}button{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--ring-focus)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}html,body{margin:0;padding:0}body{background:var(--surface-canvas)}#root{display:flex;justify-content:center;min-height:100vh;min-height:100dvh}.vp-app{position:relative;display:flex;flex-direction:column;width:100%;max-width:440px;height:100vh;height:100dvh;background:var(--surface-canvas);overflow:hidden;padding-top:env(safe-area-inset-top)}@media(min-width:600px){body{background:#e7e7e4}body:has(.vp-app[data-theme=dark]){background:#0a0a0b}#root{align-items:center;padding:24px;box-sizing:border-box}.vp-app{height:min(900px,calc(100dvh - 48px));border-radius:28px;box-shadow:0 24px 70px #14141638;padding-top:0}}