#desktop{position:fixed;inset:0 0 var(--taskbar-height);overflow:hidden;isolation:isolate;background:#004e98}#wallpaper{position:absolute;inset:0;z-index:-2;background:#245daa url('../../assets/bliss.jpg') center/cover no-repeat}#wallpaper>canvas{width:100%;height:100%;display:block}#desktop-icons{position:absolute;inset:0;pointer-events:none}#windows{position:absolute;inset:0;pointer-events:none}.desktop-icon{width:78px;min-height:74px;position:absolute;display:flex;flex-direction:column;align-items:center;gap:5px;justify-content:flex-start;pointer-events:auto;border:1px solid transparent;border-radius:0;background:transparent;padding:7px 2px 3px;color:white;text-shadow:1px 1px 2px #000,1px 1px #000;text-align:center;line-height:13px;font-size:11px;touch-action:none;user-select:none}.desktop-icon img{filter:drop-shadow(1px 2px 1px #0004)}.desktop-icon span{padding:1px 2px;max-width:74px;overflow-wrap:break-word}.desktop-icon.selected span{background:#0b61ffd9;outline:1px dotted #fffa;text-shadow:none}.desktop-icon.selected img{filter:drop-shadow(0 0 2px #204bab) brightness(.85) sepia(.25) hue-rotate(160deg)}#desktop-selection{position:absolute;border:1px solid #316ac5;background:#316ac544;pointer-events:none;z-index:20}
#taskbar{position:fixed;left:0;right:0;bottom:0;height:var(--taskbar-height);z-index:50000;display:flex;align-items:stretch;background:linear-gradient(#3168d5 0%,#4993e6 3%,#2566db 10%,#245edb 65%,#2359d0 90%,#1647b6 100%);box-shadow:inset 0 1px #6595e3;color:white;user-select:none}.start-button{width:99px;min-width:99px;height:30px;border:0;border-radius:0 9px 9px 0;background:#389838 url('../../assets/start-button-sprite.png') 0 0/99px 99px no-repeat;padding:0 12px 2px 8px;display:flex;align-items:center;gap:3px;box-shadow:2px 0 3px #10328566;color:white;text-shadow:1px 2px 1px #255622;font:bold italic 20px Arial,sans-serif;line-height:28px}.start-button:hover{background-position:0 -33px}.start-button.open,.start-button:active{background-position:0 -66px}.start-button img{width:25px;height:20px}.quick-launch{display:flex;align-items:center;gap:0;padding:0 6px;position:relative}.quick-launch:after{content:'';position:absolute;right:0;top:7px;bottom:5px;border-left:1px solid #123cb6;border-right:1px solid #5292f0}.quick-launch button{padding:2px 4px;border:1px solid transparent;background:transparent;border-radius:2px;height:24px}.quick-launch button:hover{border-color:#92b8ff;background:#4786e9}.task-buttons{min-width:0;flex:1;display:flex;gap:3px;padding:3px 8px 3px 3px;overflow:hidden}.task-button{position:relative;display:flex;align-items:center;gap:4px;padding:2px 8px;max-width:160px;min-width:40px;flex:1;border:1px solid #306ad9;border-radius:3px;box-shadow:inset 1px 1px #67a4f5,1px 1px 1px #134dc5;background:#3d80f3;color:white;overflow:hidden;text-align:left;white-space:nowrap}.task-button span{overflow:hidden;text-overflow:ellipsis}.task-button:hover{background:#5599ff}.task-button.active{background:#1b50b5;border-color:#1644a7;box-shadow:inset 1px 1px 2px #123e87;font-weight:bold}.task-button.active:hover{background:#215bbf}.system-tray{display:flex;gap:7px;align-items:center;padding:0 12px 0 9px;background:linear-gradient(#0d95ee,#16a4f6 12%,#0999ef 50%,#118aec);border-left:1px solid #1253b2;box-shadow:inset 1px 0 #6dc9fa,inset 0 1px #64bbf4;min-width:111px}.tray-button{border:0;padding:0;background:transparent;color:white;display:flex;align-items:center}.tray-clock{padding:3px 2px;white-space:nowrap;min-width:49px;text-align:center}.tray-clock:hover{background:#37b5ff}
.xp-window{position:absolute;display:flex;flex-direction:column;pointer-events:auto;border:3px solid var(--xp-blue);border-top:0;border-radius:8px 8px 0 0;background:var(--xp-face);box-shadow:1px 2px 6px #0005;min-width:160px;min-height:85px;overflow:hidden}.xp-window.inactive{border-color:#7a96df;--xp-blue:#7a96df}.xp-titlebar{height:30px;min-height:30px;display:flex;align-items:center;gap:4px;padding:2px 2px 3px 4px;margin:0 -1px;background:linear-gradient(180deg,var(--xp-title-top) 0%,#0064ee 8%,var(--xp-title-bottom) 43%,#0055e5 88%,#033dc0 100%);border-radius:6px 6px 0 0;color:#fff;box-shadow:inset 0 1px #6dbaff,inset 0 2px #1689fb;user-select:none;touch-action:none}.xp-window.inactive .xp-titlebar{background:linear-gradient(#92b3ed,#82a0df 10%,#7897dc 90%,#687fcc);box-shadow:inset 0 1px #c3d3f8}.xp-window.inactive .xp-title-text{color:#d9e1f1;text-shadow:none}.xp-title-icon{border:0;background:transparent;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.xp-title-text{font-family:'Trebuchet MS',var(--xp-font);font-size:13px;font-weight:bold;text-shadow:1px 1px #143581;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;padding-bottom:1px}.xp-caption-buttons{display:flex;gap:2px;padding-left:3px}.xp-caption-button{width:21px;height:21px;padding:0;border:1px solid #fff;border-radius:3px;background:linear-gradient(135deg,#69adff,#0657df 70%);box-shadow:inset 1px 1px 2px #d6e9ff;position:relative;color:white}.xp-caption-button:hover{filter:brightness(1.18)}.xp-caption-button:active{filter:brightness(.8)}.xp-caption-button.close{background:linear-gradient(135deg,#f4aaa0,#e66550 25%,#c72e13 80%);box-shadow:inset 1px 1px 2px #f7d8cb}.xp-caption-button.minimize:after{content:'';position:absolute;bottom:4px;left:4px;width:8px;height:3px;background:white;box-shadow:1px 1px #174897}.xp-caption-button.maximize:after{content:'';position:absolute;top:4px;left:4px;width:10px;height:9px;border:1px solid white;border-top-width:3px;box-shadow:1px 1px #174897}.xp-caption-button.close:before,.xp-caption-button.close:after{content:'';position:absolute;width:13px;height:2px;background:white;top:8px;left:3px;transform:rotate(45deg);box-shadow:1px 0 #933e2f}.xp-caption-button.close:after{transform:rotate(-45deg)}.xp-window.maximized{border-radius:0}.xp-window.maximized .xp-titlebar{border-radius:0}.xp-window.inactive .xp-caption-buttons{opacity:.65}.xp-window-content{flex:1;min-height:0;overflow:hidden;position:relative;display:flex;flex-direction:column;background:var(--xp-face)}.xp-resize{position:absolute;z-index:10;touch-action:none}.xp-resize.n{height:5px;left:5px;right:5px;top:0;cursor:n-resize}.xp-resize.s{height:5px;left:5px;right:5px;bottom:0;cursor:s-resize}.xp-resize.e{width:5px;top:5px;bottom:5px;right:0;cursor:e-resize}.xp-resize.w{width:5px;top:5px;bottom:5px;left:0;cursor:w-resize}.xp-resize.nw,.xp-resize.ne,.xp-resize.sw,.xp-resize.se{width:8px;height:8px}.xp-resize.nw{left:0;top:0;cursor:nw-resize}.xp-resize.ne{right:0;top:0;cursor:ne-resize}.xp-resize.sw{left:0;bottom:0;cursor:sw-resize}.xp-resize.se{right:0;bottom:0;cursor:se-resize}.xp-window.maximized .xp-resize{display:none}.xp-window-content iframe{border:0}.window-modal-shade{position:absolute;inset:0;background:#0001;z-index:100;pointer-events:auto}
.start-menu{position:fixed;left:0;bottom:30px;width:383px;z-index:60000;border:2px solid #1c58cc;border-top:0;border-radius:7px 7px 0 0;background:#fff;box-shadow:3px 0 6px #0005;user-select:none}.start-header{height:65px;display:flex;align-items:center;padding:7px;gap:10px;background:linear-gradient(#166cdb,#1471e4 12%,#1b65cb 80%,#2b82e8);border-radius:5px 5px 0 0;border-top:2px solid #4b9bf6;border-bottom:2px solid #e9a330;color:#fff;font:bold 18px 'Trebuchet MS',var(--xp-font);text-shadow:1px 1px #205398}.start-avatar{width:49px;height:49px;background:linear-gradient(#eefcff,#b7d8f1);border:2px solid #eee;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:1px 1px 2px #084487}.start-avatar img{width:45px;height:45px;object-fit:cover}.start-columns{display:grid;grid-template-columns:1.02fr 1fr;min-height:352px}.start-left{background:#fff;padding:5px 3px}.start-right{background:#d3e5fa;border-left:1px solid #95bdee;padding:6px 4px}.start-entry{display:flex;align-items:center;gap:7px;min-height:34px;width:100%;border:0;background:transparent;text-align:left;padding:5px 5px;color:#000;border-radius:0;font-size:11px}.start-left .start-entry{min-height:40px}.start-entry:hover,.start-entry:focus{background:#316ac5;color:white;outline:0}.start-entry strong{display:block;font-size:11px}.start-entry small{display:block;color:#858585;font-size:11px;margin-top:1px}.start-entry:hover small{color:#ddd}.start-entry .xp-icon{width:28px;height:28px}.start-right .start-entry{color:#003399}.start-right .start-entry:hover{color:#fff}.start-right .start-entry .xp-icon{width:24px;height:24px}.start-rule{height:1px;margin:4px 4px;background:linear-gradient(90deg,#fff,#b6b6b6,#fff)}.start-right .start-rule{background:linear-gradient(90deg,#d3e5fa,#95b4db,#d3e5fa)}.start-all{font-weight:bold;margin-top:3px;justify-content:center;min-height:28px!important}.start-all .program-arrow{color:#388523;font-size:18px;text-shadow:1px 1px #acde76;margin-left:7px}.start-bottom{display:flex;align-items:center;justify-content:flex-end;padding:5px 6px;height:41px;gap:8px;background:linear-gradient(#3188ed,#1464d0);color:white}.start-bottom button{border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:5px;padding:2px 3px}.start-bottom button:hover{background:#316ac5}.start-bottom .session-icon{width:23px;height:23px;display:flex;align-items:center;justify-content:center;border:1px solid white;border-radius:3px;font-size:18px;box-shadow:inset 0 0 3px #fff}.session-icon.logoff{background:linear-gradient(#ffc866,#ec8b18)}.session-icon.shutdown{background:linear-gradient(#f7947c,#d23119)}.all-programs-menu{min-width:215px;border-left:4px solid #2e6fe7}.all-programs-menu .xp-menu-item{min-height:28px}
#notifications{position:fixed;right:15px;bottom:40px;z-index:70000;display:flex;flex-direction:column;gap:8px;max-width:340px}.xp-balloon{background:#ffffe1;border:1px solid #000;border-radius:7px;padding:10px 24px 12px 12px;box-shadow:2px 3px 4px #0004;position:relative;line-height:1.4}.xp-balloon:after{content:'';position:absolute;right:37px;bottom:-7px;width:12px;height:12px;border-right:1px solid #000;border-bottom:1px solid #000;background:#ffffe1;transform:skewY(35deg)}.xp-balloon strong{display:block;margin-bottom:5px;font-size:12px}.xp-balloon-close{position:absolute;right:5px;top:3px;background:transparent;border:0;color:#777;font-size:17px;padding:0 3px}.volume-popup{position:fixed;bottom:32px;right:45px;width:125px;padding:12px;background:var(--xp-face);border:1px solid #555;box-shadow:2px 2px 3px #0004;z-index:60000;display:flex;flex-direction:column;align-items:center;gap:10px}.volume-popup input[type=range]{writing-mode:vertical-lr;direction:rtl;height:120px;width:20px}.volume-popup label{display:flex;gap:6px;align-items:center}.session-overlay{position:fixed;inset:0;background:#0005;backdrop-filter:grayscale(1);z-index:80000;display:flex;align-items:center;justify-content:center}.shutdown-panel{width:330px;color:#fff;border:2px solid #eee;border-radius:4px;background:#5a7edc;box-shadow:0 0 20px #0005}.shutdown-header,.shutdown-footer{height:47px;background:#003399;display:flex;align-items:center;justify-content:space-between;padding:8px 15px;font-size:20px;font-weight:bold;border-bottom:2px solid #8fa8e7}.shutdown-actions{display:flex;justify-content:space-around;gap:16px;padding:24px 18px}.shutdown-action{color:white;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:8px}.shutdown-action span{width:35px;height:35px;border:2px solid white;border-radius:5px;box-shadow:inset 1px 1px 3px #fff5;display:flex;align-items:center;justify-content:center;font-size:25px}.shutdown-footer{height:38px;justify-content:flex-end;border-bottom:0;border-top:2px solid #8fa8e7}.shutdown-footer .xp-button{font-weight:normal;color:black}.xp-login{position:fixed;inset:0;background:linear-gradient(#00309c 0 15%,#5a7edc 15% 84%,#00309c 84%);display:flex;align-items:center;justify-content:center;color:white;z-index:90000}.login-brand{width:42%;text-align:right;padding-right:50px;border-right:1px solid #9bb4f4;font:24px 'Trebuchet MS',sans-serif}.login-brand img{width:110px;height:88px;object-fit:contain;display:block;margin:0 30px 20px auto;image-rendering:auto}.login-users{padding-left:40px;width:42%;display:flex;flex-direction:column;gap:15px}.login-user{background:linear-gradient(90deg,#164ab8,#5a7edc);border:1px solid #9bb4f4;border-radius:5px;padding:8px;color:white;display:flex;align-items:center;gap:14px;text-align:left;font-size:20px;max-width:260px}.login-user img{width:48px;height:48px}.login-bottom{position:absolute;bottom:7%;left:6%;font-size:11px}.switcher{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:99000;padding:12px;background:var(--xp-face);border:3px solid #0054e3;box-shadow:2px 2px 10px #0007}.switcher-icons{display:flex;gap:9px}.switcher-icons button{border:2px solid transparent;padding:8px;background:transparent}.switcher-icons button.selected{border-color:#003399}.switcher-title{margin-top:9px;padding:6px;border:1px solid #999;min-width:230px;text-align:center}
body[data-theme=silver] .xp-titlebar{background:linear-gradient(#e5e9f2,#bac0d2 35%,#939bb1);color:#111;text-shadow:none;box-shadow:inset 0 2px #f6f7fe}body[data-theme=silver] .xp-title-text{text-shadow:none}body[data-theme=olive] .xp-titlebar{background:linear-gradient(#e2e6b8,#a9b66f 35%,#859447);box-shadow:inset 0 2px #eff0cc}body[data-theme=silver] #taskbar{background:linear-gradient(#f5f7ff,#b1b9cc 30%,#b9c2d4)}body[data-theme=olive] #taskbar{background:linear-gradient(#e2e6b8,#a9b66f 30%,#869549)}body[data-theme=classic] .xp-window{border:3px solid #d4d0c8;border-radius:0;box-shadow:inset 1px 1px white,1px 1px #404040}body[data-theme=classic] .xp-titlebar{height:22px;min-height:22px;border-radius:0;box-shadow:none;background:linear-gradient(90deg,#0a246a,#a6caf0)}body[data-theme=classic] .xp-caption-button{background:#d4d0c8;border-radius:0;border-color:#fff #404040 #404040 #fff;box-shadow:none;height:16px;width:18px}body[data-theme=classic] .xp-caption-button:after,body[data-theme=classic] .xp-caption-button:before{filter:brightness(0)}body[data-theme=classic] #taskbar{background:#d4d0c8;border-top:2px outset #fff}body[data-theme=classic] .task-button{background:#d4d0c8;color:#000;box-shadow:none;border:2px outset #fff;border-radius:0}body[data-theme=classic] .task-button.active{background:#ece9d8;border-style:inset}body[data-theme=classic] .system-tray{background:#d4d0c8;color:#000;border:1px inset #ddd;box-shadow:none;margin:2px}
@media(max-width:650px){.quick-launch{display:none}.task-buttons{gap:2px;padding-right:3px}.task-button{padding:2px 4px;min-width:25px}.system-tray{min-width:81px;gap:3px;padding:0 5px}.start-menu{width:min(383px,100vw)}.xp-window{max-width:100vw}.xp-titlebar{min-height:31px;height:31px}.xp-caption-button{width:25px;height:23px}.desktop-icon{min-height:71px}.start-columns{min-height:310px}.start-left .start-entry{min-height:36px}.start-entry{padding:3px 4px}.xp-login .login-brand{padding-right:16px}.xp-login .login-users{padding-left:16px}body{touch-action:manipulation}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.quick-launch button{min-width:23px;box-shadow:none}.quick-launch button:hover{box-shadow:none}