.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--color-primary: #111111;--color-primary-active: #242424;--color-primary-disabled: #e5e7eb;--color-ink: #111111;--color-body: #374151;--color-muted: #6b7280;--color-muted-soft: #898989;--color-brand-accent: #3b82f6;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-canvas: #ffffff;--color-surface-soft: #f8f9fa;--color-surface-card: #f5f5f5;--color-surface-strong: #e5e7eb;--color-on-primary: #ffffff;--color-hairline: #e5e7eb;--color-hairline-soft: #f3f4f6;--type-normal: #9E9E9E;--type-grass: #4CAF50;--type-fire: #F44336;--type-water: #2196F3;--type-light: #FFC107;--type-earth: #795548;--type-ice: #00BCD4;--type-dragon: #673AB7;--type-electric: #FF9800;--type-poison: #9C27B0;--type-bug: #8BC34A;--type-fighting: #E65100;--type-flying: #90CAF9;--type-psychic: #E91E63;--type-ghost: #311B92;--type-dark: #212121;--type-steel: #607D8B;--type-fairy: #F8BBD0;--badge-orange: #fb923c;--badge-pink: #ec4899;--badge-violet: #8b5cf6;--badge-emerald: #34d399;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-section: 96px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--radius-full: 50%;--shadow-subtle: 0 1px 2px rgba(0,0,0,.05);--shadow-card: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--max-width: 1200px;--nav-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-body);color:var(--color-body);background:var(--color-canvas);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;color:var(--color-ink);letter-spacing:-.04em;line-height:1.2}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:1.125rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-section) 0}.badge-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;line-height:1.4;white-space:nowrap}.badge-pill--default{background:var(--color-surface-card);color:var(--color-ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;height:40px;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background:var(--color-primary-active)}.btn-secondary{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline)}.btn-secondary:hover{background:var(--color-surface-soft)}.btn:disabled{background:var(--color-primary-disabled);color:var(--color-muted);cursor:not-allowed}.card{background:var(--color-surface-card);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.card--white{background:var(--color-canvas);border:1px solid var(--color-hairline)}.text-input{width:100%;padding:10px 14px;height:40px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);font-family:var(--font-body);font-size:16px;color:var(--color-ink);background:var(--color-canvas);outline:none}.text-input:focus{border-color:var(--color-ink)}.text-input::placeholder{color:var(--color-muted)}.nav-pill-group{display:inline-flex;gap:4px;padding:6px;background:var(--color-surface-soft);border-radius:var(--radius-pill)}.nav-pill{padding:8px 14px;border-radius:var(--radius-md);font-size:14px;font-weight:500;line-height:1.4;color:var(--color-muted);background:transparent;border:none;cursor:pointer;font-family:var(--font-body);transition:all .15s}.nav-pill:hover{color:var(--color-ink)}.nav-pill--active{background:var(--color-canvas);color:var(--color-ink);box-shadow:var(--shadow-subtle)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media(max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-3{grid-template-columns:1fr}.container{padding:0 var(--spacing-md)}.section{padding:var(--spacing-xxl) 0}}.type-badge{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.top-nav{position:sticky;top:0;z-index:100;height:var(--nav-height);background:var(--color-canvas);border-bottom:1px solid var(--color-hairline-soft);display:flex;align-items:center}.top-nav__inner{display:flex;align-items:center;justify-content:space-between;width:100%}.top-nav__brand{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.04em;color:var(--color-ink);display:flex;align-items:center;gap:8px;text-decoration:none}.top-nav__icon{width:28px;height:28px;object-fit:contain;flex-shrink:0}.top-nav__links{display:flex;gap:var(--spacing-lg)}.top-nav__link{font-size:14px;font-weight:500;color:var(--color-muted);transition:color .15s}.top-nav__link:hover{color:var(--color-ink)}@media(max-width:768px){.top-nav__links{gap:var(--spacing-md)}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}