:root{--color-primary: #007AFF;--color-primary-hover: #0051D0;--color-primary-pressed: #003D9F;--color-primary-disabled: rgba(0, 122, 255, .3);--color-secondary: #5856D6;--color-secondary-hover: #4B4ACF;--color-secondary-pressed: #3E3DC8;--color-success: #30D158;--color-success-hover: #28CD4F;--color-success-background: rgba(48, 209, 88, .1);--color-warning: #FF9F0A;--color-warning-hover: #FF8800;--color-warning-background: rgba(255, 159, 10, .1);--color-error: #FF3B30;--color-error-hover: #D70015;--color-error-background: rgba(255, 59, 48, .1);--color-label-primary: #000000;--color-label-secondary: rgba(60, 60, 67, .6);--color-label-tertiary: rgba(60, 60, 67, .3);--color-label-quaternary: rgba(60, 60, 67, .18);--color-label-primary-dark: #FFFFFF;--color-label-secondary-dark: rgba(235, 235, 245, .6);--color-label-tertiary-dark: rgba(235, 235, 245, .3);--color-label-quaternary-dark: rgba(235, 235, 245, .18);--color-background-primary: #FFFFFF;--color-background-secondary: #F2F2F7;--color-background-tertiary: #FFFFFF;--color-background-grouped-primary: #F2F2F7;--color-background-grouped-secondary: #FFFFFF;--color-background-grouped-tertiary: #F2F2F7;--color-fill-primary: rgba(120, 120, 128, .2);--color-fill-secondary: rgba(120, 120, 128, .16);--color-fill-tertiary: rgba(118, 118, 128, .12);--color-fill-quaternary: rgba(116, 116, 128, .08);--color-separator-opaque: #C6C6C8;--color-separator-non-opaque: rgba(60, 60, 67, .36);--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-japanese: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "メイリオ", "Meiryo", "MS PGothic", sans-serif;--font-weight-ultralight: 100;--font-weight-thin: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-heavy: 800;--font-weight-black: 900;--font-size-large-title: 34px;--font-size-title-1: 28px;--font-size-title-2: 22px;--font-size-title-3: 20px;--font-size-headline: 17px;--font-size-body: 17px;--font-size-callout: 16px;--font-size-subhead: 15px;--font-size-footnote: 13px;--font-size-caption-1: 12px;--font-size-caption-2: 11px;--line-height-large-title: 1.2;--line-height-title: 1.3;--line-height-body: 1.4;--line-height-caption: 1.2;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--radius-small: 4px;--radius-medium: 8px;--radius-large: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-small: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-medium: 0 3px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-large: 0 10px 20px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15), 0 10px 10px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--spring-bounce: cubic-bezier(.175, .885, .32, 1.275);--spring-smooth: cubic-bezier(.25, .46, .45, .94);--spring-snappy: cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1400px}@media (prefers-color-scheme: dark){:root{--color-label-primary: var(--color-label-primary-dark);--color-label-secondary: var(--color-label-secondary-dark);--color-label-tertiary: var(--color-label-tertiary-dark);--color-label-quaternary: var(--color-label-quaternary-dark);--color-background-primary: #000000;--color-background-secondary: #1C1C1E;--color-background-tertiary: #2C2C2E;--color-background-grouped-primary: #000000;--color-background-grouped-secondary: #1C1C1E;--color-background-grouped-tertiary: #2C2C2E;--color-separator-opaque: #38383A;--color-separator-non-opaque: rgba(84, 84, 88, .65)}}@media (prefers-contrast: high){:root{--color-primary: #0040DD;--shadow-small: 0 2px 4px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .3);--shadow-large: 0 8px 16px rgba(0, 0, 0, .3)}}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0s;--transition-base: 0s;--transition-slow: 0s}[data-astro-cid-hioekb44],[data-astro-cid-hioekb44]:before,[data-astro-cid-hioekb44]:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-astro-cid-hioekb44]{box-sizing:border-box}html{font-family:var(--font-family-japanese);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-label-primary);background-color:var(--color-background-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0}:focus-visible[data-astro-cid-hioekb44]{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-small)}::selection [data-astro-cid-hioekb44]{background-color:#007aff33;color:var(--color-label-primary)}.container[data-astro-cid-hioekb44]{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-4)}.hero-section[data-astro-cid-hioekb44]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:var(--spacing-12) 0 var(--spacing-8);margin-bottom:var(--spacing-12);border-radius:var(--radius-xl);color:#fff;text-align:center}.hero-content[data-astro-cid-hioekb44]{max-width:800px;margin:0 auto}.hero-title[data-astro-cid-hioekb44]{font-size:var(--font-size-large-title);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.hero-description[data-astro-cid-hioekb44]{font-size:var(--font-size-title-2);line-height:1.5;opacity:.9}.categories-section[data-astro-cid-hioekb44]{margin-bottom:var(--spacing-12)}.categories-grid[data-astro-cid-hioekb44]{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--spacing-6)}.category-card[data-astro-cid-hioekb44]{display:flex;align-items:center;background:var(--color-background-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);text-decoration:none;color:inherit;box-shadow:var(--shadow-medium);transition:all var(--transition-base);border-left:4px solid var(--category-color);position:relative;overflow:hidden}.category-card[data-astro-cid-hioekb44]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--category-color)10,transparent);opacity:0;transition:opacity var(--transition-base)}.category-card[data-astro-cid-hioekb44]:hover{transform:translateY(-4px);box-shadow:var(--shadow-large)}.category-card[data-astro-cid-hioekb44]:hover:before{opacity:1}.category-icon[data-astro-cid-hioekb44]{font-size:3rem;margin-right:var(--spacing-4);flex-shrink:0;z-index:1}.category-content[data-astro-cid-hioekb44]{flex:1;z-index:1}.category-title[data-astro-cid-hioekb44]{font-size:var(--font-size-title-2);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--color-label-primary)}.category-description[data-astro-cid-hioekb44]{font-size:var(--font-size-callout);color:var(--color-label-secondary);line-height:1.5;margin-bottom:var(--spacing-3)}.category-meta[data-astro-cid-hioekb44]{display:flex;align-items:center}.post-count[data-astro-cid-hioekb44]{background:var(--category-color);color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium)}.category-arrow[data-astro-cid-hioekb44]{font-size:1.5rem;color:var(--category-color);margin-left:var(--spacing-3);transition:transform var(--transition-base);z-index:1}.category-card[data-astro-cid-hioekb44]:hover .category-arrow[data-astro-cid-hioekb44]{transform:translate(4px)}.recent-articles-section[data-astro-cid-hioekb44]{background:var(--color-background-secondary);padding:var(--spacing-8);border-radius:var(--radius-xl)}.section-title[data-astro-cid-hioekb44]{font-size:var(--font-size-title-1);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-8);color:var(--color-label-primary)}.category-preview-grid[data-astro-cid-hioekb44]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-6)}.category-preview[data-astro-cid-hioekb44]{background:var(--color-background-primary);padding:var(--spacing-6);border-radius:var(--radius-large);box-shadow:var(--shadow-small)}.preview-title[data-astro-cid-hioekb44]{font-size:var(--font-size-headline);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);color:var(--color-label-primary);border-bottom:2px solid var(--color-fill-quaternary);padding-bottom:var(--spacing-2)}.preview-articles[data-astro-cid-hioekb44]{display:flex;flex-direction:column;gap:var(--spacing-3)}.preview-article[data-astro-cid-hioekb44]{display:block;padding:var(--spacing-3);background:var(--color-background-secondary);border-radius:var(--radius-medium);text-decoration:none;color:inherit;transition:all var(--transition-base)}.preview-article[data-astro-cid-hioekb44]:hover{transform:translateY(-2px);box-shadow:var(--shadow-small)}.preview-article[data-astro-cid-hioekb44] h4[data-astro-cid-hioekb44]{font-size:var(--font-size-callout);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1);color:var(--color-primary)}.preview-article[data-astro-cid-hioekb44] p[data-astro-cid-hioekb44]{font-size:var(--font-size-footnote);color:var(--color-label-secondary);line-height:1.4}@media (max-width: 768px){.hero-title[data-astro-cid-hioekb44]{font-size:var(--font-size-title-1)}.hero-description[data-astro-cid-hioekb44]{font-size:var(--font-size-headline)}.categories-grid[data-astro-cid-hioekb44]{grid-template-columns:1fr}.category-card[data-astro-cid-hioekb44]{padding:var(--spacing-4)}.category-icon[data-astro-cid-hioekb44]{font-size:2.5rem;margin-right:var(--spacing-3)}.category-preview-grid[data-astro-cid-hioekb44]{grid-template-columns:1fr}}
