:root{--font-base:"Inter",sans-serif;--bg:#ffffff;--text:#111111;--text-fg:rgba(100,116,139,1);--text-tt:#5a5b69;--primary:#2563eb;--accent:#1EA3D7;--card-bg:#f8f9fa;--border:#e5e7eb;--btn-bg:#e5e7eb}:root.dark{--bg:#000;--text:rgba(226,232,240,0.8);--text-fg:rgba(100,116,139,1);--text-tt:#9e9fb0;--primary:#3b82f6;--accent:#1EA3D7;--card-bg:#1e293b;--border:#334155;--btn-bg:#374151}body{font-family:var(--font-base);background-color:var(--bg);color:var(--text-fg);margin:0;padding:0;transition:background-color .3s,color .3s;font-weight:500}.Layout{margin:0 5rem;display:grid;grid-column-gap:20%;grid-template:"header main" 1fr "header footer" auto/30% 1fr}.Layout header{grid-area:header;top:0;position:-webkit-sticky;position:sticky;height:100vh}.Layout main{grid-area:main}.Layout footer{grid-area:footer;height:60px}@media(max-width:768px){.Layout{grid-template:"header" auto "main" 1fr "footer" auto/1fr;margin:0 1.2rem}.Layout header{position:relative;height:auto}}