:root{--bg-primary: #fbf1c7;--bg-secondary: #ebdbb2;--text-primary: #3c3836;--text-secondary: #504945;--accent: #cc241d;--border: #3c3836;--code-bg: #ebdbb2;--code-text: #3c3836;--shadow: rgba(60, 56, 54, .3);--overlay: rgba(60, 56, 54, .7);--yellow: #d79921;--orange: #d65d0e;--green: #98971a;--aqua: #689d6a;--blue: #458588;--purple: #b16286;--status-success-text: #3c3836;--hero-text: #ffffff}[data-theme=dark]{--bg-primary: #282828;--bg-secondary: #3c3836;--text-primary: #ebdbb2;--text-secondary: #d5c4a1;--accent: #fb4934;--border: #ebdbb2;--code-bg: #3c3836;--code-text: #ebdbb2;--shadow: rgba(235, 219, 178, .3);--overlay: rgba(40, 40, 40, .7);--yellow: #fabd2f;--orange: #fe8019;--green: #b8bb26;--aqua: #8ec07c;--blue: #83a598;--purple: #d3869b;--status-success-text: #1a1a1a;--hero-text: #ffffff}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Courier New,Courier,monospace;font-size:18px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;font-weight:700;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:900;line-height:1.1;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:-.02em;border:5px solid var(--border);padding:1rem;background:var(--bg-secondary);box-shadow:8px 8px 0 var(--shadow)}h1{font-size:3.5rem;border-width:8px}h2{font-size:2.5rem;border-width:6px}h3{font-size:2rem;border-width:5px}h4{font-size:1.5rem;border-width:4px}p{margin-bottom:1.5rem;font-weight:500}a{color:var(--accent);text-decoration:none;border-bottom:3px solid var(--accent);font-weight:700;transition:all .2s ease}a:hover{background:var(--accent);color:var(--bg-primary);border-bottom:3px solid var(--border)}.prose{max-width:65ch}.prose p{margin-bottom:1.5rem}.prose h2{margin-top:3rem;margin-bottom:1.5rem;font-size:2.5rem;font-weight:900;color:var(--text-primary)}.prose h3{margin-top:2rem;margin-bottom:1rem;font-size:2rem;font-weight:900;color:var(--text-primary)}.prose h4{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:900;color:var(--text-primary)}.prose ul,.prose ol{margin-bottom:1.5rem;padding-left:2rem}.prose li{margin-bottom:.75rem;font-weight:500}.prose img{max-width:100%;height:auto;border:5px solid var(--border);margin:2rem 0;box-shadow:12px 12px 0 var(--shadow)}.prose pre{background:var(--code-bg);color:var(--code-text);padding:1.5rem;border:4px solid var(--border);overflow-x:auto;margin-bottom:1.5rem;font-size:1rem;line-height:1.5;box-shadow:6px 6px 0 var(--shadow)}.prose code{background:var(--code-bg);color:var(--accent);padding:.3rem .6rem;font-size:.95em;font-family:Courier New,Courier,monospace;border:2px solid var(--border);font-weight:700}.prose pre code{background:transparent;color:inherit;padding:0;border:none}.prose blockquote{border-left:8px solid var(--accent);padding-left:1.5rem;margin:2rem 0;color:var(--text-secondary);font-style:italic;font-weight:700;background:var(--bg-secondary);padding:1rem 1rem 1rem 1.5rem}.prose hr{border:none;border-top:5px solid var(--border);margin:3rem 0}.prose table{width:100%;border-collapse:collapse;margin:2rem 0;border:4px solid var(--border)}.prose th,.prose td{padding:1rem;border:3px solid var(--border);text-align:left;font-weight:700}.prose th{background:var(--bg-secondary);font-weight:900;text-transform:uppercase}@media(max-width:768px){body{font-size:16px}h1{font-size:2.5rem;border-width:6px;padding:.75rem}h2{font-size:2rem;border-width:5px;padding:.75rem}h3{font-size:1.5rem;border-width:4px;padding:.5rem}h4{font-size:1.25rem;border-width:3px;padding:.5rem}.prose h2{font-size:2rem}.prose h3{font-size:1.5rem}.prose img{box-shadow:6px 6px 0 var(--shadow)}}.dark-mode-toggle{background:var(--bg-secondary);border:4px solid var(--border);color:var(--text-primary);font-size:1.5rem;width:50px;height:50px;cursor:pointer;transition:all .2s ease;font-weight:900;box-shadow:4px 4px 0 var(--shadow);position:relative;line-height:1}@media(hover:hover)and (pointer:fine){.dark-mode-toggle:hover{background:var(--accent);color:var(--bg-primary);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow)}}.dark-mode-toggle:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--shadow)}.dark-mode-toggle:focus{outline:none}.dark-mode-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(max-width:768px){.dark-mode-toggle{width:40px;height:40px;font-size:1.25rem;border-width:3px}}.site-header{border-bottom:6px solid var(--border);background:var(--bg-primary);position:sticky;top:0;z-index:100;box-shadow:0 6px 0 var(--shadow)}.nav-container{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:900;color:var(--text-primary);text-decoration:none;text-transform:uppercase;letter-spacing:-.02em;border:none;transition:all .2s ease}.logo:hover{color:var(--accent);background:transparent;border:none}.nav-right{display:flex;align-items:center;gap:2rem}.nav-controls{display:flex;align-items:center;gap:1rem}.hamburger-menu{display:none;background:var(--bg-secondary);border:4px solid var(--border);width:40px;height:40px;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 0 var(--shadow);padding:0;position:relative}@media(hover:hover)and (pointer:fine){.hamburger-menu:hover{background:var(--accent);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow)}}.hamburger-menu:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--shadow)}.hamburger-menu:focus{outline:none}.hamburger-menu:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hamburger-icon{display:block;position:relative;width:20px;height:2px;background:var(--text-primary);transition:all .3s ease;margin:0 auto}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;width:20px;height:2px;background:var(--text-primary);transition:all .3s ease;left:0}.hamburger-icon:before{top:-6px}.hamburger-icon:after{top:6px}@media(hover:hover)and (pointer:fine){.hamburger-menu:hover .hamburger-icon:not(.hamburger-icon-open),.hamburger-menu:hover .hamburger-icon:not(.hamburger-icon-open):before,.hamburger-menu:hover .hamburger-icon:not(.hamburger-icon-open):after{background:var(--bg-primary)}}.hamburger-icon-open{background:transparent}.hamburger-icon-open:before{transform:rotate(45deg);top:0}.hamburger-icon-open:after{transform:rotate(-45deg);top:0}.nav-links{list-style:none;margin:0;padding:0;display:flex;gap:2rem}.nav-links a{color:var(--text-primary);text-decoration:none;font-weight:700;border:none;text-transform:uppercase;font-size:1rem;transition:all .2s ease}.nav-links a:hover{color:var(--accent);background:transparent}@media(max-width:768px){.nav-container{padding:1rem;flex-wrap:wrap;position:relative}.nav-right{gap:0;width:auto}.nav-controls{gap:.75rem}.hamburger-menu{display:block}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--bg-primary);border-top:4px solid var(--border);box-shadow:0 6px 0 var(--shadow);max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0}.nav-links-open{max-height:300px}.nav-links li{border-bottom:3px solid var(--border)}.nav-links li:last-child{border-bottom:none}.nav-links a{display:block;padding:1rem 1.5rem;font-size:1rem;width:100%}.nav-links a:hover{background:var(--bg-secondary)}.logo{font-size:1.25rem}}.site-footer{border-top:6px solid var(--border);background:var(--bg-secondary);margin-top:4rem;box-shadow:0 -6px 0 var(--shadow)}.footer-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;text-align:center}.footer-container p{margin:0;color:var(--text-secondary);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.footer-container{padding:1.5rem 1rem}.footer-container p{font-size:.9rem}}