:root{font-family:sans-serif;--sidebar-width:300px;--sidebar-width-wide:400px;--navigation-width:200px;--navigation-submenu-line-width:1px;--dark-sec:#1E1E1E;--light-sec:#F5F5F5;--gray:#4b4b4b;--contrast-color:white;--color-bg-primary:#121212;--color-bg-secondary:var(--dark-sec);--color-text-primary:#E0E0E0;--color-text-secondary:#B0B0B0;--color-accent:#4CAF50;--color-accent-hover:#38a13d;--color-accent-dark:#388E3C;--color-accent-disabled:#303A30}:root.light{--contrast-color:black;--color-bg-primary:#FFFFFF;--color-bg-secondary:var(--light-sec);--color-text-primary:#212121;--color-text-secondary:#515151;--color-accent:#46984A;--color-accent-hover:#579A5B;--color-accent-dark:#255E28;--color-accent-disabled:#C8E6C9}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}html,body{scrollbar-width:thin;scrollbar-color:transparent transparent}html::-webkit-scrollbar,body::-webkit-scrollbar{width:6px;height:6px;background:transparent}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}html:hover,body:hover{scrollbar-color:var(--contrast-color) transparent}html:hover::-webkit-scrollbar-thumb,body:hover::-webkit-scrollbar-thumb{background:var(--contrast-color);transition:background 0.3s ease}html:hover::-webkit-scrollbar-thumb:hover,body:hover::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.4)}