:root{--desktop-bg: #033d64;--desktop-bg-image: url(images/bg2.jpg);--taskbar-h: 36px;--taskbar-bg: rgba(12, 45, 73, .72);--taskbar-border: rgba(30, 94, 134, .5);--start-bg: rgb(45, 163, 238);--start-text: #ffffff;--text: #ffffff;--shadow: rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif}body{background-color:var(--desktop-bg);overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.app{height:100%;display:grid;grid-template-rows:1fr var(--taskbar-h)}.desktop{position:relative;overflow:auto}.icons{padding:18px 22px;height:100%;min-height:0;display:grid;grid-template-rows:repeat(auto-fill,86px);grid-auto-flow:column;grid-auto-columns:98px;row-gap:18px;column-gap:22px;align-content:start;justify-content:start}.desktop-icon{width:98px;height:86px;border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;color:var(--text);text-shadow:0 1px 2px var(--shadow);cursor:default;-webkit-user-select:none;user-select:none}.desktop-icon:focus{outline:none}.desktop-icon-visual{width:60px;height:60px;margin-top:2px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:3px}.desktop-icon img{width:48px!important;height:48px!important;object-fit:contain;display:block;flex:0 0 auto;max-width:48px;max-height:48px;pointer-events:none}.desktop-icon-label{margin-top:6px;padding:1px 6px 2px;max-width:100%;text-align:center;font-size:14px;line-height:1.15;border:1px solid transparent;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-icon.selected .desktop-icon-visual{border-color:#ffffff73;background:#78c8ff2e}.desktop-icon.selected .desktop-icon-label{border-color:#ffffffb3;background:#145aa0e6}.desktop-icon span{margin-top:8px;width:100%;text-align:center;font-size:14px;line-height:1.1}.taskbar{position:relative;z-index:200000;height:var(--taskbar-h);display:flex;align-items:stretch;background:var(--taskbar-bg);border-top:1px solid var(--taskbar-border);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow:visible}.start-btn{flex:0 0 100px;height:100%;border:0;margin:0;padding:0 12px;background:var(--start-bg);color:var(--start-text);font-size:16px;font-weight:500;text-align:center;cursor:pointer}.start-btn.active{background:#2aa0ea;box-shadow:inset 0 2px #ffffff2e}.taskbar-right{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:0 16px;height:100%;white-space:nowrap}.tb-icon{width:34px;height:34px;border:0;background:transparent;padding:0;cursor:pointer}.tb-icon img{width:24px;height:24px;display:block;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(235,227,227,.35))}.clock{color:var(--text);font-size:14px;text-shadow:0 1px 2px var(--shadow);white-space:nowrap}.taskbar-window-tabs{flex:1 1 auto;min-width:0;height:100%;display:flex;align-items:stretch;gap:0;overflow:hidden}.taskbar-window-tab{flex:0 0 100px;width:100px;min-width:100px;max-width:100px;height:100%;padding:0 10px;margin:0;display:flex;align-items:center;gap:8px;border:0;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(0,0,0,.18);background:transparent;color:#dce4ebe6;cursor:pointer;min-width:0}.taskbar-window-tab.active{background:#19679b59}.taskbar-window-tab.minimized{color:#dce4eba6}.taskbar-window-tab-icon{width:16px;height:16px;flex:0 0 16px;object-fit:contain;display:block;pointer-events:none}.taskbar-window-tab-title{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;text-align:left}.taskbar-menu-button{position:relative;height:100%;display:flex;align-items:center}.taskbar-popup-menu{position:absolute;right:0;bottom:150%;min-width:170px;padding:4px 0;background:#1f6ea4f5;border:1px solid rgba(78,156,210,.7);border-radius:2px;box-shadow:1px 2px 8px #00000047;opacity:0;visibility:hidden;pointer-events:none;transition-property:opacity,visibility,bottom;transition-duration:.22s,.22s,.22s;transition-timing-function:ease-in-out;z-index:210000}.taskbar-menu-button.active .taskbar-popup-menu{opacity:1;visibility:visible;pointer-events:auto;bottom:130%}.taskbar-popup-menu:after,.taskbar-popup-menu:before{content:"";position:absolute;top:100%;right:10px;width:0;height:0;border:solid transparent;pointer-events:none}.taskbar-popup-menu:before{border-width:8px;border-top-color:#4e9cd2b3}.taskbar-popup-menu:after{margin-top:-1px;border-width:8px;border-top-color:#1f6ea4f5}.taskbar-popup-item{display:flex;align-items:center;width:100%;min-height:34px;padding:0 16px;border:0;background:transparent;color:#fff;font:inherit;text-align:left;cursor:pointer;white-space:nowrap}.taskbar-popup-item:hover{background:#ffffff14}.xcontext-menu{position:fixed;min-width:180px;background:#d8dbe0;border:1px solid #7f8994;border-radius:6px;box-shadow:2px 2px 10px #00000040;padding:6px 0;z-index:100000}.xcontext-menu-item{display:block;width:100%;padding:10px 14px;border:0;background:transparent;text-align:left;font:inherit;color:#000;cursor:pointer}.xcontext-menu-item:hover{background:#0050a026}.icons.drag-target{outline:1px dashed rgba(255,255,255,.35);outline-offset:-4px}.desktop-icon.drop-target{background:#ffffff1f;border-radius:6px}.start-menu-overlay{position:fixed;inset:0;z-index:150000;pointer-events:none}.start-menu{position:absolute;left:0;bottom:var(--taskbar-h);width:360px;min-height:455px;display:flex;flex-direction:column;color:#fff;background:#1f6ea4f5;border:1px solid rgba(106,204,255,.65);border-bottom:none;border-radius:0 6px 0 0;box-shadow:3px 0 10px #00000047;overflow:hidden}.start-menu-header{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px 8px}.start-menu-user-image{width:28px;height:28px;border-radius:4px;object-fit:cover;display:block;flex:0 0 28px;box-shadow:0 0 0 1px #ffffff26}.start-menu-user-name{font-size:15px;line-height:1;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35)}.start-menu-body{flex:1;min-height:0;display:flex;padding:0 6px}.start-menu-left-panel{flex:0 0 178px;margin-right:6px;border-radius:3px;background:#70bff6c7}.start-menu-right-panel{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;padding:4px 0 0}.start-menu-items{display:flex;flex-direction:column}.start-menu-item{width:100%;min-height:30px;padding:0 4px;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#fff;text-align:left;font:inherit;font-size:15px;cursor:pointer}.start-menu-item:hover{background:#ffffff1f;border-radius:3px}.start-menu-item-icon{width:14px;height:14px;object-fit:contain;display:block;flex:0 0 14px}.start-menu-item-icon-placeholder{width:14px;height:14px;flex:0 0 14px;display:block}.start-menu-item-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.start-menu-spacer{flex:1 1 auto;min-height:40px}.start-menu-search-row{padding:6px}.start-menu-search{width:100%;height:28px;border:0;outline:none;border-radius:3px;padding:0 10px;color:#fff;background:#6ebbf0cc;box-shadow:inset 0 1px #ffffff14}.start-menu-search::placeholder{color:#ffffffb8}.start-menu-overlay .start-menu{pointer-events:auto}.splash-overlay{position:fixed;inset:0;z-index:300000;display:flex;align-items:center;justify-content:center;background:#04192a2e}.splash-panel{width:min(560px,calc(100vw - 40px));padding:28px 28px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff;text-align:center;background:#12487073;border:1px solid rgba(140,210,255,.32);border-radius:16px;box-shadow:0 16px 40px #00000047;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.splash-logo{width:84px;height:84px;object-fit:contain;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.22))}.splash-title{margin:0;font-size:34px;font-weight:600;letter-spacing:.2px;text-shadow:0 1px 2px rgba(0,0,0,.24)}.splash-text{margin:0;max-width:460px;font-size:15px;line-height:1.55;color:#f5faffeb}.splash-link{color:#9edcff;text-decoration:none;font-size:15px}.splash-link:hover{text-decoration:underline}.xwindow{position:absolute;display:flex;flex-direction:column;min-width:240px;min-height:140px;border-radius:4px;overflow:visible;box-shadow:0 0 1px 1px #0003;background-color:#0c2d49;border:1px solid #0c2d49}.xwindow.active{background:linear-gradient(to bottom,#2d7dc9,#307cb3)}.xwindow:not(.active){background:linear-gradient(to bottom,#123e5e,#0c2d49);border-color:#0a243a}.xwindow:not(.active) .xwindow-titlebar{color:#f0f0f0d1}.xwindow:not(.active) .xwindow-control-btn img{opacity:.8}.xwindow:not(.active) .xwindow-client{background-color:#f3f3f3;border-color:#466987}.xwindow-titlebar{height:2em;padding-left:2px;padding-right:2px;display:flex;align-items:center;color:#f0f0f0;background-color:transparent;cursor:move}.xwindow-title{flex:1;display:flex;align-items:center;padding-left:4px;min-width:0;font-weight:lighter}.title-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.xwindow-title-icon{width:1.3em;height:1.3em;margin-right:6px;object-fit:contain;display:block;pointer-events:none}.xwindow-controls{display:flex;align-items:center}.xwindow-control-btn{width:1.3em;height:1.3em;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.xwindow-control-btn img{width:1em;height:1em;display:block;pointer-events:none}.xwindow-client{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;background-color:#fff;margin:0 4px 4px;border:1px solid #0555a1}.xwindow-body{flex:1;background:#ececec}.xwindow.maximized{border-radius:0;border-width:0}.xwindow.maximized .xwindow-client{margin:0;border:none}.xwindow-resize-handle{position:absolute;z-index:20}.xwindow-resize-handle.top{left:8px;top:0;width:calc(100% - 16px);height:6px;cursor:ns-resize}.xwindow-resize-handle.right{top:8px;right:0;width:6px;height:calc(100% - 16px);cursor:ew-resize}.xwindow-resize-handle.bottom{left:8px;bottom:0;width:calc(100% - 16px);height:6px;cursor:ns-resize}.xwindow-resize-handle.left{top:8px;left:0;width:6px;height:calc(100% - 16px);cursor:ew-resize}.xwindow-resize-handle.top-left{left:0;top:0;width:10px;height:10px;cursor:nwse-resize}.xwindow-resize-handle.top-right{right:0;top:0;width:10px;height:10px;cursor:nesw-resize}.xwindow-resize-handle.bottom-right{right:0;bottom:0;width:10px;height:10px;cursor:nwse-resize}.xwindow-resize-handle.bottom-left{left:0;bottom:0;width:10px;height:10px;cursor:nesw-resize}.xwindow-notepad{width:100%;height:100%;border:0;outline:none;resize:none;padding:10px 12px;margin:0;background:#fff;color:#111;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.4}
