:root{--max-width:1200px;--font-family-primary:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"SF Mono",SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md: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;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:6rem;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;color-scheme:light dark;--color-background-primary:#ffffff;--color-background-secondary:#f5f5f7;--color-background-tertiary:#e8e8ed;--color-text-primary:#000000;--color-text-secondary:#555555;--color-text-muted:#888888;--color-border:#e0e0e5;--color-accent-primary:#5ac8fa;--color-accent-secondary:#8ad8ff;--color-success:#0cce6b;--color-warning:#ffcc00;--color-error:#ff3b30;--color-info:#64d2ff;--color-background-primary-dark:#121212;--color-background-secondary-dark:#1e1e1e;--color-background-tertiary-dark:#2c2c2c;--color-text-primary-dark:#f0f0f0;--color-text-secondary-dark:#b0b0b0;--color-text-muted-dark:#808080;--color-border-dark:#404040;--color-accent-primary-dark:#40b2eb;--color-accent-secondary-dark:#6fcbfc;--color-success-dark:#2ee07b;--color-warning-dark:#ffda44;--color-error-dark:#ff6b60;--color-info-dark:#84e2ff}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;font-family:var(--font-family-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:light-dark(var(--color-text-primary),var(--color-text-primary-dark));transition:background-color var(--transition-normal),color var(--transition-normal)}body:before{background:radial-gradient(circle at 20% 20%,rgba(90,200,250,.15),transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,107,96,.1),transparent 40%),radial-gradient(circle at 50% 50%,rgba(90,200,250,.05),transparent 70%),radial-gradient(circle at 80% 10%,rgba(90,200,250,.1),transparent 30%),radial-gradient(circle at 10% 90%,rgba(255,107,96,.08),transparent 35%)}body:after,body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;pointer-events:none}body:after{background:linear-gradient(135deg,rgba(90,200,250,.05),transparent 25%,rgba(255,107,96,.05) 50%,transparent 75%,rgba(90,200,250,.05))}a{color:light-dark(var(--color-accent-primary),var(--color-accent-primary-dark));text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-4)}.container{max-width:var(--max-width);margin:0 auto;padding:var(--space-6);min-height:100vh;display:flex;flex-direction:column}header{justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:var(--border-width-thin) solid light-dark(var(--color-border),var(--color-border-dark))}header,nav{display:flex}nav{gap:var(--space-4)}main{flex:1 1}footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-width-thin) solid light-dark(var(--color-border),var(--color-border-dark));text-align:center;color:light-dark(var(--color-text-muted),var(--color-text-muted-dark));font-size:var(--font-size-sm)}@media (max-width:768px){.container{padding:var(--space-4)}header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}