*{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-width:240px;--bg-primary:#1c1c1c;--bg-secondary:#252526;--bg-card:#2d2d2d;--border:#3e3e3e;--text-primary:#d4d4d4;--text-secondary:#9d9d9d;--accent:#569cd6;--accent-hover:#4a8ac4;--badge-bg:#1e3a5f;--badge-text:#93c5fd;--code-bg:#1e1e1e;--navbar-height:0px}[data-theme=light]{--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-card:#fff;--border:#e0e0e0;--text-primary:#1a1a1a;--text-secondary:#6b7280;--accent:#1e3a5f;--accent-hover:#162d4a;--badge-bg:#dbeafe;--badge-text:#1e3a5f;--code-bg:#f0f0f0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background .2s ease,color .2s ease}a{color:inherit;text-decoration:none}button{font-family:inherit}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:40;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.main-content{margin-left:var(--sidebar-width,240px)}@media (max-width:1023px){.main-content{margin-left:0!important}}