@import url("https://cdn.jsdelivr.net/npm/hack-font@3/build/web/hack.css");:root{--bg-color: #faf7ed;--text-color: #3a3a32;--accent-color: #d27700;--accent-color-hover: #f28b00;--header-bg: #e1dccb;--sidebar-bg: #efeade}.dark-theme{--bg-color: #282b30;--text-color: #c2c7cf;--accent-color: #70e000;--accent-color-hover: #97ff33;--header-bg: #202226;--sidebar-bg: #31353a}html,body{height:100%;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Hack, monospace;display:flex;flex-direction:column}.content-wrapper{display:flex;flex:1;max-width:1200px;margin:0 auto;padding:1rem}header{background-color:var(--header-bg);padding:1rem 0}header .navbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}header .navbar .header-left{display:flex;flex-direction:column;align-items:flex-start}header .navbar .brand a{color:var(--accent-color);text-decoration:none;font-weight:bold;font-size:1.4rem;margin-bottom:0rem}header .navbar .brand h1{margin:0}header .navbar .brand h1 a{font-size:1.4rem;color:var(--accent-color);text-decoration:none;font-weight:bold;margin:0}header .navbar .tagline{margin:0.1rem 0 1rem 0;font-size:0.7rem;color:var(--text-color)}header .navbar .navlinks{list-style:none;display:flex;flex-direction:row;margin:0;padding:0}header .navbar .navlinks li{margin-right:1rem}header .navbar .navlinks a{color:var(--accent-color);text-decoration:none}header .navbar .navlinks a:hover{color:var(--accent-color-hover)}header .navbar .navlinks a:visited{color:var(--accent-color)}.main-content{flex:1;margin-right:1rem}.sidebar{flex:0 0 300px;background:var(--sidebar-bg);padding:1rem;border-radius:5px}.sidebar h2{margin-top:0}.footer{flex-shrink:0;text-align:center;padding:1rem;background:var(--header-bg)}a{color:var(--accent-color);text-decoration:none}a:visited{color:var(--accent-color)}a:hover{color:var(--accent-color-hover)}img{max-width:100%;height:auto;display:block}@media (max-width: 768px){.content-wrapper{flex-direction:column}.main-content{margin-right:0;margin-bottom:1rem}.sidebar{flex:1 0 auto;margin:0}.navbar{flex-direction:row;align-items:center}.header-left{flex-direction:row;align-items:center}.header-left .brand{margin-right:1rem}.header-left .navlinks li{margin-right:0.5rem}.theme-toggle-container{margin-top:0}}.theme-toggle-container{display:flex;align-items:center;gap:0.5rem}#theme-toggle{position:absolute;left:-9999px}.toggle-switch{width:50px;height:24px;background:var(--accent-color);border-radius:12px;position:relative;cursor:pointer}.toggle-switch::before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--bg-color);border-radius:50%;transition:transform 0.3s ease}#theme-toggle:checked+.toggle-switch::before{transform:translateX(26px)}#theme-toggle-text{color:var(--text-color);font-weight:bold}