@import "https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--xp-blue:#0054e3;--xp-light-blue:#3c8cf7;--xp-green:#76b541;--xp-desktop-bg:#5a8fc3;--window-border:#0831d9;--taskbar-blue:#245edc;--title-bar-start:#0997ff;--title-bar-end:#0053ee}body{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path d=\"M0,0 L0,13 L4,9 L6,14 L8,13 L6,8 L10,8 Z\" fill=\"white\" stroke=\"black\"/></svg>"),auto;touch-action:manipulation;background:teal;height:100vh;font-family:Tahoma,MS Sans Serif,sans-serif;overflow:hidden}@media (max-width:768px){body{cursor:default}}.desktop{height:calc(100vh - 40px);padding:20px;position:relative}@media (max-width:768px){.desktop{-webkit-overflow-scrolling:touch;height:calc(100vh - 50px);padding:10px;overflow-y:auto}.desktop.desktop-mobile{grid-template-columns:repeat(4,1fr);align-content:start;gap:8px;padding:12px 8px;display:grid}}.desktop-icon{text-align:center;cursor:pointer;touch-action:manipulation;border:2px dashed #0000;width:80px;margin-bottom:20px;padding:4px;transition:filter .1s}@media (max-width:768px){.desktop-mobile .desktop-icon{-webkit-tap-highlight-color:#00008033;flex-direction:column;justify-content:center;align-items:center;width:auto;min-height:72px;margin-bottom:0;padding:8px 4px;display:flex;position:static!important}.desktop-icon img{width:44px!important;height:44px!important}.desktop-icon span{word-break:break-word;text-align:center;line-height:1.2;font-size:10px!important}}.desktop-icon:hover{background:#0000801a;border:2px dashed navy}.desktop-icon:active{filter:brightness(1.2)}.desktop-icon img{width:48px;height:48px;image-rendering:pixelated;filter:drop-shadow(1px 1px #00000080);margin-bottom:4px}.desktop-icon span{color:#fff;text-shadow:1px 1px 2px #000c;background:#0000001a;padding:2px 4px;font-size:11px;display:block}.desktop-icon.selected span{background:#0054e380;outline:1px dotted #fff}.window{z-index:1;background:silver;border:2px solid gray;border-color:#dfdfdf gray gray #dfdfdf;min-width:400px;min-height:300px;display:none;position:absolute;box-shadow:1px 1px #000}@media (max-width:768px){.window{min-width:unset;min-height:unset;max-width:100%;max-height:calc(100vh - 50px);width:100%!important;height:calc(100vh - 50px)!important;position:fixed!important;top:0!important;left:0!important}}.window.active{z-index:100;display:block}.window-title-bar{cursor:move;-webkit-user-select:none;user-select:none;background:navy;justify-content:space-between;align-items:center;padding:2px 2px 2px 4px;display:flex}@media (max-width:768px){.window-title-bar{cursor:default;touch-action:none;padding:8px 4px}}.window-title{color:#fff;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}@media (max-width:768px){.window-title{font-size:13px}}.window-title img{width:16px;height:16px;image-rendering:pixelated}@media (max-width:768px){.window-title img{width:20px;height:20px}}.window-controls{gap:2px;display:flex}.window-button{cursor:pointer;color:#000;touch-action:manipulation;background:silver;border:1px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;justify-content:center;align-items:center;width:16px;height:14px;font-size:8px;font-weight:700;display:flex}@media (max-width:768px){.window-button{touch-action:manipulation;width:32px;height:28px;font-size:14px}}.window-button:hover{background:#dfdfdf}.window-button:active{background:gray;border-color:#000 #dfdfdf #dfdfdf #000}.window-button.close{color:#000;background:silver}.window-button.close:hover{background:#dfdfdf}.window-button.close:active{background:gray;border-color:#000 #dfdfdf #dfdfdf #000}.window-content{-webkit-overflow-scrolling:touch;background:silver;height:calc(100% - 33px);padding:16px;font-size:13px;line-height:1.6;overflow-y:auto}@media (max-width:768px){.window-content{height:calc(100% - 44px)}}.window-content h2{color:var(--xp-blue);margin-bottom:12px;font-size:18px}.window-content h3{color:var(--xp-green);margin:16px 0 8px;font-size:15px}.window-content ul{margin-bottom:12px;margin-left:20px}.window-content a{color:var(--xp-blue);text-decoration:none}.window-content a:hover{text-decoration:underline}.taskbar{z-index:1000;background:silver;border-top:2px outset #dfdfdf;align-items:center;gap:4px;height:34px;padding:2px 4px;font-family:MS Sans Serif,Arial,sans-serif;font-size:11px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (max-width:768px){.taskbar{height:44px;padding:2px}}.start-button{color:#000;cursor:pointer;background:silver;border:2px outset #dfdfdf;flex-shrink:0;align-items:center;gap:4px;height:26px;padding:0 6px;font-size:12px;font-weight:700;display:flex}@media (max-width:768px){.start-button{height:36px;padding:0 6px;font-size:12px}}.start-button:hover{background:#d0d0d0}.start-button:active{border:2px inset gray}.start-icon{width:20px;height:20px;image-rendering:pixelated}.taskbar-items{border-left:1px solid gray;flex:1;gap:2px;margin-left:4px;padding-left:4px;display:flex;overflow:auto hidden}@media (max-width:768px){.taskbar-items{-webkit-overflow-scrolling:touch;gap:2px;margin-left:2px}.taskbar-items::-webkit-scrollbar{height:0}}.taskbar-item{color:#000;cursor:pointer;touch-action:manipulation;background:silver;border:2px outset #dfdfdf;flex-shrink:0;align-items:center;gap:4px;min-width:100px;max-width:160px;height:22px;padding:0 8px;font-size:11px;display:flex}.taskbar-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:768px){.taskbar-item{min-width:90px;max-width:150px;height:34px;padding:0 6px;font-size:11px}.taskbar-item img{width:18px!important;height:18px!important}}.taskbar-item:hover{background:#d0d0d0}.taskbar-item.active{color:#000;background:#b0b0b0;border:2px inset gray;font-weight:700}.taskbar-item img{width:16px;height:16px;image-rendering:pixelated}.system-tray{color:#000;border:2px inset gray;justify-content:center;align-items:center;gap:6px;min-width:65px;height:22px;padding:2px 8px;font-family:Courier New,monospace;font-size:11px;display:flex}@media (max-width:768px){.system-tray{gap:4px;padding:2px 4px;font-size:10px}}.strudel-terminal-editor{flex-direction:column;display:flex}.strudel-terminal-editor strudel-editor{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex!important}.strudel-terminal-editor strudel-editor>div,.strudel-terminal-editor strudel-editor>div>div{flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important}.strudel-terminal-editor .cm-editor{background:#0a0a0a!important;flex:1!important;height:100%!important;min-height:0!important;font-family:VT323,Courier New,monospace!important;font-size:16px!important}.strudel-terminal-editor .cm-scroller{flex:1!important;font-family:VT323,Courier New,monospace!important;overflow:auto!important}.strudel-terminal-editor .cm-content{color:#00ff41!important;caret-color:#00ff41!important;padding:8px 4px!important;font-family:VT323,Courier New,monospace!important}.strudel-terminal-editor .cm-gutters{color:#003b00!important;background:#0a0a0a!important;border-right:1px solid #003b00!important;font-family:VT323,Courier New,monospace!important}.strudel-terminal-editor .cm-activeLineGutter{color:#00aa2a!important;background:#001a00!important}.strudel-terminal-editor .cm-activeLine{background:#00ff410a!important}.strudel-terminal-editor .cm-selectionBackground,.strudel-terminal-editor .cm-editor .cm-selectionBackground,.strudel-terminal-editor .cm-editor.cm-focused .cm-selectionBackground{background:#00ff4126!important}.strudel-terminal-editor .cm-cursor{border-left-color:#00ff41!important}.strudel-terminal-editor .cm-matchingBracket{color:#00ff41!important;background:#00ff4133!important}.strudel-terminal-editor .cm-tooltip{color:#00ff41!important;background:#0a0a0a!important;border:1px solid #003b00!important;font-family:VT323,Courier New,monospace!important}.strudel-terminal-editor strudel-editor header,.strudel-terminal-editor strudel-editor footer,.strudel-terminal-editor strudel-editor nav{display:none!important}.start-menu{z-index:9998;background:silver;border:2px outset #dfdfdf;flex-direction:row;width:260px;font-family:MS Sans Serif,Arial,sans-serif;font-size:11px;display:flex;position:fixed;bottom:34px;left:0;box-shadow:3px 0 #000,0 -3px #000,3px -3px #000}@media (max-width:768px){.start-menu{width:240px;bottom:44px}}.start-menu-sidebar{background:gray;flex-shrink:0;justify-content:center;align-items:flex-end;width:26px;padding-bottom:6px;display:flex}.start-menu-sidebar-text{writing-mode:vertical-rl;color:silver;letter-spacing:2px;font-family:MS Sans Serif,Arial,sans-serif;font-size:16px;transform:rotate(180deg)}.start-menu-sidebar-text b{color:#fff}.start-menu-content{flex:1;max-height:420px;padding:2px 0;overflow-y:auto}.start-menu-section-label{color:gray;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px 2px;font-size:9px;font-weight:700}.start-menu-item{cursor:pointer;color:#000;align-items:center;gap:8px;padding:5px 12px 5px 8px;font-size:11px;display:flex}.start-menu-item:hover{color:#fff;background:navy}.start-menu-item-icon{width:20px;height:20px;image-rendering:pixelated;flex-shrink:0}.start-menu-divider{background:gray;border-bottom:1px solid #fff;height:1px;margin:3px 4px}.start-button-active{border:2px inset gray!important}.loading-screen{z-index:9999;background:#000;flex-direction:column;justify-content:center;align-items:center;animation:2s 2s forwards fadeOut;display:flex;position:fixed;inset:0}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.loading-logo{color:#0f0;text-shadow:0 0 20px #0f0;margin-bottom:40px;font-family:"Press Start 2P",monospace;font-size:48px;animation:2s infinite pulse}@media (max-width:768px){.loading-logo{text-align:center;margin-bottom:24px;padding:0 16px;font-size:24px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-bar-container{background:#010;border:2px solid #0f0;width:400px;max-width:80vw;height:30px;padding:4px}.loading-bar{background:linear-gradient(90deg,#0f0,#0a0);height:100%;animation:2s ease-in-out loading;box-shadow:0 0 10px #0f0}@keyframes loading{0%{width:0%}to{width:100%}}.project-card{cursor:pointer;background:#f0f0f0;border:2px solid #d4d0c8;margin-bottom:12px;padding:12px;transition:background .2s;box-shadow:inset -1px -1px gray,inset 1px 1px #fff}.project-card:hover{background:#e0e0e0}.project-card h4{color:var(--xp-blue);margin-bottom:6px}.skill-tag{background:linear-gradient(#ece9d8 0%,#c0c7d8 100%);border:1px solid #003c74;border-radius:2px;margin:2px;padding:2px 8px;font-size:11px;display:inline-block}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:#ece9d8}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#c0c7d8 0%,#a0a7b8 100%);border:1px solid gray}::-webkit-scrollbar-button{background:linear-gradient(#ece9d8 0%,#c0c7d8 100%);border:1px solid gray;height:16px}