:root{--bg:#ffffff;--bg-elevated:#f5f5f5;--bg-card:#ffffff;--bg-input:#ffffff;--bg-hover:#f8f8f8;--text:#1a1715;--text-2:#5c5853;--text-3:#9c9890;--border:#e8e2d5;--border-2:#ccc7bc;--accent:#0a84ff;--accent-hover:#0070e0;--accent-dim:#eaf4ff;--accent-border:#b8d8ff;--accent-shadow:rgba(10,132,255,0.35);--accent-shadow-2:rgba(10,132,255,0.45);--success:#28a745;--success-dim:#edfdf3;--warning:#e07b00;--warning-dim:#fff6e8;--error:#d83030;--error-dim:#fff0f0;--error-border:#fccaca;--shadow-1:0 1px 3px rgba(30,20,10,0.06);--shadow-2:0 2px 8px rgba(30,20,10,0.07),0 8px 24px rgba(30,20,10,0.05);--shadow-3:0 4px 16px rgba(30,20,10,0.09),0 16px 48px rgba(30,20,10,0.07);--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:22px;--r-full:9999px;--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;--header-height:64px;--font-sans:"Lato","Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;--font-family-primary:var(--font-sans);--font-family-mono:var(--font-mono);--font-size-xs:0.75rem;--font-size-sm:0.8125rem;--font-size-md:0.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.1875rem;--font-size-2xl:1.375rem;--font-size-3xl:1.75rem;--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.25;--line-height-normal:1.6;--line-height-relaxed:1.8;--transition-fast:120ms ease;--transition-normal:200ms ease;--transition-slow:320ms ease;--max-width:1200px;--color-background-primary:var(--bg-card);--color-background-secondary:var(--bg-elevated);--color-background-tertiary:var(--bg-elevated);--color-text-primary:var(--text);--color-text-secondary:var(--text-2);--color-text-muted:var(--text-3);--color-border:var(--border);--color-accent-primary:var(--accent);--color-accent-secondary:var(--accent-hover);--color-primary:var(--accent);--color-success:var(--success);--color-warning:var(--warning);--color-error:var(--error);--color-info:#5ac8fa;--color-background-primary-dark:var(--bg-card);--color-background-secondary-dark:var(--bg-elevated);--color-background-tertiary-dark:var(--bg-elevated);--color-text-primary-dark:var(--text);--color-text-secondary-dark:var(--text-2);--color-text-muted-dark:var(--text-3);--color-border-dark:var(--border);--color-accent-primary-dark:var(--accent);--color-accent-secondary-dark:var(--accent-hover);--color-primary-dark:var(--accent);--color-success-dark:var(--success);--color-warning-dark:var(--warning);--color-error-dark:var(--error);--color-info-dark:#5ac8fa;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--border-radius-sm:var(--r-sm);--border-radius-md:var(--r-md);--border-radius-lg:var(--r-lg);--border-radius-xl:var(--r-xl);--border-radius-full:var(--r-full);--shadow-sm:var(--shadow-1);--shadow-md:var(--shadow-2);--shadow-lg:var(--shadow-3);color-scheme:light dark}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#0d0c0a;--bg-elevated:#161410;--bg-card:#1c1a17;--bg-input:#232019;--bg-hover:#231f1b;--text:#f0ede6;--text-2:#a09c93;--text-3:#6b6760;--border:#2e2b25;--border-2:#3f3b33;--accent:#409cff;--accent-hover:#5facff;--accent-dim:rgba(64,156,255,0.12);--accent-border:rgba(64,156,255,0.28);--accent-shadow:rgba(64,156,255,0.35);--accent-shadow-2:rgba(64,156,255,0.45);--success:#30d158;--success-dim:rgba(48,209,88,0.12);--warning:#ffd60a;--warning-dim:rgba(255,214,10,0.12);--error:#ff453a;--error-dim:rgba(255,69,58,0.12);--error-border:rgba(255,69,58,0.3);--shadow-1:0 1px 3px rgba(0,0,0,0.3);--shadow-2:0 2px 8px rgba(0,0,0,0.35),0 8px 24px rgba(0,0,0,0.25);--shadow-3:0 4px 16px rgba(0,0,0,0.45),0 16px 48px rgba(0,0,0,0.35)}}*,:after,:before{box-sizing:border-box;padding:0;margin:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-size:var(--font-size-md);line-height:var(--line-height-normal);background-color:var(--bg);min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}body,h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text)}h1,h2,h3,h4,h5,h6{font-weight:600;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)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--space-4);color:var(--text-2)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.875em}button,input,select,textarea{font-family:var(--font-sans);font-size:var(--font-size-md)}.container{max-width:var(--max-width);margin:0 auto;padding:var(--space-6);min-height:100vh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}main{flex:1 1}footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);text-align:center;color:var(--text-3);font-size:var(--font-size-sm)}@media (max-width:900px){:root{--header-height:108px}}@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){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}