@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,600;1,9..144,700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--brand-sky-50: #eafafa;--brand-sky-100: #cdf1f2;--brand-sky-200: #9ee3e5;--brand-sky-300: #6ccfd3;--brand-sky-400: #4cc0c5;--brand-sky-500: #3bb0b8;--brand-sky-600: #2a8f97;--brand-sky-700: #1f6e74;--brand-sky-800: #174e52;--brand-coral-50: var(--brand-sky-50);--brand-coral-100: var(--brand-sky-100);--brand-coral-200: var(--brand-sky-200);--brand-coral-300: var(--brand-sky-300);--brand-coral-400: var(--brand-sky-400);--brand-coral-500: var(--brand-sky-500);--brand-coral-600: var(--brand-sky-600);--brand-coral-700: var(--brand-sky-700);--brand-coral-800: var(--brand-sky-800);--ink-950: #17130f;--ink-900: #221c16;--ink-800: #362b22;--ink-700: #4f4033;--ink-600: #6b5a4a;--ink-500: #8a786a;--ink-400: #a79889;--ink-300: #c9beb0;--ink-200: #e4dbcd;--ink-100: #f0e9dd;--ink-50: #faf6ef;--cream-50: #fdfaf3;--cream-100: #faf4e8;--cream-200: #f4ebd7;--marine-400: #4b7bb8;--marine-500: #2b5a94;--marine-600: #1d4270;--play-lemon: #ffd23a;--play-mint: #47c9a2;--play-sky: #5dc2f5;--play-grape: #9a6bff;--play-pink: #ff7eb3;--play-coral: #ef6139;--play-sunset: #ff8c6a;--rarity-common: linear-gradient(135deg, #e4dbcd, #c9beb0);--rarity-rare: linear-gradient(135deg, #6ccfd3, #2a8f97);--rarity-epic: linear-gradient(135deg, #ff7eb3, #9a6bff);--rarity-legendary: linear-gradient(135deg, #ffd23a, #47c9a2, #3bb0b8, #9a6bff);--status-ongoing: var(--marine-500);--status-ongoing-bg: #dfe9f6;--status-planned: #6b4ecc;--status-planned-bg: #ece5ff;--status-completed: #14855f;--status-completed-bg: #d5efe4;--status-ended: #b32d16;--status-ended-bg: #fbdcd0;--bg-app: var(--cream-50);--bg-surface: #ffffff;--bg-surface-2: var(--cream-100);--bg-sunken: var(--ink-100);--bg-inverse: var(--ink-900);--fg-strong: var(--ink-950);--fg-default: var(--ink-800);--fg-muted: var(--ink-600);--fg-subtle: var(--ink-500);--fg-on-primary: #ffffff;--fg-on-inverse: var(--cream-50);--border-subtle: var(--ink-200);--border-default: var(--ink-300);--border-strong: var(--ink-600);--primary: var(--brand-sky-500);--primary-hover: var(--brand-sky-600);--primary-soft: var(--brand-sky-100);--primary-tint: var(--brand-sky-50);--font-serif: "Fraunces", "Noto Serif KR", Georgia, serif;--font-sans: "Plus Jakarta Sans", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 44px;--text-4xl: 60px;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.55;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-stamp: .18em;--sp-0: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--r-stamp: 50%;--shadow-xs: 0 1px 2px rgba(34, 28, 22, .06);--shadow-sm: 0 2px 8px rgba(34, 28, 22, .08);--shadow-md: 0 8px 20px rgba(34, 28, 22, .1);--shadow-lg: 0 18px 40px rgba(34, 28, 22, .14);--shadow-pop: 0 10px 24px rgba(59, 176, 184, .32);--shadow-inner: inset 0 2px 4px rgba(34, 28, 22, .08);--shadow-sticker: 0 2px 0 rgba(34, 28, 22, .12), 0 6px 14px rgba(34, 28, 22, .18);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--content-max: 420px;--touch-min: 44px}[data-theme=dark]{--bg-app: #110d09;--bg-surface: #1c1612;--bg-surface-2: #251d17;--bg-sunken: #0b0806;--bg-inverse: var(--cream-100);--fg-strong: #fbf3e4;--fg-default: #ede3d0;--fg-muted: #a89a82;--fg-subtle: #7a6e5c;--fg-on-primary: #1c1612;--fg-on-inverse: var(--ink-900);--border-subtle: #2e251e;--border-default: #3e3228;--border-strong: #6b5a4a;--primary: #5ecbd0;--primary-hover: #7dd7db;--primary-soft: rgba(94, 203, 208, .2);--primary-tint: rgba(94, 203, 208, .1);--status-ongoing-bg: rgba(75, 123, 184, .2);--status-planned-bg: rgba(154, 107, 255, .2);--status-completed-bg: rgba(71, 201, 162, .18);--status-ended-bg: rgba(239, 97, 57, .22);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .45);--shadow-md: 0 8px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 18px 40px rgba(0, 0, 0, .55);--shadow-pop: 0 10px 24px rgba(94, 203, 208, .4);--shadow-sticker: 0 2px 0 rgba(0, 0, 0, .4), 0 6px 14px rgba(0, 0, 0, .5)}