:root{--background: #0f0f0f;--text: #fafafa;--text-secondary: #a0a0a0;--text-inverse: #0f0f0f;--button: #1a1a1a;--button-hover: rgba(255, 255, 255, .06);--component-bg: #141414;--component-item-bg: #1a1a1a;--border-color: #fafafa;--border-subtle: rgba(255, 255, 255, .08);--header-button-text: #fafafa;--header-bg: rgba(15, 15, 15, .85);--nav-bg: rgba(15, 15, 15, .85);--nav-button-bg: rgba(255, 255, 255, .04);--nav-button-hover-bg: rgba(255, 255, 255, .08);--dropdown-button-hover-bg: rgba(255, 255, 255, .08);--dropdown-button-active-bg: rgba(255, 255, 255, .12);--shadow-color: rgba(0, 0, 0, .4);--shadow-color-light: rgba(0, 0, 0, .25);--shadow-color-strong: rgba(0, 0, 0, .5);--overlay-bg: rgba(0, 0, 0, .6)}html.light-theme{--background: #fafafa;--text: #0f0f0f;--text-secondary: #6b6b6b;--text-inverse: #fafafa;--button: #f0f0f0;--button-hover: rgba(0, 0, 0, .04);--component-bg: #ffffff;--component-item-bg: #f5f5f5;--border-color: #0f0f0f;--border-subtle: rgba(0, 0, 0, .06);--header-button-text: #0f0f0f;--header-bg: rgba(250, 250, 250, .9);--nav-bg: rgba(250, 250, 250, .9);--nav-button-bg: rgba(0, 0, 0, .03);--nav-button-hover-bg: rgba(0, 0, 0, .06);--dropdown-button-hover-bg: rgba(0, 0, 0, .06);--dropdown-button-active-bg: rgba(0, 0, 0, .1);--shadow-color: rgba(0, 0, 0, .08);--shadow-color-light: rgba(0, 0, 0, .04);--shadow-color-strong: rgba(0, 0, 0, .12);--overlay-bg: rgba(0, 0, 0, .3)}html{scroll-behavior:smooth;scroll-padding-top:300px}body{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;padding:0;box-sizing:border-box;font-size:18px;transition:background-color .2s ease,color .15s ease;background-color:var(--background);color:var(--text);overflow-x:hidden;width:100%}h1,h2,p{transition:color .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body{animation:fadeIn .5s ease-in-out}