:root{--color-primary: #0000aa;--color-secondary: #bababa;--color-text-primary: #ffffff;--color-text-secondary: #404040;--color-border: #0000aa;--color-scrollbar-track: #d2cfd3;--color-scrollbar-thumb: #555;--color-scrollbar-thumb-hover: var(--color-primary);--color-panel-light: #dfdfdf;--color-panel-dark: #808080;--color-panel-shadow: #404040;--font-family-primary: "DOSVGA", monospace;--font-size-base: 1.2em;--font-size-small: 1em;--font-size-medium: 1.4em;--font-size-large: 1.7em;--spacing-xs: 2px;--spacing-sm: 5px;--spacing-md: 10px;--spacing-lg: 20px;--spacing-xl: 30px;--spacing-xxl: 40px;--border-width: 6px;--panel-left-width: 70%;--panel-right-width: 30%;--transition-duration: .3s;--mobile-breakpoint: 768px}@font-face{font-family:DOSVGA;src:url(/Perfect%20DOS%20VGA%20437%20Win.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}body{font-family:var(--font-family-primary);background-color:var(--color-primary);color:var(--color-text-secondary);margin:0;padding:0;font-size:var(--font-size-base);overflow:hidden;height:100vh;display:flex;flex-direction:column}a{color:var(--color-text-primary);text-decoration:none}a:hover{color:var(--color-secondary)}.header{text-align:center;background-color:var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-large);padding:var(--spacing-sm) 0;flex-shrink:0;word-wrap:break-word}.navbar{display:flex;justify-content:flex-start;align-items:center;background-color:var(--color-primary);border-bottom:var(--border-width) solid var(--color-secondary);flex-shrink:0;padding-left:var(--spacing-lg)}.navbar a{color:var(--color-text-primary);text-decoration:none;margin:0 var(--spacing-xl);font-size:var(--font-size-large);white-space:nowrap;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-duration) ease}.navbar a:hover{color:var(--color-secondary)}.navbar a.active{background-color:var(--color-secondary);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-lg)}.mobile-menu,.menu-toggle{display:none}.menu-icon{cursor:pointer;display:block;width:30px;height:20px;position:relative}.menu-icon span{display:block;width:100%;height:3px;background-color:var(--color-text-primary);margin:var(--spacing-sm) 0;transition:var(--transition-duration)}.mobile-menu-content{display:none;background-color:var(--color-primary);position:absolute;left:0;right:0;top:100%;z-index:1}.mobile-menu-content a{display:block;color:var(--color-text-primary);padding:var(--spacing-md);text-decoration:none;border-top:1px solid var(--color-border);font-size:var(--font-size-small)}.menu-toggle:checked~.mobile-menu-content{display:block}.menu-toggle:checked+.menu-icon span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.menu-toggle:checked+.menu-icon span:nth-child(2){opacity:0}.menu-toggle:checked+.menu-icon span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.main-content{display:flex;background-color:var(--color-secondary);flex-grow:1;overflow:auto;width:100%}.left-panel{width:var(--panel-left-width);padding:var(--spacing-md);overflow:auto;min-width:0;margin:var(--spacing-md);border:var(--border-width) solid var(--color-border);background-color:var(--color-secondary);color:var(--color-text-secondary)}.right-panel{width:var(--panel-right-width);flex-shrink:0;background-color:var(--color-secondary);overflow:hidden;margin:var(--spacing-md);display:flex;flex-direction:column}.right-panel-top{flex:1;padding:var(--spacing-lg);color:var(--color-primary);font-size:var(--font-size-large);border:var(--border-width) solid var(--color-border);overflow-y:auto;border-bottom:none}.right-panel-bottom{flex:1;padding:var(--spacing-lg);color:var(--color-primary);font-size:var(--font-size-medium);border:var(--border-width) solid var(--color-border);background-color:var(--color-secondary);display:flex;flex-direction:column;justify-content:center}.right-panel-top p a{color:var(--color-text-secondary);text-decoration:underline}.right-panel-top p a:hover{color:var(--color-primary)}.keybindings{line-height:1.8}.keybinding{display:flex;align-items:center;margin-bottom:var(--spacing-sm)}.key{font-weight:700;min-width:60px;color:var(--color-text-secondary)}.description{color:var(--color-primary)}.footer{background-color:var(--color-primary);text-align:center;border-top:var(--border-width) solid var(--color-border);flex-shrink:0;padding:var(--spacing-sm);color:var(--color-text-primary)}.footer-mobile{display:none}.footer a{font-size:var(--font-size-medium);color:var(--color-text-primary)}.footer a:hover{color:var(--color-secondary)}ul{list-style-type:none;padding:0;margin:0}li{margin:var(--spacing-xl) 0;font-size:var(--font-size-large)}li a{color:var(--color-text-secondary)}li a:hover{color:var(--color-primary)}.blog-list{list-style-type:none;padding:0;margin:0}.blog-list-item{margin:var(--spacing-md) 0}.blog-list-item a{color:var(--color-text-secondary);font-size:var(--font-size-small)}.blog-list-item a:hover{color:var(--color-secondary)}.hey-there{margin-bottom:2em}.selected{color:var(--color-primary)}.icon-link{display:inline-flex;align-items:center;text-decoration:none;gap:var(--spacing-md)}.icon-link svg{width:1em;height:.9em;margin-bottom:.2em;fill:currentColor}::-webkit-scrollbar{width:var(--spacing-md)}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}@media screen and (max-width: 768px){.tip,.navbar,.footer{display:none}.footer-mobile{display:block;background-color:var(--color-primary);text-align:center;border-top:var(--border-width) solid var(--color-border);flex-shrink:0;padding:var(--spacing-sm);color:var(--color-text-primary)}body{font-size:var(--font-size-small);overflow-x:hidden;height:100vh;overflow:hidden}header{font-size:var(--font-size-medium)}.header{border-bottom:var(--border-width) solid var(--color-border)}.mobile-menu{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-primary);padding:var(--spacing-md);position:relative}.page-title{color:var(--color-text-primary);font-size:var(--font-size-medium);position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.menu-spacer{width:30px}.menu-icon{z-index:1001}.main-content{flex-direction:column;overflow-x:hidden;flex-grow:1;overflow-y:auto;height:calc(100vh - var(--footer-height, 60px))}.left-panel{width:100%;padding:var(--spacing-md);margin:var(--spacing-md);overflow-x:hidden;overflow-y:auto;border:none;height:auto}.right-panel{display:none}li{font-size:var(--font-size-medium);margin:var(--spacing-md) 0}.navbar a{margin:0}.footer{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:1000}}