:root{--font-family-sans: "Inter", "Hiragino Kaku Gothic ProN", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-serif: "Noto Serif JP", "Hiragino Mincho ProN", Georgia, serif;--font-family-mono: "JetBrains Mono", "SF Mono", "Fira Code", Menlo, monospace;--color-bg: #ffffff;--color-bg-secondary: #fafafa;--color-bg-tertiary: #f5f5f5;--color-bg-warm: #fefdfb;--color-text: #1a1a1a;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-primary-subtle: rgba(37, 99, 235, .06);--color-accent: #f59e0b;--color-accent-light: #fef3c7;--gradient-subtle: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);--gradient-hero: linear-gradient(180deg, #ffffff 0%, #f8fafc 50%, #ffffff 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #fafafa 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--max-width: 680px;--max-width-wide: 1120px;--header-height: 72px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .03);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}@media (prefers-color-scheme: dark){:root{--color-bg: #0f0f0f;--color-bg-secondary: #171717;--color-bg-tertiary: #1f1f1f;--color-text: #fafafa;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-border: #27272a;--color-border-light: #1f1f1f;--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-primary-light: rgba(96, 165, 250, .1)}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;width:100%}body{margin:0;padding:0;font-family:var(--font-family-sans);font-size:1rem;line-height:1.75;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;width:100%}h1,h2,h3,h4,h5,h6{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);font-weight:600;line-height:1.35;letter-spacing:-.02em;color:var(--color-text)}h1{font-size:2.25rem;font-weight:700;letter-spacing:-.03em;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}h2{font-size:1.5rem;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);margin-top:var(--spacing-3xl);position:relative}h2:after{content:"";position:absolute;bottom:-1px;left:0;width:3rem;height:2px;background:var(--color-primary);border-radius:1px}h3{font-size:1.25rem}h4{font-size:1.1rem}p{margin:0 0 var(--spacing-lg);color:var(--color-text)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}strong{font-weight:600;color:var(--color-text)}:not(pre)>code{font-family:var(--font-family-mono);font-size:.875em;background:var(--color-bg-tertiary);padding:.2em .45em;border-radius:var(--radius-sm);color:var(--color-text)}pre{font-family:var(--font-family-mono);font-size:.875rem;line-height:1.65;padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-xl) 0}pre>code{background:transparent;padding:0;font-size:inherit}code{font-family:var(--font-family-mono)}pre.astro-code{border:1px solid var(--color-border)}@media (prefers-color-scheme: dark){pre.astro-code{border-color:var(--color-border)}}img{max-width:100%;height:auto;border-radius:var(--radius-md)}ul,ol{padding-left:var(--spacing-xl);margin:var(--spacing-md) 0 var(--spacing-lg)}li{margin-bottom:var(--spacing-sm)}li::marker{color:var(--color-text-tertiary)}table{width:100%;border-collapse:collapse;margin:var(--spacing-xl) 0;font-size:.925rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}th{font-weight:600;color:var(--color-text);background:var(--color-bg-secondary)}tr:last-child td{border-bottom:none}@media (max-width: 640px){th,td{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}}blockquote{margin:var(--spacing-xl) 0;padding:var(--spacing-lg) var(--spacing-xl);border-left:3px solid var(--color-primary);background:linear-gradient(135deg,var(--color-primary-subtle) 0%,var(--color-bg-secondary) 100%);border-radius:0 var(--radius-md) var(--radius-md) 0;position:relative}blockquote:before{content:'"';position:absolute;top:var(--spacing-sm);left:var(--spacing-md);font-size:3rem;font-family:Georgia,serif;color:var(--color-primary);opacity:.15;line-height:1}blockquote p{margin:0;color:var(--color-text-secondary);font-style:italic}hr{border:none;height:1px;background:var(--color-border);margin:var(--spacing-2xl) 0}::selection{background:var(--color-primary-light);color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}