*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;user-select:none;font-family:var(--xp-font);font-size:11px;cursor:var(--xp-cursor-default)}button{font-family:inherit;border:none;background:none;padding:0;cursor:var(--xp-cursor-default)}input,textarea{cursor:var(--xp-cursor-text)}a[href]{cursor:var(--xp-cursor-pointer)}img{display:block}:root{--xp-frame-focused: #0831d9;--xp-frame-unfocused: #6582f5;--xp-title-focused: linear-gradient( to bottom, #0058ee 0%, #3593ff 4%, #288eff 6%, #127dff 8%, #036ffc 10%, #0262ee 14%, #0057e5 20%, #0054e3 24%, #0055eb 56%, #005bf5 66%, #026afe 76%, #0062ef 86%, #0052d6 92%, #0040ab 94%, #003092 100% );--xp-title-unfocused: linear-gradient( to bottom, #7697e7 0%, #7e9ee3 3%, #94afe8 6%, #97b4e9 8%, #82a5e4 14%, #7c9fe2 17%, #7996de 25%, #7b99e1 56%, #82a9e9 81%, #80a5e7 89%, #7b96e1 94%, #7a93df 97%, #abbae3 100% );--xp-title-edge: linear-gradient(to right, #1638e6 0%, transparent 100%);--xp-btn-blue: radial-gradient( circle at 90% 90%, #0054e9 0%, #2263d5 55%, #4479e4 70%, #a3bbec 90%, white 100% );--xp-btn-blue-shadow: inset 0 -1px 2px 1px #4646ff;--xp-btn-close: radial-gradient( circle at 90% 90%, #cc4600 0%, #dc6527 55%, #cd7546 70%, #ffccb2 90%, white 100% );--xp-btn-close-shadow: inset 0 -1px 2px 1px #da4600;--xp-taskbar: linear-gradient( to bottom, #1f2f86 0, #3165c4 3%, #3682e5 6%, #4490e6 10%, #3883e5 12%, #2b71e0 15%, #2663da 18%, #235bd6 20%, #2258d5 23%, #2157d6 38%, #245ddb 54%, #2562df 86%, #245fdc 89%, #2158d4 92%, #1d4ec0 95%, #1941a5 98% );--xp-tray: linear-gradient( to bottom, #0c59b9 1%, #139ee9 6%, #18b5f2 10%, #139beb 14%, #1290e8 19%, #0d8dea 63%, #0d9ff1 81%, #0f9eed 88%, #119be9 91%, #1392e2 94%, #137ed7 97%, #095bc9 100% );--xp-desktop-bg: #3a6ea5;--xp-font: Tahoma, "Noto Sans", sans-serif;--xp-cursor-default: url(/cursors/default_arrow.cur), default;--xp-cursor-text: url(/cursors/default_beam.cur), text;--xp-cursor-pointer: url(/cursors/default_link.cur), pointer;--xp-cursor-help: url(/cursors/default_helpsel.cur), help;--xp-cursor-wait: url(/cursors/default_wait.cur), wait;--xp-cursor-progress: url(/cursors/default_busy.cur), progress;--xp-cursor-crosshair: url(/cursors/default_cross.cur), crosshair;--xp-cursor-move: url(/cursors/default_move.cur), move;--xp-cursor-not-allowed: url(/cursors/default_no.cur), not-allowed;--xp-cursor-resize-nwse: url(/cursors/default_size1.cur), nwse-resize;--xp-cursor-resize-nesw: url(/cursors/default_size2.cur), nesw-resize;--xp-cursor-resize-ew: url(/cursors/default_size3.cur), ew-resize;--xp-cursor-resize-ns: url(/cursors/default_size4.cur), ns-resize}#desktop{position:relative;width:100%;height:100%;background-color:var(--xp-desktop-bg);background-image:url(/wallpaper.jpg);background-size:cover;background-position:center;overflow:hidden}#desktop-shell{display:flex;flex-direction:column;width:100vw;height:100vh}#desktop-area{flex:1;min-height:0;position:relative}#desktop-icons{display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:12px;max-height:100%}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:4px;width:70px;padding:6px 4px;border:none;box-shadow:none;background:none;cursor:var(--xp-cursor-default);border-radius:0;color:#fff;text-align:center}.desktop-icon:hover,.desktop-icon:active{border:none;box-shadow:none;background:none}.desktop-icon:focus{outline:none}.desktop-icon:focus-visible{outline:1px dotted white}.desktop-icon__img-wrap{position:relative;width:32px;height:32px;flex-shrink:0}.desktop-icon__img{width:32px;height:32px;image-rendering:pixelated;pointer-events:none;display:block}.desktop-icon__img-overlay{position:absolute;inset:0;background:#316ac500;pointer-events:none;transition:background .05s}.desktop-icon.is-shortcut .desktop-icon__img-wrap:after{content:"";position:absolute;left:-2px;bottom:-2px;width:16px;height:16px;background-image:url(/icons/shortcut-16.png);background-size:contain;background-repeat:no-repeat;pointer-events:none}.desktop-icon.is-selected .desktop-icon__img{opacity:.5;filter:drop-shadow(0 0 blue)}.desktop-icon.is-selected .desktop-icon__img-overlay{background:#316ac58c;mix-blend-mode:multiply}.desktop-icon__label{font-size:10px;font-family:var(--xp-font);line-height:1.3;text-shadow:0 1px 1px black;pointer-events:none;word-break:break-word;padding:0 2px}.desktop-icon.is-selected .desktop-icon__label{background:#316ac5;text-shadow:none;border-radius:1px}.placeholder-content{padding:16px;font-family:var(--xp-font)}.placeholder-content h2{margin:0 0 8px;font-size:14px}.placeholder-content p{margin:0;font-size:12px}.window{position:absolute;top:0;left:0;display:none;flex-direction:column;padding:3px;background-color:var(--xp-frame-focused);border-top-left-radius:8px;border-top-right-radius:8px;touch-action:none}.window.is-unfocused{background-color:var(--xp-frame-unfocused)}.header__bg{background:var(--xp-title-focused);position:absolute;left:0;top:0;right:0;height:28px;pointer-events:none;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden}.window.is-unfocused .header__bg{background:var(--xp-title-unfocused)}.header__bg:before{content:"";display:block;position:absolute;left:0;top:0;bottom:0;width:15px;background:var(--xp-title-edge);opacity:1}.header__bg:after{content:"";display:block;position:absolute;right:0;top:0;bottom:0;width:15px;background:linear-gradient(to left,#1638e6 0%,transparent 100%);opacity:1}.window.is-unfocused .header__bg:before{opacity:.3}.window.is-unfocused .header__bg:after{opacity:.4}.title-bar{display:flex;height:25px;line-height:25px;font-weight:700;font-size:12px;font-family:var(--xp-font);text-shadow:1px 1px #000;color:#fff;position:relative;align-items:center;z-index:1;cursor:var(--xp-cursor-default)}.title-bar-icon{width:15px;height:15px;margin-left:3px;margin-right:3px;flex-shrink:0;pointer-events:none}.title-bar-text{flex:1;pointer-events:none;padding-right:5px;letter-spacing:.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.title-bar--no-icon .title-bar-text{padding-left:8px}.title-bar-controls{display:flex;align-items:center;height:22px;margin-top:-1px;margin-right:1px}.window.is-unfocused .title-bar-controls{opacity:.6}.title-bar-controls button{position:relative;width:22px;height:22px;border:1px solid #fff;border-radius:3px;margin-right:1px;cursor:var(--xp-cursor-default)}.title-bar-controls button:hover{filter:brightness(120%)}.title-bar-controls button:hover:active{filter:brightness(90%)}.title-bar-controls button[aria-label=Minimize]{box-shadow:var(--xp-btn-blue-shadow);background-image:var(--xp-btn-blue)}.title-bar-controls button[aria-label=Minimize]:before{content:"";position:absolute;left:4px;top:13px;height:3px;width:8px;background-color:#fff}.title-bar-controls button[aria-label=Maximize]{box-shadow:var(--xp-btn-blue-shadow);background-image:var(--xp-btn-blue)}.title-bar-controls button[aria-label=Maximize]:before{content:"";position:absolute;display:block;left:4px;top:4px;box-shadow:inset 0 3px #fff,inset 0 0 0 1px #fff;height:12px;width:12px}.window.is-maximized .title-bar-controls button[aria-label=Maximize]:before{left:7px;top:4px;box-shadow:inset 0 2px #fff,inset 0 0 0 1px #fff;height:8px;width:8px}.window.is-maximized .title-bar-controls button[aria-label=Maximize]:after{content:"";position:absolute;display:block;left:4px;top:7px;box-shadow:inset 0 2px #fff,inset 0 0 0 1px #fff,1px -1px #136dff;height:8px;width:8px;background-color:#136dff}.title-bar-controls button[aria-label=Close]{box-shadow:var(--xp-btn-close-shadow);background-image:var(--xp-btn-close)}.title-bar-controls button[aria-label=Close]:before{content:"";position:absolute;left:9px;top:2px;transform:rotate(45deg);height:16px;width:2px;background-color:#fff}.title-bar-controls button[aria-label=Close]:after{content:"";position:absolute;left:9px;top:2px;transform:rotate(-45deg);height:16px;width:2px;background-color:#fff}.window-body{flex:1;position:relative;height:calc(100% - 25px);background-color:#fff;overflow:auto}.window.is-maximized{width:calc(100% + 6px)!important;height:calc(100% + 6px)!important;transform:translate(-3px,-3px)!important;border-radius:0}.window.is-maximized .header__bg{border-radius:0}#taskbar-wrapper{flex-shrink:0;height:30px;background:var(--xp-taskbar);position:relative;z-index:9999}#taskbar{display:flex;height:100%;font-family:var(--xp-font)}.taskbar__left{height:100%;flex:1;overflow:hidden;display:flex;align-items:center}.taskbar__right{flex-shrink:0;background:var(--xp-tray);border-left:1px solid #1042af;box-shadow:inset 1px 0 1px #18bbff;padding:0 10px;margin-left:10px;display:flex;align-items:center}#taskbar-start{height:100%;margin-right:10px;cursor:var(--xp-cursor-default);flex-shrink:0;display:flex;align-items:center}#taskbar-start img{height:100%;display:block}#taskbar-start:hover{filter:brightness(105%)}#taskbar-start:active{filter:brightness(85%)}#taskbar-windows{display:flex;align-items:center;gap:2px;flex:1;min-width:0;overflow:hidden}.taskbar-win-btn{flex:1;max-width:150px;color:#fff;border-radius:2px;margin-top:2px;padding:0 8px;height:22px;font-size:11px;font-family:var(--xp-font);background-color:#3c81f3;box-shadow:inset -1px 0 #0000004d,inset 1px 1px 1px #fff3;position:relative;display:flex;align-items:center;cursor:var(--xp-cursor-default);user-select:none}.taskbar-win-btn img{height:15px;width:15px;flex-shrink:0}.taskbar-win-btn span{position:absolute;left:27px;right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskbar-win-btn:before{display:block;content:"";position:absolute;left:-2px;top:-2px;width:10px;height:1px;border-bottom-right-radius:50%;box-shadow:2px 2px 3px #ffffff80}.taskbar-win-btn:hover{background-color:#53a3ff}.taskbar-win-btn:hover:active{background-color:#1e52b7;box-shadow:inset 0 0 1px 1px #0000004d,inset 1px 0 1px #000000b3}.taskbar-win-btn.is-active{background-color:#1e52b7;box-shadow:inset 0 0 1px 1px #0003,inset 1px 0 1px #000000b3}.taskbar-win-btn.is-active:before{display:none}.taskbar-win-btn.is-active:hover{background-color:#3576f3}.taskbar-win-btn.is-active:hover:active{background-color:#1e52b7}.tray__icon{height:15px;width:15px}#taskbar-clock{margin:0 5px;color:#fff;font-size:11px;font-weight:lighter;text-shadow:none}.start-menu{position:absolute;left:0;bottom:100%;display:none;flex-direction:column;font-size:11px;line-height:14px;background-color:#4282d6;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:2px 4px 2px #00000080;z-index:10000;font-family:var(--xp-font)}.start-menu.is-open{display:flex}.start-menu__header{position:relative;display:flex;align-items:center;color:#fff;height:54px;padding:6px 5px 5px;width:100%;border-top-left-radius:5px;border-top-right-radius:5px;background:linear-gradient(to bottom,#1868ce,#0e60cb 12% 20%,#1164cf 32%,#1667cf 33%,#1b6cd3 47%,#1e70d9 54%,#2476dc 60%,#297ae0 65%,#3482e3 77%,#3786e5 79%,#428ee9 90%,#4791eb);overflow:hidden}.start-menu__header:before{content:"";display:block;position:absolute;top:1px;left:0;width:100%;height:3px;background:linear-gradient(to right,transparent 0,rgba(255,255,255,.3) 1%,rgba(255,255,255,.5) 2%,rgba(255,255,255,.5) 95%,rgba(255,255,255,.3) 98%,rgba(255,255,255,.2) 99%,transparent 100%);box-shadow:inset 0 -1px 1px #0e60cb}.start-menu__avatar{width:42px;height:42px;margin-right:5px;border-radius:3px;border:2px solid rgba(222,222,222,.8)}.start-menu__username{font-size:14px;font-weight:700;text-shadow:1px 1px rgba(0,0,0,.7)}.start-menu__body{display:flex;margin:0 2px;position:relative;border-top:1px solid #385de7;box-shadow:0 1px #385de7}.start-menu__body:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(to right,#0000,#da884a,#0000);z-index:1}.start-menu__left{background-color:#fff;padding:6px 5px 0;width:190px;display:flex;flex-direction:column}.start-menu__right{background-color:#cbe3ff;border-left:solid rgba(58,58,255,.37) 1px;padding:6px 5px 5px;width:190px;color:#00136b}.start-menu__item{display:flex;align-items:center;padding:1px;margin-bottom:4px;cursor:var(--xp-cursor-default)}.start-menu__left .start-menu__item{height:34px}.start-menu__right .start-menu__item{height:26px;line-height:13px}.start-menu__item:hover{color:#fff;background-color:#2f71cd}.start-menu__item-icon{margin-right:3px}.start-menu__left .start-menu__item-icon{width:30px;height:30px}.start-menu__right .start-menu__item-icon{width:22px;height:22px}.start-menu__item-text{font-weight:700}.start-menu__separator{height:7.5px;background:linear-gradient(to right,#0000,#0000001a,#0000);border-top:3px solid transparent;border-bottom:3px solid transparent;background-clip:content-box}.start-menu__right .start-menu__separator{background:linear-gradient(to right,#0000,#87b3e2b5,#0000);background-clip:content-box}.start-menu__footer{display:flex;align-items:center;justify-content:flex-end;color:#fff;height:36px;width:100%;background:linear-gradient(to bottom,#4282d6,#3b85e0 3%,#418ae3 5% 17%,#3c87e2 21%,#3786e4 26%,#3482e3 29%,#2e7ee1,#2374df 49%,#2072db 57%,#196edb 62%,#176bd8 72%,#1468d5 75%,#1165d2 83%,#0f61cb 88%)}.start-menu__footer-btn{padding:3px;display:flex;margin-right:10px;align-items:center;color:#fff;cursor:var(--xp-cursor-default)}.start-menu__footer-btn:hover{background-color:#3c50d280}.start-menu__footer-btn:hover:active>*{transform:translate(1px,1px)}.start-menu__footer-btn img{border-radius:3px;margin-right:2px;width:22px;height:22px}