@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";@font-face{font-family:MS Sans Serif;src:url(/fonts/ms-sans-serif.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--win-teal:teal;--win-desktop:teal;--win-gray:silver;--win-gray-light:#dfdfdf;--win-gray-dark:gray;--win-blue:navy;--win-white:#fff;--win-black:#000;--win-yellow:#ff0;--win-text:#000;--win-text-disabled:gray;--win-face:silver;--win-shadow:gray;--win-hilight:#dfdfdf;--win-light:#fff;--win-dark:#000;--win-frame:#000;--win-title-active:navy;--win-title-inactive:gray;--win-title-text-active:#fff;--win-title-text-inactive:silver;--win-scrollbar:silver;--win-scrollbar-thumb:silver;--win-font:"MS Sans Serif", "Pixelated MS Sans Serif", Tahoma, Geneva, sans-serif;--win-font-body:Verdana, "Segoe UI", Tahoma, Geneva, sans-serif;--win-font-mono:"VT323", "Courier New", monospace;--win-border-width:2px;--win-border-radius:0;--win-title-height:18px;--win-taskbar-height:28px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--win-font);color:var(--win-text);user-select:none;-webkit-font-smoothing:none;font-smooth:never;image-rendering:pixelated;font-size:11px;overflow:hidden}body{background:var(--win-teal)}a{color:var(--win-text);text-decoration:none}a:hover{text-decoration:underline}img{image-rendering:pixelated}.bevel-out{border-style:solid;border-width:1px;border-color:var(--win-hilight) var(--win-shadow) var(--win-shadow) var(--win-hilight);box-shadow:inset -1px -1px 0 0 var(--win-shadow), inset 1px 1px 0 0 var(--win-light), inset -2px -2px 0 0 var(--win-black), inset 2px 2px 0 0 var(--win-face)}.bevel-in{border-style:solid;border-width:1px;border-color:var(--win-shadow) var(--win-hilight) var(--win-hilight) var(--win-shadow);box-shadow:inset 1px 1px 0 0 var(--win-black), inset -1px -1px 0 0 var(--win-light), inset 2px 2px 0 0 var(--win-gray-dark), inset -2px -2px 0 0 var(--win-face)}.bevel-thin-out{border:1px solid;border-color:var(--win-light) var(--win-shadow) var(--win-shadow) var(--win-light)}.bevel-thin-in{border:1px solid;border-color:var(--win-shadow) var(--win-light) var(--win-light) var(--win-shadow)}.desktop{background:var(--win-teal);width:100vw;height:100vh;position:relative;overflow:hidden}.desktop:before{content:"";pointer-events:none;z-index:9998;background-image:repeating-linear-gradient(0deg,#0000 0 2px,#00000005 2px 4px);position:absolute;inset:0}.desktop-icon{cursor:pointer;flex-direction:column;align-items:center;gap:4px;width:75px;padding:4px;display:flex;position:absolute}.desktop-icon-img{width:32px;height:32px;image-rendering:pixelated;display:block}.desktop-icon-label{font-family:var(--win-font);color:var(--win-white);text-align:center;text-shadow:1px 1px 0 var(--win-black);word-wrap:break-word;max-width:72px;padding:1px 3px;font-size:11px;line-height:1.2}.desktop-icon.selected .desktop-icon-img{filter:brightness(.6)sepia()hue-rotate(180deg)saturate(3)}.desktop-icon.selected .desktop-icon-label{background:var(--win-blue);color:var(--win-white);text-shadow:none}.window{background:var(--win-face);border:2px solid;border-color:var(--win-light) var(--win-shadow) var(--win-shadow) var(--win-light);box-shadow:inset 1px 1px 0 0 var(--win-light), inset -1px -1px 0 0 var(--win-gray-dark), 0 0 0 1px var(--win-black), 2px 2px 6px #0000004d;flex-direction:column;min-width:200px;min-height:100px;display:flex;position:absolute}.window-title-bar{height:var(--win-title-height);background:var(--win-title-active);cursor:move;user-select:none;flex-shrink:0;align-items:center;gap:2px;padding:2px 2px 2px 3px;display:flex}.window-title-bar.inactive{background:var(--win-title-inactive)}.window-title-icon{width:16px;height:16px;image-rendering:pixelated;flex-shrink:0}.window-title-text{color:var(--win-title-text-active);font-family:var(--win-font);white-space:nowrap;text-overflow:ellipsis;flex:1;padding-left:2px;font-size:8px;font-weight:700;overflow:hidden}.window-title-bar.inactive .window-title-text{color:var(--win-title-text-inactive)}.window-controls{flex-shrink:0;gap:1px;display:flex}.window-btn{background:var(--win-face);border:1px solid;border-color:var(--win-light) var(--win-shadow) var(--win-shadow) var(--win-light);width:16px;height:14px;font-family:var(--win-font);color:var(--win-text);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:8px;font-weight:700;line-height:1;display:flex}.window-btn:active{border-color:var(--win-shadow) var(--win-light) var(--win-light) var(--win-shadow)}.window-btn-minimize{font-size:7px}.window-btn-maximize{font-size:8px}.window-btn-close{margin-left:1px;font-size:8px}.window-menubar{background:var(--win-face);border-bottom:1px solid var(--win-gray-dark);flex-shrink:0;padding:1px 0;display:flex}.window-menubar-item{font-family:var(--win-font);cursor:pointer;padding:2px 8px;font-size:11px}.window-menubar-item:hover{background:var(--win-blue);color:var(--win-white)}.window-menubar-item u{text-decoration:underline}.window-body{flex:1;position:relative;overflow:auto}.window-statusbar{background:var(--win-face);border-top:1px solid var(--win-white);height:18px;font-family:var(--win-font);color:var(--win-text);flex-shrink:0;align-items:center;gap:4px;padding:0 4px;font-size:11px;display:flex}.window-statusbar-field{border:1px solid;border-color:var(--win-shadow) var(--win-light) var(--win-light) var(--win-shadow);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:1px 6px;overflow:hidden}.window-resize-handle{cursor:se-resize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M11 15h4v-4M8 15h7M5 15h9M2 15h11' stroke='%23000' stroke-width='1' fill='none'/%3E%3C/svg%3E");background-position:100% 100%;background-repeat:no-repeat;background-size:contain;width:16px;height:16px;position:absolute;bottom:0;right:0}.taskbar{height:var(--win-taskbar-height);background:var(--win-face);border-top:2px solid;border-color:var(--win-white) var(--win-gray-dark) var(--win-gray-dark) var(--win-white);z-index:10000;align-items:center;gap:2px;padding:2px;display:flex;position:fixed;bottom:0;left:0;right:0}.taskbar-start{background:var(--win-face);border:1px solid;border-color:var(--win-light) var(--win-shadow) var(--win-shadow) var(--win-light);font-family:var(--win-font);cursor:pointer;align-items:center;gap:4px;height:22px;padding:2px 6px;font-size:11px;font-weight:700;display:flex}.taskbar-start:active,.taskbar-start.open{border-color:var(--win-shadow) var(--win-light) var(--win-light) var(--win-shadow)}.taskbar-start-icon{width:16px;height:16px;image-rendering:pixelated}.taskbar-divider{background:var(--win-gray-dark);border-right:1px solid var(--win-white);width:2px;height:22px;margin:0 2px}.taskbar-buttons{scrollbar-width:none;flex:1;gap:2px;display:flex;overflow:auto hidden}.taskbar-buttons::-webkit-scrollbar{display:none}.taskbar-btn{background:var(--win-face);border:1px solid;border-color:var(--win-light) var(--win-shadow) var(--win-shadow) var(--win-light);font-family:var(--win-font);cursor:pointer;align-items:center;gap:4px;min-width:120px;max-width:160px;height:22px;padding:2px 6px;font-size:11px;display:flex;overflow:hidden}.taskbar-btn.active{border-color:var(--win-shadow) var(--win-light) var(--win-light) var(--win-shadow);background:var(--win-gray);background-image:repeating-linear-gradient(45deg,#0000 0 1px,#ffffff4d 1px 2px)}.taskbar-btn-icon{width:16px;height:16px;image-rendering:pixelated;flex-shrink:0}.taskbar-btn-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.taskbar-clock{border:1px solid;border-color:var(--win-shadow) var(--win-light) var(--win-light) var(--win-shadow);font-family:var(--win-font);white-space:nowrap;align-items:center;height:22px;padding:2px 8px;font-size:11px;display:flex}.start-menu{bottom:var(--win-taskbar-height);background:var(--win-face);border:2px solid;border-color:var(--win-light) var(--win-shadow) var(--win-shadow) var(--win-light);width:200px;box-shadow:inset 1px 1px 0 0 var(--win-light), inset -1px -1px 0 0 var(--win-gray-dark), 0 0 0 1px var(--win-black), 2px 2px 8px #0006;z-index:10001;flex-direction:column;display:flex;position:fixed;left:2px}.start-menu-header{background:var(--win-gray-dark);font-family:var(--win-font);color:var(--win-light);text-shadow:1px 1px 0 var(--win-black);border-bottom:1px solid var(--win-black);align-items:center;gap:6px;padding:6px 8px;font-size:14px;font-weight:700;display:flex}.start-menu-list{flex:1;padding:2px}.start-menu-item{cursor:pointer;font-family:var(--win-font);align-items:center;gap:8px;padding:4px 8px;font-size:11px;display:flex}.start-menu-item:hover{background:var(--win-blue);color:var(--win-white)}.start-menu-item-icon{width:24px;height:24px;image-rendering:pixelated;flex-shrink:0}.start-menu-separator{background:var(--win-gray-dark);border-bottom:1px solid var(--win-white);height:1px;margin:2px 4px}.btn-win{font-family:var(--win-font);background:var(--win-face);border:1px solid;border-color:var(--win-light) var(--win-shadow) var(--win-shadow) var(--win-light);cursor:pointer;color:var(--win-text);min-height:23px;padding:4px 12px;font-size:11px}.btn-win:active,.btn-win.active{border-color:var(--win-shadow) var(--win-light) var(--win-light) var(--win-shadow);background:var(--win-gray)}.btn-win:focus{outline:1px dotted var(--win-black);outline-offset:-4px}.btn-win:disabled{color:var(--win-text-disabled);text-shadow:1px 1px 0 var(--win-white)}.input-win{font-family:var(--win-font);background:var(--win-white);border:2px solid;border-color:var(--win-gray-dark) var(--win-white) var(--win-white) var(--win-gray-dark);box-shadow:inset 1px 1px 0 0 var(--win-black), inset -1px -1px 0 0 var(--win-light);color:var(--win-text);outline:none;padding:3px 4px;font-size:11px}.input-win:focus{outline:none}textarea.input-win{resize:none}.win-scroll::-webkit-scrollbar{width:16px;height:16px}.win-scroll::-webkit-scrollbar-track{background-color:var(--win-white);background-image:repeating-conic-gradient(var(--win-gray-light) 0% 25%, var(--win-white) 0% 50%);background-size:2px 2px}.win-scroll::-webkit-scrollbar-thumb{background-color:var(--win-face);border:2px solid;border-color:var(--win-light) var(--win-shadow) var(--win-shadow) var(--win-light)}.win-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--win-gray)}.win-scroll::-webkit-scrollbar-corner{background-color:var(--win-face)}.win-scroll{scrollbar-width:auto;scrollbar-color:var(--win-face) var(--win-white)}.dialog-overlay{z-index:10010;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-box{background:var(--win-face);border:2px solid;border-color:var(--win-light) var(--win-shadow) var(--win-shadow) var(--win-light);box-shadow:inset 1px 1px 0 0 var(--win-light), inset -1px -1px 0 0 var(--win-gray-dark), 0 0 0 1px var(--win-black), 4px 4px 16px #0006;min-width:280px;max-width:400px}.dialog-title-bar{background:var(--win-title-active);cursor:move;align-items:center;height:18px;padding:2px 3px;display:flex}.dialog-title-text{color:var(--win-title-text-active);font-family:var(--win-font);flex:1;padding-left:2px;font-size:8px;font-weight:700}.dialog-body{align-items:flex-start;gap:12px;padding:16px;display:flex}.dialog-icon{flex-shrink:0;width:32px;height:32px}.dialog-message{font-family:var(--win-font);color:var(--win-text);flex:1;font-size:11px;line-height:1.5}.dialog-buttons{justify-content:center;gap:8px;padding:8px 16px 16px;display:flex}.bsod{color:#fff;z-index:99999;white-space:pre-wrap;background:#00a;padding:10% 12%;font-family:Courier New,monospace;font-size:16px;line-height:1.6;position:fixed;inset:0}.bsod-close{color:#fff;cursor:pointer;font-family:var(--win-font);background:#00a;border:1px solid #fff;padding:4px 12px;font-size:12px;position:absolute;top:20px;right:20px}.screen-saver{background:var(--win-black);z-index:99998;cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen-saver-text{font-family:var(--win-font-mono);color:var(--win-teal);text-shadow:0 0 20px #00ffff4d;font-size:48px;animation:10s linear infinite marquee}@keyframes marquee{0%{transform:translate(-100%)}to{transform:translate(100%)}}.win-text{font-family:var(--win-font);color:var(--win-text);font-size:11px}.win-text-bold{font-family:var(--win-font);color:var(--win-text);font-size:11px;font-weight:700}.win-text-small{font-family:var(--win-font);color:var(--win-text);font-size:10px}.win-divider{background:var(--win-gray-dark);border-bottom:1px solid var(--win-white);height:2px;margin:4px 0}.win-divider-v{background:var(--win-gray-dark);border-right:1px solid var(--win-white);width:2px;margin:0 4px}.win-pixelated{image-rendering:pixelated;image-rendering:-moz-crisp-edges}.app-content{font-family:var(--win-font-body);color:var(--win-text);background:var(--win-face);-webkit-font-smoothing:antialiased;font-smooth:auto;user-select:text;height:100%;padding:10px 12px;font-size:13.5px;line-height:1.55;overflow-y:auto}.app-content h1,.app-content h2,.app-content h3{font-family:var(--win-font);color:var(--win-text);margin-bottom:8px;font-weight:700}.app-content h1{font-size:18px}.app-content h2{font-size:15px}.app-content h3{font-size:13px}.app-content p{margin-bottom:8px;line-height:1.5}.app-content a{color:var(--win-text);text-decoration:underline}.app-content a:hover{color:var(--win-blue)}.app-content ul,.app-content ol{margin-bottom:8px;margin-left:20px}.app-content li{margin-bottom:4px;line-height:1.5}.app-content img{max-width:100%;height:auto}.app-content code{font-family:var(--win-font-mono);background:var(--win-white);border:1px solid var(--win-gray-dark);padding:0 2px;font-size:14px}.app-content pre{font-family:var(--win-font-mono);background:var(--win-white);border:2px solid;border-color:var(--win-gray-dark) var(--win-white) var(--win-white) var(--win-gray-dark);margin-bottom:8px;padding:8px;font-size:14px;overflow:auto}.prose-win{font-family:var(--win-font-body);-webkit-font-smoothing:antialiased;user-select:text;color:var(--win-text);max-width:100%;padding:12px 16px;font-size:14px;line-height:1.7}.prose-win h1{margin:16px 0 8px;font-size:18px;font-weight:700}.prose-win h2{margin:14px 0 6px;font-size:15px;font-weight:700}.prose-win h3{margin:12px 0 4px;font-size:13px;font-weight:700}.prose-win p{margin-bottom:10px}.prose-win ul{margin-bottom:10px;margin-left:24px}.prose-win li{margin-bottom:4px;list-style:outside}.prose-win img{max-width:100%;margin:8px 0}.prose-win blockquote{border-left:3px solid var(--win-gray-dark);color:var(--win-text-disabled);margin:8px 0;padding-left:12px}.prose-win code{font-family:var(--win-font-mono);background:var(--win-white);border:1px solid var(--win-gray-dark);padding:1px 3px}.blog-list{flex-direction:column;gap:4px;padding:4px;display:flex}.blog-card{background:var(--win-face);border:1px solid;border-color:var(--win-light) var(--win-shadow) var(--win-shadow) var(--win-light);cursor:pointer;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.blog-card:hover{background:var(--win-gray)}.blog-card.selected{border-color:var(--win-shadow) var(--win-light) var(--win-light) var(--win-shadow);background:var(--win-gray)}.blog-card-title{font-family:var(--win-font-body);color:var(--win-text);font-size:13.5px;font-weight:700}.blog-card-meta{font-family:var(--win-font-body);color:var(--win-text-disabled);align-items:center;gap:8px;font-size:11.5px;display:flex}.blog-card-badge{font-family:var(--win-font-body);border:1px solid var(--win-gray-dark);background:var(--win-white);padding:1px 4px;font-size:10.5px;display:inline-block}.blog-card-badge.youtube{color:#c00}.blog-card-badge.instagram{color:#c09}.blog-card-badge.markdown{color:var(--win-text)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:8px;display:grid}.project-card{background:var(--win-face);border:2px solid;border-color:var(--win-light) var(--win-shadow) var(--win-shadow) var(--win-light);cursor:pointer;flex-direction:column;gap:6px;padding:8px;display:flex}.project-card:hover{background:var(--win-gray)}.project-card-title{font-family:var(--win-font-body);font-size:14px;font-weight:700}.project-card-category{font-family:var(--win-font-body);color:var(--win-text-disabled);text-transform:uppercase;letter-spacing:.5px;font-size:10.5px}.project-card-desc{font-family:var(--win-font-body);color:var(--win-text);font-size:13px;line-height:1.5}.contact-form{flex-direction:column;gap:8px;padding:8px;display:flex}.contact-form label{font-family:var(--win-font);margin-bottom:2px;font-size:11px;font-weight:700;display:block}.contact-form .input-win{width:100%}.contact-form textarea.input-win{min-height:80px}.form-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.social-links{flex-direction:column;gap:4px;padding:8px;display:flex}.social-link{cursor:pointer;font-family:var(--win-font-body);color:var(--win-text);border:1px solid #0000;align-items:center;gap:8px;padding:6px 8px;font-size:13.5px;text-decoration:none;display:flex}.social-link:hover{background:var(--win-gray);border-color:var(--win-light) var(--win-shadow) var(--win-shadow) var(--win-light);text-decoration:none}.social-link-icon{flex-shrink:0;width:20px;height:20px}.support-nudge{font-family:var(--win-font-body);color:var(--win-text-disabled);border-top:1px solid var(--win-gray-dark);margin-top:8px;padding-top:6px;font-size:12px;line-height:1.5}.support-nudge a{color:var(--win-blue);font-weight:700;text-decoration:underline}.support-banner{font-family:var(--win-font-body);background:var(--win-white);border:2px solid;border-color:var(--win-shadow) var(--win-light) var(--win-light) var(--win-shadow);margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.55}.support-banner a{color:var(--win-blue);font-weight:700}@media (width<=768px){.desktop-icon{width:64px}.desktop-icon-img{width:28px;height:28px}.desktop-icon-label{font-size:10px}:root{--win-taskbar-height:40px}.taskbar{height:40px}.taskbar-start{height:32px;padding:4px 10px;font-size:12px}.taskbar-btn{min-width:80px;max-width:120px;height:32px;font-size:10px}.taskbar-clock{height:32px;font-size:10px}.window-btn{width:24px;height:20px;font-size:10px}.window-title-bar{touch-action:none;height:24px}.window-title-text{font-size:9px}.window-resize-handle{touch-action:none;width:24px;height:24px}.window{max-width:100vw;max-height:calc(100vh - 40px)}.start-menu{width:180px}.start-menu-item{min-height:36px;padding:6px 8px}.start-menu-item-icon{width:20px;height:20px}.input-win{padding:6px 8px;font-size:12px}.btn-win{min-height:28px;padding:6px 14px;font-size:12px}.app-content{padding:6px;font-size:12px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.dialog-box{min-width:240px;max-width:90vw}}@media (width<=480px){:root{--win-taskbar-height:44px}.taskbar{height:44px;padding:3px}.taskbar-start{height:34px;padding:4px 8px}.taskbar-start-icon{width:18px;height:18px}.taskbar-btn{min-width:60px;max-width:100px;height:34px;font-size:9px}.taskbar-clock{display:none}.taskbar-divider{margin:0 1px}.window-btn{width:28px;height:24px}.window-title-bar{height:26px}.window-resize-handle{width:28px;height:28px}.start-menu{width:160px}.start-menu-item{min-height:40px;font-size:12px}.desktop-icon{width:60px}.desktop-icon-img{width:26px;height:26px}.desktop-icon-label{font-size:9px}.projects-grid{grid-template-columns:1fr}.blog-card{padding:6px 8px}.btn-win{min-height:32px;padding:8px 16px}.input-win{padding:8px;font-size:13px}}@keyframes window-open{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.window.opening{animation:.15s ease-out window-open}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.blink{animation:1s step-end infinite blink}html{text-size-adjust:100%}::selection{background:var(--win-blue);color:var(--win-white)}:focus-visible{outline:1px dotted var(--win-black);outline-offset:-2px}