:root{--win-bg: #808080;--win-white: #ffffff;--win-light: #b0b0b0;--win-gray: #505050;--win-dark-gray: #303030;--win-black: #0a0a0a;--win-blue: #000080;--win-blue-light: #1084d0;--win-teal: #008080;--win-font: "Pixelify Sans", Tahoma, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:var(--win-font);font-size:14px;background-color:var(--win-teal);color:var(--win-black);overflow:hidden;height:100vh;width:100vw}#root{height:100vh;width:100vw;max-width:100%;display:flex;flex-direction:column;position:relative;background-color:var(--win-teal)}.win-outset{background-color:var(--win-bg);border-top:1.5px solid var(--win-white);border-left:1.5px solid var(--win-white);border-right:1.5px solid var(--win-gray);border-bottom:1.5px solid var(--win-gray);box-shadow:inset .5px .5px 0 var(--win-light),inset -.5px -.5px 0 var(--win-dark-gray),.5px .5px 0 var(--win-black)}.win-inset{background-color:var(--win-white);border-top:1.5px solid var(--win-gray);border-left:1.5px solid var(--win-gray);border-right:1.5px solid var(--win-white);border-bottom:1.5px solid var(--win-white);box-shadow:inset .5px .5px 0 var(--win-black),inset -.5px -.5px 0 var(--win-light)}.desktop{flex:1;position:relative;width:100%;height:calc(100vh - 40px);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;padding:16px}.desktop-icons-container{display:grid;grid-template-columns:repeat(auto-fill,80px);grid-auto-rows:90px;grid-flow:column;gap:12px;height:100%;width:100%;align-content:start;justify-content:start;pointer-events:none;position:absolute;top:0;left:0;padding:16px;box-sizing:border-box}.desktop-icon{width:90px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;pointer-events:auto;position:absolute;border:1px dotted transparent;padding:4px;transition:background-color .1s}.desktop-icon.selected{border:1px dotted var(--win-white)}.desktop-icon.selected .icon-label{background-color:var(--win-blue);color:var(--win-white)}.desktop-icon img{width:44px;height:44px;image-rendering:pixelated;margin-bottom:6px;-webkit-user-drag:none}.desktop-icon.large{width:100px;height:110px}.desktop-icon.large img{width:56px;height:56px}.icon-label{font-size:12px;font-weight:800;color:var(--win-black);padding:2px 4px;word-break:break-word;line-height:1.2}.win-window{position:absolute;display:flex;flex-direction:column;min-width:250px;min-height:150px;box-sizing:border-box}.window-titlebar{background-color:var(--win-bg);color:var(--win-black);padding:4px 6px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:13px;cursor:move;border-bottom:1.5px solid #000000}.win-window.inactive .window-titlebar{background-color:var(--win-bg);color:#333}.titlebar-title{display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--win-font)}.titlebar-title img{width:16px;height:16px;image-rendering:pixelated}.titlebar-controls{display:flex;align-items:center}.win-title-btn.close{background-color:#cf0;border:1.5px solid #000000;color:#000;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:11px;cursor:pointer;outline:none;font-family:sans-serif}.window-menubar{display:flex;background-color:var(--win-bg);border-bottom:1.5px solid #000000;padding:4px 8px;gap:12px;font-size:11px;color:#303030;font-family:var(--win-font)}.window-menubar span{cursor:pointer}.window-menubar span:hover{background-color:var(--win-light);color:var(--win-black)}.win-title-btn:active,.win-btn:active{border-top:1.5px solid var(--win-gray);border-left:1.5px solid var(--win-gray);border-right:1.5px solid var(--win-white);border-bottom:1.5px solid var(--win-white);box-shadow:inset .5px .5px 0 var(--win-black),inset -.5px -.5px 0 var(--win-light);padding-top:2px;padding-left:2px}.win-btn{font-family:var(--win-font);font-size:12px;padding:4px 16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;outline:none}.window-content{flex:1;padding:8px;overflow:auto;background-color:var(--win-bg);position:relative;display:flex;flex-direction:column}.taskbar{height:40px;width:100vw;background-color:var(--win-bg);position:fixed;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:2px 4px;z-index:99999}.taskbar-left{display:flex;align-items:center;gap:6px;flex:1;height:100%}.start-button{display:flex;align-items:center;gap:6px;font-family:Pixelify Sans,sans-serif;font-weight:700;font-size:13px;padding:2px 10px 2px 6px;height:30px;cursor:pointer}.start-button img{width:20px;height:20px;image-rendering:pixelated}.start-button.active{border-top:1.5px solid var(--win-gray);border-left:1.5px solid var(--win-gray);border-right:1.5px solid var(--win-white);border-bottom:1.5px solid var(--win-white);box-shadow:inset .5px .5px 0 var(--win-black),inset -.5px -.5px 0 var(--win-light);padding-top:4px;padding-left:8px;background-color:#dfdfdf}.taskbar-tabs{display:flex;align-items:center;gap:4px;height:100%;flex:1;margin-left:6px;overflow-x:auto}.taskbar-tab{height:30px;width:140px;max-width:150px;min-width:60px;display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:11px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskbar-tab img{width:16px;height:16px;image-rendering:pixelated}.taskbar-tab.active{border-top:1.5px solid var(--win-gray);border-left:1.5px solid var(--win-gray);border-right:1.5px solid var(--win-white);border-bottom:1.5px solid var(--win-white);box-shadow:inset .5px .5px 0 var(--win-black),inset -.5px -.5px 0 var(--win-light);background-color:#dfdfdf;font-weight:700}.taskbar-right{display:flex;align-items:center;gap:6px;height:30px;padding:2px 8px;background-color:var(--win-bg)}.sys-tray{display:flex;align-items:center;gap:8px;height:100%;font-size:12px;font-weight:800;padding:4px 8px}.tray-icon{width:16px;height:16px;image-rendering:pixelated}.sm-card{position:fixed;bottom:44px;left:4px;width:220px;background-color:#f0f0f0;z-index:999999;border-radius:2px;padding:4px 0;max-height:calc(100vh - 50px);overflow:visible;box-shadow:4px 4px 12px #00000080}.sm-item{display:flex;align-items:center;gap:10px;padding:9px 16px;font-size:13px;font-family:var(--win-font);cursor:pointer;color:#111;-webkit-user-select:none;user-select:none;position:relative}.sm-item:hover{background-color:#d6d6d6}.sm-item img{width:20px;height:20px;image-rendering:pixelated;flex-shrink:0}.sm-has-sub{justify-content:space-between}.sm-arrow{font-size:16px;line-height:1;color:#555;margin-left:auto}.sm-divider{height:1px;background-color:#bbb;margin:0 12px}.sm-sub{position:absolute;left:100%;bottom:0;width:190px;background-color:#f0f0f0;padding:4px 0;box-shadow:4px 4px 12px #00000080;display:flex;flex-direction:column;z-index:1000000;border:1.5px solid var(--win-white);border-top:1.5px solid var(--win-white);border-left:1.5px solid var(--win-white);border-right:1.5px solid var(--win-gray);border-bottom:1.5px solid var(--win-gray)}.sm-sub .sm-item{padding:8px 16px;font-size:13px}@media(max-width:600px){.sm-card{width:calc(100vw - 8px);left:4px;max-height:75vh;overflow-y:auto}.sm-sub{position:static;left:unset;top:unset;bottom:unset;width:100%;box-shadow:none;border-left:3px solid var(--win-blue);margin-left:16px;border:none}}.retro-editor{display:flex;flex-direction:column;height:100%;width:100%}.retro-editor-toolbar{display:flex;gap:4px;padding-bottom:6px;border-bottom:1.5px solid var(--win-gray);margin-bottom:6px}.retro-editor-body{flex:1;border:none;outline:none;font-family:Courier,monospace;font-size:13px;resize:none;padding:6px}.retro-paint{display:flex;flex-direction:column;height:100%;width:100%}.paint-toolbar{display:flex;gap:8px;background-color:var(--win-bg);padding:4px;border-bottom:1px solid var(--win-gray)}.paint-canvas-container{flex:1;overflow:auto;background:gray;display:flex;align-items:center;justify-content:center;padding:10px}.paint-canvas{background-color:#fff;box-shadow:2px 2px 5px #00000080;cursor:crosshair}.color-picker{display:flex;gap:4px;padding:4px;background-color:var(--win-bg);border-top:1px solid var(--win-gray)}.color-swatch{width:18px;height:18px;cursor:pointer;border:1px solid var(--win-black)}.color-swatch.active{outline:2px solid var(--win-white)}.about-window-content{display:flex;flex-direction:column;gap:12px;font-size:13px;line-height:1.4}.about-header{display:flex;align-items:center;gap:12px}.about-header img{width:48px;height:48px}.about-title{font-size:16px;font-weight:700}@keyframes shakeAlert{0%,to,15%,85%{transform:translate(0) rotate(0)}1%{transform:translate(-2px,-1px) rotate(-1deg)}2%{transform:translate(-1px,2px) rotate(1deg)}3%{transform:translate(1px,2px) rotate(0)}4%{transform:translate(1px,-1px) rotate(1deg)}5%{transform:translate(-1px,2px) rotate(-1deg)}6%{transform:translate(-2px,1px) rotate(0)}7%{transform:translate(2px,1px) rotate(-1deg)}8%{transform:translate(-1px,-1px) rotate(1deg)}9%{transform:translate(2px,2px) rotate(0)}}.shake-attention{animation:shakeAlert 4s ease-in-out infinite}@keyframes terminalBlink{0%,49%{opacity:1}50%,to{opacity:0}}