@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--win-bg: #c0c0c0;--win-dark: #808080;--win-darker: #404040;--win-light: #dfdfdf;--win-white: #ffffff;--win-blue: #000080;--win-blue-light: #1084d0;--win-text: #000000;--win-desktop: #008080;--pixel-font: "VT323", monospace;--monitor-bezel: #d4cfc4;--monitor-dark: #a09a8c;--monitor-body: #c8c2b4}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:var(--pixel-font);background:#2a2520;color:var(--win-text);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;image-rendering:pixelated}.crt-monitor{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 120%,#3a3530,#1a1815,#0d0c0a);padding:12px}.monitor-frame{position:relative;width:100%;max-width:900px;height:100%;max-height:700px;background:var(--monitor-body);border-radius:18px 18px 8px 8px;padding:28px 24px 50px;box-shadow:0 0 0 2px #888,0 0 0 4px #666,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003,0 20px 60px #000000b3,0 4px 12px #00000080}.monitor-brand{position:absolute;bottom:18px;left:50%;transform:translate(-50%);font-family:Arial,sans-serif;font-size:11px;font-weight:700;color:#777;letter-spacing:3px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.monitor-led{position:absolute;bottom:16px;right:32px;width:8px;height:8px;border-radius:50%;background:#0c4;box-shadow:0 0 4px #0c4,0 0 8px #00cc4480,inset 0 -1px 2px #0000004d;animation:ledPulse 3s ease-in-out infinite}@keyframes ledPulse{0%,to{opacity:1}50%{opacity:.7}}.monitor-vents{position:absolute;bottom:14px;left:32px;display:flex;gap:3px}.monitor-vents span{width:20px;height:2px;background:#999;border-radius:1px}.screen-bezel{width:100%;height:100%;background:#1a1a1a;border-radius:12px;padding:6px;box-shadow:inset 0 0 0 2px #333,inset 0 0 30px #000c;overflow:hidden}.screen-glass{width:100%;height:100%;border-radius:8px;overflow:hidden;position:relative;box-shadow:inset 0 0 80px #0000004d,inset 0 0 4px #00000080}.screen-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 30% 20%,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none;z-index:9999;border-radius:8px}.desktop{width:100%;height:100%;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse 120% 60% at 20% 30%,rgba(255,255,255,.12) 0%,transparent 60%),radial-gradient(ellipse 100% 50% at 70% 20%,rgba(255,255,255,.1) 0%,transparent 55%),radial-gradient(ellipse 80% 40% at 50% 60%,rgba(255,255,255,.06) 0%,transparent 50%),linear-gradient(175deg,#0068a8,#0088c0,#3ab0dd,#6ac4e8,teal 60%,#066,#004d4d)}.desktop-area{flex:1;display:grid;grid-template-columns:repeat(auto-fill,80px);grid-template-rows:repeat(auto-fill,90px);gap:8px;padding:16px;align-content:start}.crt-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.15) 1px,rgba(0,0,0,.15) 2px);pointer-events:none;z-index:10000}.crt-flicker{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10001;animation:flicker .08s infinite;opacity:.015;background:#fff}@keyframes flicker{0%{opacity:.015}50%{opacity:.01}to{opacity:.02}}.folder-icon{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;padding:4px;border:2px solid transparent;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.folder-icon:active,.folder-icon.selected{border-color:var(--win-white);background:#0000804d}.folder-icon .icon-graphic{width:48px;height:40px;position:relative;margin-bottom:4px}.folder-graphic{width:48px;height:36px;background:#ff0;border:2px solid #808000;position:relative;margin-top:4px}.folder-graphic:before{content:"";position:absolute;top:-8px;left:0;width:20px;height:10px;background:#ff0;border:2px solid #808000;border-bottom:none}.folder-graphic:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#ffff80}.folder-icon .icon-label{font-size:14px;color:var(--win-white);text-align:center;text-shadow:1px 1px 0 #000;word-break:break-word;line-height:1.1;max-width:76px}.window-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000059;animation:fadeIn .1s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.window{background:var(--win-bg);border:2px solid #000;box-shadow:inset -1px -1px 0 var(--win-dark),inset 1px 1px 0 var(--win-white),2px 2px #0000004d;width:90%;max-width:500px;max-height:80%;display:flex;flex-direction:column;animation:windowOpen .15s ease}@keyframes windowOpen{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.window-titlebar{background:var(--win-blue);color:var(--win-white);padding:3px 4px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;min-height:22px}.window-titlebar .title-text{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-close{width:18px;height:16px;background:var(--win-bg);border:1px solid;border-color:var(--win-white) var(--win-dark) var(--win-dark) var(--win-white);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:700;color:var(--win-text);line-height:1;padding:0;font-family:var(--pixel-font)}.window-close:active{border-color:var(--win-dark) var(--win-white) var(--win-white) var(--win-dark)}.window-menubar{background:var(--win-bg);border-bottom:1px solid var(--win-dark);padding:2px 4px;display:flex;gap:2px}.menu-item{font-size:14px;padding:2px 8px;cursor:pointer;background:none;border:none;font-family:var(--pixel-font);color:var(--win-text)}.menu-item:hover{background:var(--win-blue);color:var(--win-white)}.window-content{flex:1;overflow-y:auto;padding:8px;background:var(--win-white);border:2px solid;border-color:var(--win-dark) var(--win-white) var(--win-white) var(--win-dark);margin:4px;font-size:16px;line-height:1.6}.window-content::-webkit-scrollbar{width:16px}.window-content::-webkit-scrollbar-track{background:var(--win-bg);border:1px solid var(--win-dark)}.window-content::-webkit-scrollbar-thumb{background:var(--win-bg);border:2px solid;border-color:var(--win-white) var(--win-dark) var(--win-dark) var(--win-white)}.file-list{list-style:none;padding:0}.file-item{display:flex;align-items:center;gap:8px;padding:4px 6px;cursor:pointer;font-size:15px}.file-item:hover{background:var(--win-blue);color:var(--win-white)}.file-icon{font-size:16px;width:20px;text-align:center}.taskbar{height:36px;background:var(--win-bg);border-top:2px solid var(--win-white);display:flex;align-items:center;padding:0 4px;gap:4px;z-index:200;flex-shrink:0}.taskbar-start{height:28px;padding:0 10px;font-family:var(--pixel-font);font-size:15px;font-weight:700;background:var(--win-bg);border:2px solid;border-color:var(--win-white) var(--win-dark) var(--win-dark) var(--win-white);cursor:pointer;display:flex;align-items:center;gap:4px}.taskbar-start:active{border-color:var(--win-dark) var(--win-white) var(--win-white) var(--win-dark)}.start-logo{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.taskbar-windows{flex:1;display:flex;gap:2px;overflow-x:auto;padding:0 4px}.taskbar-window-btn{height:26px;padding:0 8px;font-family:var(--pixel-font);font-size:13px;background:var(--win-bg);border:2px solid;border-color:var(--win-white) var(--win-dark) var(--win-dark) var(--win-white);cursor:pointer;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.taskbar-window-btn.active{border-color:var(--win-dark) var(--win-white) var(--win-white) var(--win-dark);background:repeating-conic-gradient(var(--win-bg) 0% 25%,var(--win-white) 0% 50%) 50% / 2px 2px}.taskbar-clock{font-size:14px;padding:0 8px;border-left:1px solid var(--win-dark);height:24px;display:flex;align-items:center;white-space:nowrap}.boot-screen{width:100%;height:100%;background:#0a0a0a;color:#aaa;font-family:var(--pixel-font);font-size:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:bootFade .5s ease 2.5s forwards;position:relative}.boot-screen .logo-text{color:#fff;font-size:36px;font-weight:700;margin-bottom:16px;letter-spacing:2px}.boot-screen .version-text{color:#0aa;font-size:16px;margin-bottom:32px}.boot-screen .loading-bar-container{width:200px;height:16px;background:#333;border:1px solid #666;margin-bottom:12px}.boot-screen .loading-bar{height:100%;background:#0aa;animation:loadBar 2s ease-in-out forwards}.boot-screen .loading-text{font-size:14px;animation:blink .5s step-end infinite}@keyframes loadBar{0%{width:0%}30%{width:30%}60%{width:65%}90%{width:90%}to{width:100%}}@keyframes blink{50%{opacity:0}}@keyframes bootFade{to{opacity:0;pointer-events:none}}.start-menu{position:absolute;bottom:36px;left:0;background:var(--win-bg);border:2px solid;border-color:var(--win-white) var(--win-dark) var(--win-dark) var(--win-white);z-index:300;min-width:180px;animation:menuSlide .1s ease}@keyframes menuSlide{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.start-menu-item{display:block;width:100%;padding:6px 12px;font-family:var(--pixel-font);font-size:15px;background:none;border:none;text-align:left;cursor:pointer;color:var(--win-text)}.start-menu-item:hover{background:var(--win-blue);color:var(--win-white)}.start-menu-divider{height:2px;background:var(--win-dark);margin:2px 4px}.center-shortcut{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50}.center-shortcut-link{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;padding:12px 20px;border:2px dashed transparent;cursor:pointer;transition:border-color .1s;-webkit-tap-highlight-color:transparent}.center-shortcut-link:hover{border-color:var(--win-white);background:#00008033}.center-shortcut-link:active{border-color:var(--win-white);background:#00008066}.center-shortcut-icon{filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5))}.center-shortcut-label{font-size:16px;color:var(--win-white);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;font-weight:700;text-align:center;line-height:1.1}.center-shortcut-sub{font-size:11px;color:#fff9;text-shadow:1px 1px 0 #000}@media(max-width:768px){.crt-monitor{padding:0;background:#1a1815}.monitor-frame{max-width:none;max-height:none;width:100%;height:100%;border-radius:0;padding:0;box-shadow:none}.monitor-brand,.monitor-led,.monitor-vents{display:none}.screen-bezel{border-radius:0;padding:0}.screen-glass{border-radius:0}.screen-glass:before{border-radius:0}.desktop-area{grid-template-columns:repeat(auto-fill,72px);grid-template-rows:repeat(auto-fill,82px);gap:4px;padding:10px}.folder-icon .icon-graphic{width:42px;height:36px}.folder-graphic{width:42px;height:32px}.folder-graphic:before{width:16px;height:8px}.folder-icon .icon-label{font-size:12px;max-width:68px}.window{width:96%;max-width:none;max-height:85%}.window-content{font-size:15px}.taskbar{height:32px}.taskbar-start{height:24px;font-size:13px;padding:0 8px}.taskbar-clock{font-size:12px}.boot-screen .logo-text{font-size:28px}.center-shortcut-label{font-size:14px}.center-shortcut-link{padding:10px 16px}}@media(max-width:400px){.desktop-area{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fill,78px)}.folder-icon .icon-label{font-size:11px}}