:root{--font:'Comic Mono', 'Courier New', monospace;--grain-opacity:0.2;--desktop-bg:#c8bc9e;--desktop-fg:#1a1408;--mb-bg:rgba(195, 185, 163, 0.94);--mb-border:rgba(0, 0, 0, 0.18);--mb-fg:#1a1408;--win-border:#8a7a58;--win-content:#f5f0e6;--tb-from:#b09a6a;--tb-to:#7a6840;--tb-fg:#f5ead0;--tl-close:#e05030;--tl-min:#d4a020;--tl-max:#408838;--fg:#1e180c;--accent:#6a4c10;--muted:#8a7a5a;--link:#3050a0;--link-hover:#102878;--code-bg:#e8e0d0;--hr-color:#c8bea8}body::before,body::after{content:'';position:fixed;inset:0;pointer-events:none}body::before{z-index:1;background-image:url(/backgrounds/wallpaper.webp);background-size:contain;background-repeat:no-repeat;background-position:50%;image-rendering:crisp-edges;opacity:.2}body::after{z-index:9999;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:300px 300px}@font-face{font-family:comic mono;src:url(/fonts/ComicMono.woff2)format('woff2');font-weight:400}*{cursor:url(/cursor.png),auto}.skip-link{position:absolute;top:-100%;left:0;background:var(--win-content);color:var(--fg);padding:.4rem 1rem;font-size:.8rem;font-family:var(--font);z-index:9999;text-decoration:none}.skip-link:focus{top:26px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}audio{accent-color:var(--accent);width:100%}body{font-family:var(--font);background-color:var(--desktop-bg);min-height:100vh;padding-top:26px;text-transform:lowercase}.menubar{position:fixed;top:0;left:0;right:0;height:26px;background:var(--mb-bg);border-bottom:1px solid var(--mb-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;z-index:1000;font-family:var(--font);font-size:.72rem;user-select:none}.menu-logo{padding:0 12px;font-size:1rem;color:var(--mb-fg);flex-shrink:0}.menu-appname{padding:0 10px;font-weight:700;color:var(--mb-fg);flex-shrink:0}.menu-item{padding:0 10px;height:100%;display:flex;align-items:center;color:var(--mb-fg);text-decoration:none}.menu-item:hover{background:rgba(0,0,0,.1)}.menu-spacer{flex:1}@media(max-width:600px){.menu-item{display:none}.menu-right span:not(.battery){display:none}}.menu-right{padding:0 12px;color:var(--mb-fg);font-size:.68rem;display:flex;align-items:center;gap:4px}.no-js-badge{position:relative;display:inline-flex;align-items:center}.no-js-badge summary{list-style:none;color:var(--mb-fg);text-decoration:none}.no-js-badge summary::-webkit-details-marker{display:none}.no-js-badge summary s{color:var(--muted);font-size:.68rem}.no-js-popup{position:absolute;top:26px;right:0;background:var(--mb-bg);border:1px solid var(--mb-border);padding:.5rem .75rem;font-size:.7rem;color:var(--mb-fg);white-space:nowrap;z-index:1001;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.battery{display:inline-flex;align-items:center;gap:1px}.battery-bar{width:24px;height:11px;border:1.5px solid var(--mb-fg);border-radius:2px;padding:1.5px}.battery-fill{display:block;width:100%;height:100%;background:var(--mb-fg);border-radius:1px}.battery-tip{width:2px;height:5px;background:var(--mb-fg);border-radius:0 1px 1px 0}.desktop{padding:2rem;min-height:calc(100vh - 26px);position:relative;z-index:2}.desktop-bg{position:fixed;top:26px;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.desktop-bg .icon{pointer-events:all}.motd{position:fixed;bottom:2rem;right:2rem;pointer-events:none;z-index:1}.badges{position:fixed;bottom:2rem;left:2rem;display:flex;flex-direction:row;gap:4px;z-index:3;pointer-events:all}.badges img{image-rendering:pixelated;display:block}@media(max-width:600px){.badges{display:none}}.cowsay{font-family:var(--font);font-size:.72rem;line-height:1.4;color:var(--fg);background:0 0;border:none;padding:0;margin:0}@media(max-width:600px){.motd{display:none}}.desktop-icons{display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:1.5rem 2rem;max-height:calc(100vh - 100px)}.icon{display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;width:72px}.icon-emoji{font-size:2.5rem;line-height:1}.icon-label{color:var(--desktop-fg);font-family:var(--font);font-size:.68rem;text-align:center;line-height:1.3}.icon:hover .icon-label{text-decoration:underline}.window-view{display:flex;justify-content:center;align-items:flex-start;padding:2.5rem 1rem 3rem;min-height:calc(100vh - 26px);position:relative;z-index:2;pointer-events:none}.window{pointer-events:all}.window{width:100%;max-width:780px;border:1.5px solid var(--win-border);border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.15)inset,2px 4px 24px rgba(0,0,0,.35)}.titlebar{display:flex;align-items:center;gap:.75rem;padding:.45rem .9rem;background:linear-gradient(to bottom,var(--tb-from),var(--tb-to));border-bottom:1px solid var(--win-border)}.traffic-lights{display:flex;gap:6px;flex-shrink:0;align-items:center}.tl{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 1px rgba(255,255,255,.3),0 1px 1px rgba(0,0,0,.3);display:block;text-decoration:none}.tl.close{background:var(--tl-close)}.tl.minimize{background:var(--tl-min);position:relative}.tl.maximize{background:var(--tl-max)}.titlebar-title{flex:1;text-align:center;color:var(--tb-fg);font-family:var(--font);font-size:.75rem;letter-spacing:.05em;text-shadow:0 1px 1px rgba(0,0,0,.4)}.window-content{background:var(--win-content);padding:2rem 2.25rem;color:var(--fg);line-height:1.75;font-size:.9rem;font-family:var(--font)}.window-content :is(h1,h2,h3){color:var(--accent);line-height:1.2;margin-bottom:.75rem;font-family:var(--font)}.window-content h1{font-size:1.3rem;margin-bottom:1.25rem}.window-content h1::before{content:'> ';color:var(--muted)}.window-content h2{font-size:1rem;margin-top:2rem}.window-content h3{font-size:.9rem;margin-top:1.5rem}.window-content p{margin-bottom:1rem}.window-content a{color:var(--link);text-decoration:underline}.window-content a:hover{color:var(--link-hover)}.window-content hr{border:none;border-top:1px solid var(--hr-color);margin:1.5rem 0}.window-content code{background:var(--code-bg);padding:.1em .4em;font-size:.88em;font-family:var(--font)}.window-content pre{background:var(--code-bg);padding:1rem;overflow-x:auto;margin-bottom:1rem;border-left:3px solid var(--muted)}.window-content pre code{background:0 0;padding:0}.window-content :is(ul,ol){padding-left:1.5rem;margin-bottom:1rem}.window-content li{margin-bottom:.25rem}.post-meta{color:var(--muted);font-size:.82rem;margin-bottom:.5rem}.toc{border-left:3px solid var(--muted);padding-left:1rem;margin-bottom:2rem;font-size:.85rem}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin-bottom:.25rem}.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--link)}.post-list{list-style:none;padding:0}.post-list li{display:flex;gap:1.5rem;margin-bottom:.5rem;flex-wrap:wrap}.post-list .date{color:var(--muted);flex-shrink:0}.project{border-left:3px solid var(--muted);padding-left:1rem;margin-bottom:1.5rem}.project h3{margin-top:0}.project .tags{color:var(--muted);font-size:.82rem}#zen:target{max-width:100%;border-radius:0;border:2px solid var(--win-border);min-height:calc(100vh - 26px);display:flex;flex-direction:column}#zen:target .window-content{flex:1}.window-view:has(#zen:target){padding:0;align-items:stretch}.zen-exit{display:none}#zen:target .zen-enter{display:none}#zen:target .zen-exit{display:block}