@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;background:teal;height:100vh;font-family:Tahoma,MS Sans Serif,sans-serif;overflow:hidden}.desktop{height:calc(100vh - 40px);padding:20px;position:relative}.desktop-icon{text-align:center;cursor:pointer;border:2px dashed #0000;width:80px;margin-bottom:20px;padding:4px;transition:filter .1s}.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}.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}.window-title{color:#fff;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.window-title img{width:16px;height:16px;image-rendering:pixelated}.window-controls{gap:2px;display:flex}.window-button{cursor:pointer;color:#000;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}.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{background:silver;height:calc(100% - 33px);padding:16px;font-size:13px;line-height:1.6;overflow-y:auto}.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{background:linear-gradient(#3c8cf7 0%,#245edc 100%);border-top:2px solid #2859c6;align-items:center;height:40px;padding:0 4px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff4d}.start-button{color:#fff;cursor:pointer;background:linear-gradient(#6ec05f 0%,#3da335 100%);border:1px solid #2d8c25;border-color:#76b541 #2d8c25 #2d8c25 #76b541;border-radius:3px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:700;display:flex;box-shadow:1px 1px 2px #0000004d}.start-button:hover{background:linear-gradient(#7ed86f 0%,#4ab542 100%)}.start-button:active{background:linear-gradient(#5ba84e 0%,#2d8c25 100%);border-color:#2d8c25 #76b541 #76b541 #2d8c25}.start-icon{width:24px;height:24px;image-rendering:pixelated}.taskbar-items{flex:1;gap:4px;margin-left:8px;display:flex}.taskbar-item{color:#fff;cursor:pointer;background:linear-gradient(#5c9ee7 0%,#3570c8 100%);border:1px solid #2859c6;align-items:center;gap:6px;min-width:150px;max-width:200px;height:28px;padding:0 12px;font-size:12px;display:flex}.taskbar-item:hover{background:linear-gradient(#6caef7 0%,#4580d8 100%)}.taskbar-item.active{color:#000;background:linear-gradient(#ece9d8 0%,#c0c7d8 100%);border-color:#003c74 #fff #fff #003c74;box-shadow:inset 1px 1px 2px #0003}.taskbar-item img{width:16px;height:16px;image-rendering:pixelated}.system-tray{color:#fff;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.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}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-bar-container{background:#010;border:2px solid #0f0;width:400px;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}