.winxp-desktop{color:#000;-webkit-user-select:none;user-select:none;cursor:default;background:url(/xp-bliss.svg) 50%/cover no-repeat;width:100vw;height:100vh;font-family:Trebuchet MS,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11px;position:relative;overflow:hidden}.winxp-window{background:#ece9d8;border:1px solid #0054e3;border-radius:8px 8px 0 0;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:2px 2px 10px #00000059}.winxp-window.maximized{box-shadow:none;border-radius:0;width:auto!important;height:auto!important;inset:0 0 30px!important}.winxp-titlebar{cursor:grab;background:linear-gradient(#0997ff 0%,#0053ee 8%,#0050ee 18%,#196aff 28%,#0041d2 48%,#0048e0 58%,#0046d4 68%,#0050e8 78%,#1562ea 88%,#3c8cf6 100%);border-radius:8px 8px 0 0;flex-shrink:0;align-items:center;gap:4px;height:30px;padding:0 4px;display:flex}.winxp-titlebar:active{cursor:grabbing}.winxp-titlebar.inactive{background:linear-gradient(#7996c8 0%,#6181b5 30%,#5a7aae 50%,#6d8fc4 80%,#8daed8 100%)}.winxp-titlebar-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;text-shadow:1px 1px 2px #0006;flex:1;font-size:13px;font-weight:700;overflow:hidden}.winxp-titlebar-icon{pointer-events:none;font-size:16px;line-height:1}.winxp-titlebar-buttons{gap:2px;margin-left:auto;display:flex}.winxp-titlebar-btn{cursor:pointer;color:#fff;text-shadow:1px 1px 1px #0000004d;border:1px solid #ffffff4d;border-radius:3px;justify-content:center;align-items:center;width:21px;height:21px;padding:0;font-size:11px;font-weight:700;line-height:1;display:flex}.winxp-titlebar-btn.minimize,.winxp-titlebar-btn.maximize{background:linear-gradient(#3c8df6 0%,#2170e0 50%,#1c63d0 50%,#1f6ee5 100%)}.winxp-titlebar-btn.close{background:linear-gradient(#e08356 0%,#c6492c 50%,#b83018 50%,#d15735 100%)}.winxp-titlebar-btn:hover{filter:brightness(1.2)}.winxp-titlebar-btn:active{filter:brightness(.9)}.winxp-menubar{background:#ece9d8;border-bottom:1px solid #aca899;flex-shrink:0;align-items:center;gap:12px;height:22px;padding:0 6px;font-size:11px;display:flex}.winxp-menubar span{cursor:pointer;border-radius:2px;padding:1px 6px}.winxp-menubar span:hover{color:#fff;background:#316ac5}.winxp-content{background:#fff;border:1px solid #aca899;flex:1;min-height:0;margin:2px;overflow:auto}.winxp-content-gray{background:#ece9d8;flex:1;min-height:0;margin:2px;overflow:auto}.winxp-statusbar{color:#000;background:#ece9d8;border-top:1px solid #fff;flex-shrink:0;align-items:center;height:22px;padding:0 6px;font-size:11px;display:flex}.winxp-statusbar-panel{background:#f1efe2;border:1px solid #aca899;align-items:center;height:16px;padding:0 8px;display:flex}.winxp-taskbar{z-index:9998;background:linear-gradient(#1f5fc5 0%,#2663c7 2%,#3a7bdb 4%,#3670ce 8%,#245dba 20% 80%,#2260be 92%,#1d57b2 96%,#1b50a5 100%);align-items:center;gap:3px;height:30px;padding:0 3px;display:flex;position:fixed;bottom:0;left:0;right:0}.winxp-start-btn{cursor:pointer;color:#fff;text-shadow:0 1px 1px #0006;background:linear-gradient(#388e3c 0%,#3aa241 20%,#379f3e 40%,#2f8c34 60%,#268a2d 80%,#1f7a24 100%);border:none;border-radius:0 8px 8px 0;flex-shrink:0;align-items:center;gap:4px;height:24px;padding:0 12px 0 6px;font-size:11px;font-weight:700;display:flex;box-shadow:0 1px 1px #0003}.winxp-start-btn:hover{filter:brightness(1.1)}.winxp-start-btn:active,.winxp-start-btn.active{filter:brightness(.9)}.winxp-start-logo{background:linear-gradient(135deg,red 25%,#0f0 25% 50%,#00f 50% 75%,#ff0 75%);border-radius:50%;flex-shrink:0;width:18px;height:18px;box-shadow:0 0 3px #ffffff80}.winxp-taskbar-divider{background:#ffffff26;flex-shrink:0;width:1px;height:20px;margin:0 2px}.winxp-taskbar-btn{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:0 1px 1px #0000004d;background:linear-gradient(#3c89d9 0%,#2d6abb 50%,#2760b0 50%,#3173c4 100%);border:1px solid #00000026;border-radius:3px;align-items:center;gap:4px;min-width:0;max-width:160px;height:22px;padding:0 8px;font-size:11px;display:flex;overflow:hidden}.winxp-taskbar-btn:hover{filter:brightness(1.1)}.winxp-taskbar-btn.active{background:linear-gradient(#1f4a8a 0%,#1a3f78 50%,#183a6f 50%,#1e4784 100%);border:1px solid #0000004d;font-weight:700}.winxp-systray{color:#fff;text-shadow:0 1px 1px #0000004d;background:linear-gradient(#0e8fe0 0%,#1188d6 20%,#0f7bc5 40%,#0e6eb7 60%,#0c64ab 80%,#0a5a9f 100%);border-left:1px solid #ffffff26;flex-shrink:0;align-items:center;gap:8px;height:24px;margin-left:auto;padding:0 10px;font-size:11px;display:flex}.winxp-startmenu{z-index:9999;background:#fff;border:2px solid #0054e3;border-radius:8px 8px 0 0;min-width:280px;position:fixed;bottom:30px;left:0;overflow:hidden;box-shadow:4px 4px 12px #0006}.winxp-startmenu-header{background:linear-gradient(#1f5fc5 0%,#2663c7 30%,#3a7bdb 100%);border-radius:6px 6px 0 0;align-items:center;gap:10px;height:54px;padding:0 10px;display:flex}.winxp-startmenu-avatar{background:#ece9d8;border:2px solid #ffffff80;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.winxp-startmenu-username{color:#fff;text-shadow:1px 1px 2px #0000004d;font-size:14px;font-weight:700}.winxp-startmenu-items{background:#fff;padding:6px 0}.winxp-startmenu-item{cursor:pointer;text-align:left;color:#000;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:6px 16px;font-size:12px;display:flex}.winxp-startmenu-item:hover{color:#fff;background:#316ac5}.winxp-startmenu-divider{background:#d6d2c2;height:1px;margin:4px 10px}.winxp-startmenu-footer{background:#d3d0c3;padding:6px 0}.winxp-startmenu-footer .winxp-startmenu-item{color:#333;font-size:11px}.winxp-icon{cursor:pointer;text-align:center;border-radius:4px;flex-direction:column;align-items:center;gap:4px;width:76px;padding:6px;display:flex}.winxp-icon:hover{background:#ffffff26}.winxp-icon:hover .winxp-icon-label,.winxp-icon:focus .winxp-icon-label{background:#316ac599;border-radius:2px}.winxp-icon-image{filter:drop-shadow(1px 1px 2px #0006);justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;display:flex}.winxp-icon-label{color:#fff;text-shadow:1px 1px 2px #000c;padding:1px 4px;font-size:11px;line-height:1.3}.winxp-boot{z-index:10000;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.winxp-boot-logo{color:#fff;text-shadow:0 0 20px #0064ff80;font-family:Trebuchet MS,sans-serif;font-size:36px;font-weight:700}.winxp-boot-subtitle{color:#aaa;font-family:Trebuchet MS,sans-serif;font-size:14px}.winxp-boot-progress{background:#1a1a2e;border:1px solid #333;border-radius:7px;width:200px;height:14px;overflow:hidden}.winxp-boot-progress-bar{background:linear-gradient(90deg,#0054e3,#3b8cf6,#0054e3) 0 0/200% 100%;border-radius:7px;height:100%;animation:1.5s ease-in-out infinite xp-progress}@keyframes xp-progress{0%{background-position:0%;width:0%}50%{background-position:100%;width:70%}to{background-position:0%;width:100%}}.winxp-content::-webkit-scrollbar{width:17px;height:17px}.winxp-content::-webkit-scrollbar-track{background:#f1efe2;border-left:1px solid #aca899}.winxp-content::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ece9d8 0%,#d6d2c2 50%,#ece9d8 100%);border:1px solid #aca899;border-radius:2px}.winxp-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#d6d2c2 0%,#c4c0af 50%,#d6d2c2 100%)}.winxp-content::-webkit-scrollbar-button{background:#ece9d8;border:1px solid #aca899;height:17px}@media (max-width:767px){.winxp-desktop{overflow-y:auto}.winxp-window{box-shadow:none;border-radius:0;z-index:9990!important;width:auto!important;height:auto!important;position:fixed!important;inset:0 0 30px!important}.winxp-titlebar{cursor:default;border-radius:0}.winxp-icon{width:80px}.winxp-taskbar-btn{display:none}.winxp-startmenu{bottom:30px;left:0;right:0}}
