:root{--color-neutral-50:248, 248, 248;--color-neutral-100:235, 235, 235;--color-neutral-200:210, 210, 210;--color-neutral-300:180, 180, 180;--color-neutral-400:161, 161, 170;--color-neutral-500:113, 113, 122;--color-neutral-600:82, 82, 91;--color-neutral-700:63, 63, 70;--color-neutral-800:39, 39, 42;--color-neutral-900:24, 24, 27;--color-primary-50:245, 243, 255;--color-primary-100:237, 233, 254;--color-primary-200:221, 214, 254;--color-primary-300:196, 181, 253;--color-primary-400:167, 139, 250;--color-primary-500:139, 92, 246;--color-primary-600:124, 58, 237;--color-primary-700:109, 40, 217;--color-primary-800:91, 33, 182;--color-primary-900:76, 29, 149;--background-color:rgb(var(--color-neutral-50));--text-color:rgb(var(--color-neutral-800));--link-color:rgb(var(--color-primary-600));--header-footer-bg:rgb(var(--color-neutral-100));--border-color:rgb(var(--color-neutral-200));--card-bg:rgb(var(--color-neutral-100));--shadow-color:rgba(var(--color-neutral-900), 0.1)}[data-theme=dark]{--background-color:rgb(var(--color-neutral-900));--text-color:rgb(var(--color-neutral-200));--link-color:rgb(var(--color-primary-400));--header-footer-bg:rgb(var(--color-neutral-800));--border-color:rgb(var(--color-neutral-700));--card-bg:rgb(var(--color-neutral-800));--shadow-color:rgba(var(--color-neutral-900), 0.5)}html,body{height:100%}body{font-family:noto sans,sans-serif;background-color:var(--background-color);color:var(--text-color);margin:0;line-height:1.6;font-size:1.1em;transition:background-color .3s ease,color .3s ease;display:flex;flex-direction:column;min-height:100vh}header{background-color:var(--header-footer-bg);padding:1rem 20px;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.header-left a{font-size:1.5em;font-weight:700;color:var(--text-color);text-decoration:none}.header-right{display:flex;align-items:center;gap:15px}.desktop-nav{display:flex;gap:15px}.desktop-nav a{color:var(--text-color);text-decoration:none;font-weight:500;padding:5px 10px;border-radius:5px;transition:background-color .3s ease,color .3s ease}.desktop-nav a:hover{background-color:rgb(var(--color-primary-100));color:rgb(var(--color-primary-800))}[data-theme=dark] .desktop-nav a:hover{background-color:rgb(var(--color-primary-800));color:rgb(var(--color-primary-100))}button#theme-toggle,button#mobile-menu-toggle,button#search-button{background:0 0;color:var(--text-color);border:none;outline:none;cursor:pointer;padding:5px;border-radius:5px;transition:color .3s ease}button#theme-toggle:hover,button#mobile-menu-toggle:hover,button#search-button:hover{color:var(--link-color)}button#theme-toggle svg,button#mobile-menu-toggle svg,button#search-button svg{width:24px;height:24px;display:block}main{padding:40px 20px;max-width:960px;margin:auto;flex-grow:1}.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:flex-start;padding-top:10vh;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.search-overlay.active{opacity:1;visibility:visible}.search-modal{background-color:var(--background-color);padding:20px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);width:90%;max-width:700px;position:relative;padding-top:60px}.search-modal-close{position:absolute;top:15px;right:15px;background:0 0;border:none;font-size:1.8em;cursor:pointer;color:var(--text-color);z-index:1001}.search-modal-close:hover{color:var(--link-color)}h1,h2,h3,h4,h5,h6{color:var(--text-color);margin-top:1.5em;margin-bottom:.5em;line-height:1.2}h1{font-size:2.5em;border-bottom:2px solid var(--border-color);padding-bottom:10px;margin-bottom:30px}h2{font-size:2em}p{margin-bottom:1em}a{color:var(--link-color);text-decoration:none;transition:color .3s ease}a:hover{text-decoration:underline}footer{background-color:var(--header-footer-bg);padding:20px;text-align:center;border-top:1px solid var(--border-color);margin-top:40px;color:var(--text-color)}footer a{color:var(--link-color);text-decoration:none}footer a:hover{text-decoration:underline}ul{list-style:none;padding:0}ul li{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 4px 8px var(--shadow-color);transition:transform .2s ease,box-shadow .2s ease}ul li:hover{transform:translateY(-5px);box-shadow:0 6px 12px var(--shadow-color)}ul li a{font-size:1em;font-weight:600;display:inline-block}ul li .post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:.9em;color:var(--text-color)}ul li .post-meta time{white-space:nowrap}ul li .post-meta .tags{display:flex;flex-wrap:nowrap;overflow:hidden;max-width:calc( 100% - 120px )}ul li .post-meta .tags a{font-size:.8em;white-space:nowrap;flex-shrink:0}.animated-section{text-align:center;margin-top:40px;margin-bottom:40px}.animated-section p{margin-bottom:20px;font-size:1.1em}.singing-intro{color:var(--color-primary-700);font-weight:700}.animated-content-frame{white-space:pre-wrap;font-family:monospace;display:block;margin:0 auto}.animated-content-frame a{overflow-wrap:break-word;font-size:.75em}blockquote{border-left:4px solid var(--border-color);padding-left:20px;margin-left:0;font-style:italic;color:var(--color-neutral-600)}[data-theme=dark] blockquote{color:var(--color-neutral-400)}pre,code,kbd,samp{font-family:monospace}pre{white-space:pre-wrap;word-wrap:break-word;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px;box-shadow:0 4px 8px var(--shadow-color);overflow-x:auto}.search-modal .pagefind-ui{--pagefind-ui-font:"Inter", sans-serif;--pagefind-ui-text:var(--text-color);--pagefind-ui-background:var(--background-color);--pagefind-ui-border:var(--border-color);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:5px;--pagefind-ui-primary:var(--link-color);--pagefind-ui-secondary:rgb(var(--color-neutral-500));--pagefind-ui-shade:var(--text-color);--pagefind-ui-focus:var(--link-color);--pagefind-ui-mark:rgba(var(--color-primary-400), 0.2);--pagefind-ui-mark-text:inherit}[data-theme=dark] .search-modal .pagefind-ui{--pagefind-ui-text:var(--text-color);--pagefind-ui-background:var(--background-color);--pagefind-ui-border:var(--border-color);--pagefind-ui-primary:var(--link-color);--pagefind-ui-secondary:rgb(var(--color-neutral-400));--pagefind-ui-shade:var(--text-color);--pagefind-ui-mark:rgba(var(--color-primary-400), 0.3);--pagefind-ui-mark-text:rgb(var(--color-primary-100))}.pagefind-ui__search-input{font-size:1rem;padding:10px 12px;background-color:var(--card-bg)}[data-theme=dark] .pagefind-ui__search-input{background-color:rgb(var(--color-neutral-800))}.pagefind-ui__results{margin-top:20px;border-radius:8px;border:var(--pagefind-ui-border-width)solid var(--pagefind-ui-border);overflow:hidden}.pagefind-ui__result hr{display:none}.pagefind-ui__result{cursor:pointer;border-bottom:var(--pagefind-ui-border-width)solid var(--pagefind-ui-border);background-color:transparent;box-shadow:none !important;padding:15px;transition:background-color .2s ease}.pagefind-ui__result:hover{background-color:rgb(var(--color-primary-100))}[data-theme=dark] .pagefind-ui__result:hover{background-color:rgb(var(--color-primary-800))}.pagefind-ui__result:hover a{color:var(--pagefind-ui-primary);text-decoration:underline}.pagefind-ui__result:last-child{border-bottom:none}.pagefind-ui__result-link{font-weight:600}.pagefind-ui__result-excerpt{opacity:.8}.pagefind-ui__search-clear{background-color:rgb(var(--color-neutral-200)) !important;color:rgb(var(--color-neutral-700)) !important;border:none !important;border-radius:6px !important;cursor:pointer !important;padding:6px 12px !important;margin-left:5px !important;font-size:.9em !important;font-weight:500;transition:background-color .2s ease,color .2s ease !important}.pagefind-ui__search-clear:hover{background-color:rgb(var(--color-neutral-300)) !important;color:rgb(var(--color-neutral-800)) !important}[data-theme=dark] .pagefind-ui__search-clear{background-color:rgb(var(--color-neutral-700)) !important;color:rgb(var(--color-neutral-200)) !important}[data-theme=dark] .pagefind-ui__search-clear:hover{background-color:rgb(var(--color-neutral-600)) !important}.hidden-mobile,.hidden-desktop{display:none}.show-mobile{display:flex;flex-direction:column;width:100%;background-color:var(--header-footer-bg);padding:1rem 0;border-top:1px solid var(--border-color)}.show-mobile .mobile-nav-links{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:15px}.show-mobile .mobile-nav-links a{width:100%;text-align:center;padding:10px 0}.show-mobile .search-container{width:90%;margin:0 auto 15px}.show-mobile .pagefind-ui__search-input{width:100%}@media(max-width:768px){.desktop-nav,#search-desktop{display:none}.hidden-desktop{display:block}.header-right{gap:5px}button#theme-toggle{margin-left:auto}main{padding:20px 15px;margin:0}h1{font-size:2em}h2{font-size:1.7em}ul li{padding:15px}ul li a{font-size:1.2em}}@media(min-width:769px){.hidden-mobile,#mobile-menu-toggle,#search-mobile{display:none !important}}.container{}.gif-container,.meme-container{margin-bottom:20px}.links-container{display:flex;justify-content:space-around;gap:20px}.link-box{border:1px solid var(--border-color);padding:10px;width:45%;text-decoration:none;color:var(--text-color);background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 8px var(--shadow-color);transition:transform .2s ease,box-shadow .2s ease}.link-box:hover{transform:translateY(-5px);box-shadow:0 6px 12px var(--shadow-color)}.link-box h2 a{font-size:1.3em;color:var(--link-color);text-decoration:underline}.link-box h3 a{font-size:.9em;color:var(--text-color);text-decoration:none}.link-box h3 a:hover{text-decoration:none}.link-box h2{margin-bottom:5px}.link-box p{font-size:.8em;color:var(--text-color);margin-top:0}.dilbert-gif{max-width:300px;height:auto;display:block;margin:20px auto}.tags{margin-top:10px}.tags a{display:inline-block;background-color:var(--color-primary-50);color:var(--color-primary-900);padding:0 4px;border-radius:5px;margin-right:5px;margin-bottom:5px;text-decoration:none;font-size:.8em;transition:background-color .3s ease,color .3s ease}.tags a:hover{background-color:var(--color-primary-100);color:var(--color-primary-900);text-decoration:none}[data-theme=dark] .tags a{background-color:rgb(var(--color-primary-800));color:rgb(var(--color-primary-100))}[data-theme=dark] .tags a:hover{background-color:rgb(var(--color-primary-700));color:rgb(var(--color-primary-50))}.mmbn-textbox{display:flex;align-items:center;background-color:#f8f8f8;border:3px solid #004088;border-radius:8px;max-width:650px;margin:30px auto;font-family:"press start 2p",monospace;box-shadow:0 4px 8px rgba(0,0,0,.2)}.mmbn-portrait{flex-shrink:0;padding:15px;background-color:#d0e0f0;border-right:3px solid #004088;display:flex;align-items:center;justify-content:center}.mmbn-text{padding:20px;color:#101010;flex-grow:1;text-align:left}.mmbn-text p{margin:0;line-height:1.6;font-size:.8em}[data-theme=dark] .mmbn-textbox{background-color:#1a223a;border-color:#60a5fa;color:rgb(var(--color-neutral-200))}[data-theme=dark] .mmbn-portrait{background-color:#2c3a5e;border-right-color:#60a5fa}[data-theme=dark] .mmbn-text{color:rgb(var(--color-neutral-200))}#pixel-portrait-container{width:68px;height:92px;display:grid;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pixel{width:100%;height:100%}@media(max-width:600px){.mmbn-textbox{flex-direction:column;align-items:stretch}.mmbn-portrait{border-right:none;border-bottom:3px solid #004088}[data-theme=dark] .mmbn-portrait{border-bottom-color:#60a5fa}.mmbn-text{font-size:.9em}#pixel-portrait-container{width:85px;height:115px;margin:auto}}table{width:100%;border-collapse:collapse;margin:25px 0;font-size:1em;font-family:noto sans,sans-serif;border:1px solid var(--border-color);overflow:hidden;white-space:nowrap}table th,table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color);white-space:normal}table thead{background-color:var(--header-footer-bg);color:var(--text-color)}table thead th{font-weight:600;border-bottom:2px solid var(--border-color)}table tbody tr{background-color:var(--card-bg)}table tbody tr:nth-of-type(even){background-color:var( --background-color )}[data-theme=dark] table thead{background-color:rgb(var(--color-neutral-800))}[data-theme=dark] table tbody tr{background-color:var(--card-bg)}[data-theme=dark] table tbody tr:nth-of-type(even){background-color:rgb(var(--color-neutral-900))}table td code{background-color:rgba(var(--color-neutral-300),.4);color:var(--text-color);padding:2px 6px;border-radius:4px;font-size:.9em}[data-theme=dark] table td code{background-color:rgba(var(--color-neutral-600),.5);color:var(--text-color)}pre:has(code[data-lang=terminal]){padding:20px;margin:25px 0;border-radius:8px;overflow-x:auto;font-family:sf mono,consolas,liberation mono,menlo,monospace;font-size:.9em;line-height:1.5}pre:has(code[data-lang=terminal]) code{background:0 0 !important;padding:0;color:inherit;font-size:inherit}[data-theme=light] pre:has(code[data-lang=terminal]){background-color:#f6f8fa;color:#24292e;border:1px solid #d0d7de}[data-theme=dark] pre:has(code[data-lang=terminal]){background-color:#2d333b;color:#cdd9e5;border:1px solid #444c56}