:root{--bg-color: #f9f9f9;--paper-bg: #ffffff;--text-color: #333333;--heading-color: #2c3e50;--secondary-text: #7f8c8d;--border-color: #eeeeee;--link-color: #2980b9;--link-hover-color: #3498db;--hover-bg: #f5f5f5;--shadow-color: rgba(0, 0, 0, .1);--nav-overlay: rgba(0, 0, 0, .5);--layout-reading: min(52rem, calc(100% - 2rem) );--layout-wide: min(70rem, calc(100% - 2rem) )}[data-theme=dark]{--bg-color: #121212;--paper-bg: #1e1e1e;--text-color: #e0e0e0;--heading-color: #ffffff;--secondary-text: #a0a0a0;--border-color: #333333;--link-color: #5dade2;--link-hover-color: #85c1e9;--hover-bg: #2c2c2c;--shadow-color: rgba(0, 0, 0, .5);--nav-overlay: rgba(0, 0, 0, .7)}@media(max-width:768px){:root{--layout-reading: min(52rem, calc(100% - 1rem) );--layout-wide: min(70rem, calc(100% - 1rem) )}}html{-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;margin:0;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}