:root{--color-background:#fff;--color-foreground:#000;--color-primary:#0070f3;--color-primary-hover:#0051cc;--color-secondary:#7928ca;--color-secondary-hover:#6020a0;--color-accent:#ff0080;--color-accent-hover:#c06;--color-success:#0070f3;--color-warning:#f5a623;--color-error:#e00;--color-text-primary:#000;--color-text-secondary:#666;--color-text-muted:#999;--color-text-inverse:#fff;--color-border:#eaeaea;--color-border-hover:#d1d1d1;--color-card-bg:#fff;--color-card-bg-hover:#fafafa;--color-card-shadow:rgba(0,0,0,.1);--color-overlay:rgba(0,0,0,.5);--color-surface-1:#f5f5f5;--color-surface-2:#ebebeb;--color-surface-3:#e1e1e1;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"SF Mono","Monaco","Inconsolata","Fira Code","Fira Mono","Roboto Mono",monospace;--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;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--z-index-base:1;--z-index-dropdown:10;--z-index-sticky:20;--z-index-fixed:30;--z-index-modal-backdrop:40;--z-index-modal:50;--z-index-popover:60;--z-index-tooltip:70;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--container-max-width:1280px;--container-padding:var(--spacing-md);--header-height:64px;--footer-height:auto}[data-theme=dark]{--color-background:#000;--color-foreground:#fff;--color-primary:#3291ff;--color-primary-hover:#1a7ae8;--color-secondary:#a855f7;--color-secondary-hover:#9333ea;--color-accent:#f39;--color-accent-hover:#ff0080;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-text-muted:#666;--color-text-inverse:#000;--color-border:#333;--color-border-hover:#4a4a4a;--color-card-bg:#111;--color-card-bg-hover:#1a1a1a;--color-card-shadow:rgba(255,255,255,.05);--color-overlay:rgba(0,0,0,.75);--color-surface-1:#0a0a0a;--color-surface-2:#151515;--color-surface-3:#1f1f1f;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.5);--shadow-base:0 1px 3px 0 rgba(0,0,0,.7);--shadow-md:0 4px 6px -1px rgba(0,0,0,.7);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.8);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.9)}@media (min-width:640px){:root{--container-padding:var(--spacing-lg)}}@media (min-width:1024px){:root{--container-padding:var(--spacing-xl)}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-background:#000;--color-foreground:#fff;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-text-muted:#666;--color-border:#333;--color-card-bg:#111;--color-card-shadow:rgba(255,255,255,.05)}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s;--transition-slow:0s}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--color-background:#fff;--color-foreground:#000;--color-primary:#0070f3;--color-primary-hover:#0051cc;--color-secondary:#7928ca;--color-secondary-hover:#6020a0;--color-accent:#ff0080;--color-accent-hover:#c06;--color-success:#0070f3;--color-warning:#f5a623;--color-error:#e00;--color-text-primary:#000;--color-text-secondary:#666;--color-text-muted:#999;--color-text-inverse:#fff;--color-border:#eaeaea;--color-border-hover:#d1d1d1;--color-card-bg:#fff;--color-card-bg-hover:#fafafa;--color-card-shadow:rgba(0,0,0,.1);--color-overlay:rgba(0,0,0,.5);--color-surface-1:#f5f5f5;--color-surface-2:#ebebeb;--color-surface-3:#e1e1e1;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"SF Mono","Monaco","Inconsolata","Fira Code","Fira Mono","Roboto Mono",monospace;--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;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--z-index-base:1;--z-index-dropdown:10;--z-index-sticky:20;--z-index-fixed:30;--z-index-modal-backdrop:40;--z-index-modal:50;--z-index-popover:60;--z-index-tooltip:70;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--container-max-width:1280px;--container-padding:var(--spacing-md);--header-height:64px;--footer-height:auto}[data-theme=dark]{--color-background:#000;--color-foreground:#fff;--color-primary:#3291ff;--color-primary-hover:#1a7ae8;--color-secondary:#a855f7;--color-secondary-hover:#9333ea;--color-accent:#f39;--color-accent-hover:#ff0080;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-text-muted:#666;--color-text-inverse:#000;--color-border:#333;--color-border-hover:#4a4a4a;--color-card-bg:#111;--color-card-bg-hover:#1a1a1a;--color-card-shadow:rgba(255,255,255,.05);--color-overlay:rgba(0,0,0,.75);--color-surface-1:#0a0a0a;--color-surface-2:#151515;--color-surface-3:#1f1f1f;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.5);--shadow-base:0 1px 3px 0 rgba(0,0,0,.7);--shadow-md:0 4px 6px -1px rgba(0,0,0,.7);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.8);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.9)}@media (min-width:640px){:root{--container-padding:var(--spacing-lg)}}@media (min-width:1024px){:root{--container-padding:var(--spacing-xl)}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-background:#000;--color-foreground:#fff;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-text-muted:#666;--color-border:#333;--color-card-bg:#111;--color-card-shadow:rgba(255,255,255,.05)}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s;--transition-slow:0s}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-background);transition:background-color var(--transition-base),color var(--transition-base);flex-direction:column;display:flex}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}h4{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}h5{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}h6{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-primary);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-primary-hover)}strong,b{font-weight:var(--font-weight-semibold)}code{font-family:var(--font-family-mono);background:var(--color-surface-1);border-radius:var(--radius-sm);padding:2px 6px;font-size:.9em}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);padding:var(--spacing-md);background:var(--color-surface-1);border-radius:var(--radius-md);overflow-x:auto}ul,ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}li{margin-bottom:var(--spacing-xs);color:var(--color-text-secondary)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:768px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}::selection{background:var(--color-primary);color:var(--color-text-inverse)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-surface-1)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}