@charset "UTF-8";:root{--color-primary: #252525;--color-secondary: #6b7280;--color-accent: #dc2626;--color-success: #16a34a;--color-warning: #ea580c;--color-danger: #dc2626;--color-background: #ffffff;--color-surface: #ffffff;--color-surface-secondary: #f9fafb;--color-text-primary: #111827;--color-text-secondary: #374151;--color-text-tertiary: #6b7280;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--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;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;font-family:var(--font-sans);scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text-primary);line-height:var(--line-height-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:640px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-8)}}.grid{display:grid;gap:var(--space-6)}.grid--2{grid-template-columns:repeat(2,1fr)}@media(max-width:640px){.grid--2{grid-template-columns:1fr}}.grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:968px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid--3{grid-template-columns:1fr}}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid--4{grid-template-columns:repeat(3,1fr)}}@media(max-width:968px){.grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid--4{grid-template-columns:1fr}}:root{color-scheme:light;--color-on-primary: #ffffff}[data-theme=dark]{color-scheme:dark;--color-primary: #f1f5f9;--color-on-primary: #0b0f14;--color-secondary: #94a3b8;--color-accent: #f87171;--color-success: #4ade80;--color-warning: #fb923c;--color-danger: #f87171;--color-background: #0b0f14;--color-surface: #121821;--color-surface-secondary: #171f2a;--color-text-primary: #eef2f7;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-border: #24303f;--color-border-light: #1c2531;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow-md: 0 6px 16px -4px rgb(0 0 0 / .5);--shadow-lg: 0 24px 48px -12px rgb(0 0 0 / .6)}html{background-color:var(--color-background)}body{transition:background-color var(--transition-base),color var(--transition-base)}[data-theme=dark] img{color-scheme:only light}.mobile-nav{display:none}@media(max-width:780px){.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--color-surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-border-light)}.mobile-nav__link{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;color:var(--color-text-tertiary);font-size:.6875rem;text-decoration:none}.mobile-nav__link svg{width:20px;height:20px}.mobile-nav__link--active{color:var(--color-text-primary);font-weight:600}.main-content{padding-bottom:76px}}
