:root{--color-primary: #1f5bd6;--color-primary-hover: #1849b0;--color-primary-active: #143c91;--color-primary-light: #d6e3ff;--color-primary-lighter: #eef3ff;--color-primary-tint: #e4ecfd;--color-primary-contrast: #ffffff;--color-accent-yellow: #f2b51d;--color-accent-yellow-soft: #fdf3d3;--color-accent-yellow-text: #6b4a00;--color-accent-green: #1f6f5c;--color-accent-green-bg: #e3f2ec;--color-accent-teal: #0b7f9a;--color-accent-teal-bg: #e0f2f6;--color-accent-orange: #d97706;--color-accent-orange-bg: #fff4e0;--color-accent-red: #c0352b;--color-accent-red-bg: #fdecea;--color-bg: #f6f5f1;--color-surface: #ffffff;--color-surface-muted: #f1efe9;--color-surface-sunken: #ebe8e0;--color-border: #e4e1d8;--color-border-strong: #cfcbc0;--color-ink: #0e1a33;--color-text: #1c2433;--color-heading: #0e1a33;--color-text-secondary: #4a5468;--color-text-muted: #636b7d;--color-text-on-primary: #ffffff;--color-link: var(--color-primary);--color-link-hover: var(--color-primary-hover);--color-focus-ring: var(--color-primary);--font-family-base: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans CJK JP", "Meiryo", system-ui, sans-serif;--font-family-mono: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 2.75rem;--line-height-tight: 1.35;--line-height-snug: 1.5;--line-height-normal: 1.7;--line-height-loose: 1.9;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(14, 26, 51, .05);--shadow-md: 0 1px 2px rgba(14, 26, 51, .04), 0 8px 24px -8px rgba(14, 26, 51, .12);--shadow-lg: 0 2px 4px rgba(14, 26, 51, .04), 0 24px 48px -16px rgba(14, 26, 51, .2);--shadow-focus: 0 0 0 3px color-mix(in srgb, var(--color-primary) 32%, transparent);--content-max-width: 1280px;--reading-width: 720px;--header-height: 64px;--ease-out: cubic-bezier(.22, 1, .36, 1);--transition-fast: .15s ease;--transition-base: .22s var(--ease-out);--transition-slow: .4s var(--ease-out)}