@import"https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Jua&family=Noto+Sans+KR:wght@400;500;700;900&display=swap";:root{--red-700: #8E161C;--red-600: #A81C24;--red-500: #C9252C;--red-400: #DB4A4A;--red-200: #F2C4BF;--red-100: #F8E0DB;--gold-600: #B97E1F;--gold-500: #E0A23A;--gold-300: #F0CC7E;--gold-100: #F8E9C8;--green-600: #246B41;--green-500: #2F7D4E;--green-300: #8FC09F;--green-100: #DDEBDD;--blue-600: #235B82;--blue-500: #2C6E9E;--blue-300: #8DB6D2;--blue-100: #DBE8F1;--ink-900: #1F1A16;--ink-700: #3A322B;--ink-500: #6B5F54;--ink-400: #8C7E70;--ink-300: #A89A8B;--cream-50: #FFFDF7;--cream-100: #FDF8EC;--cream-200: #FBF4E4;--cream-300: #F4E9D2;--line-400: #E0CFA8;--line-300: #ECDFC2;--white: #FFFFFF;--brand: var(--red-500);--brand-strong: var(--red-600);--brand-press: var(--red-700);--brand-tint: var(--red-100);--accent-gold: var(--gold-500);--accent-gold-tint: var(--gold-100);--bg-app: var(--cream-200);--surface-card: var(--cream-50);--surface-sunk: var(--cream-100);--surface-ink: var(--ink-900);--text-strong: var(--ink-900);--text-body: var(--ink-700);--text-muted: var(--ink-500);--text-faint: var(--ink-300);--text-on-brand: #FFF6F4;--text-on-ink: var(--cream-100);--text-on-gold: var(--ink-900);--border: var(--line-400);--border-soft: var(--line-300);--border-strong: var(--ink-900);--success: var(--green-500);--success-tint: var(--green-100);--warning: var(--gold-600);--warning-tint: var(--gold-100);--danger: var(--red-500);--danger-tint: var(--red-100);--info: var(--blue-500);--info-tint: var(--blue-100);--focus-ring: var(--gold-500)}:root{--font-display: "Black Han Sans", "Noto Sans KR", sans-serif;--font-ui: "Jua", "Noto Sans KR", sans-serif;--font-body: "Noto Sans KR", sans-serif;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--weight-black: 900;--text-3xl: 40px;--text-2xl: 32px;--text-xl: 26px;--text-lg: 21px;--text-md: 18px;--text-sm: 16px;--text-xs: 14px;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal:1.55;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .02em}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--border-width: 2px;--border-width-thick: 3px;--shadow-sm: 0 1px 2px rgba(31, 26, 22, .1);--shadow-md: 0 3px 10px rgba(31, 26, 22, .12);--shadow-lg: 0 8px 24px rgba(31, 26, 22, .16);--shadow-card: 0 4px 0 rgba(31, 26, 22, .14);--shadow-press: 0 1px 0 rgba(31, 26, 22, .18);--app-max-width: 480px;--tap-min: 56px;--header-height: 60px;--tabbar-height: 72px;--ease-snap: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .12s;--dur-med: .22s}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-body);background:var(--bg-app);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;color:var(--text-strong);line-height:var(--leading-tight);font-weight:var(--weight-regular)}p{margin:0}button{font-family:var(--font-ui)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.gs-paper{background-color:var(--cream-200);background-image:radial-gradient(rgba(31,26,22,.025) 1px,transparent 1.4px);background-size:14px 14px}html,body{margin:0;padding:0;height:100%}body{background:var(--ink-700);background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1.4px);background-size:16px 16px;font-family:var(--font-body);display:flex;justify-content:center}#root{width:100%;max-width:var(--app-max-width);min-height:100vh;background:var(--bg-app)}