:root{--xp-blue:#245edb;--xp-blue-dark:#0c3fbe;--xp-green:#3c9f3a;--xp-panel:#ece9d8;--xp-text:#000;--taskbar-h:30px;--font:Tahoma, Verdana, "Segoe UI", "DejaVu Sans", Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--xp-text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#3a6ea5;overflow:hidden;font-family:var(--font)!important;font-size:12px!important}button,input,textarea,select{font-family:var(--font);font-size:12px}.window,.title-bar,.title-bar-text{font-family:var(--font)}.title-bar{font-family:Trebuchet MS,Tahoma,sans-serif}a{color:#00f}p{margin:0}.selectable{-webkit-user-select:text;user-select:text}.desktop{inset:0 0 var(--taskbar-h) 0;background:#3a6ea5 50%/cover no-repeat;transition:background-image .6s;position:fixed}.desktop-icons{flex-flow:column wrap;align-content:flex-start;gap:6px;display:flex;position:absolute;top:12px;bottom:12px;left:12px}.desktop-icons.zone-center{flex-direction:row;align-items:flex-start;gap:40px;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.desktop-icons.zone-bottom-right{inset:auto 16px 16px auto}.desktop-icons.free{display:block;inset:0}.desktop-icons.free .dicon{touch-action:none;-webkit-user-select:none;user-select:none}.desktop-icons.free .dicon.dragging{opacity:.75;z-index:5;pointer-events:none;transition:none}.ctxmenu{z-index:9000;background:#fff;border:1px solid #aca899;min-width:170px;padding:2px;font-size:11px;position:absolute;box-shadow:2px 2px 3px #00000059}.ctxmenu div{cursor:default;padding:4px 22px 4px 26px}.ctxmenu div:hover{color:#fff;background:#316ac5}.ctxmenu .sep{background:#aca899;height:1px;margin:3px 2px;padding:0}.ctxmenu .sep:hover{background:#aca899}.dicon svg{width:44px;height:44px}.dicon{cursor:default;border:1px solid #0000;border-radius:2px;flex-direction:column;align-items:center;gap:4px;width:84px;padding:6px 2px;display:flex}.dicon svg,.dicon img{filter:drop-shadow(1px 1px 1px #0009);width:40px;height:40px}.dicon span{color:#fff;text-align:center;text-shadow:1px 1px 2px #000,0 0 3px #000c;overflow-wrap:anywhere;max-width:84px;padding:1px 3px;font-size:11px;line-height:1.2}.dicon.selected span{background:#0b61ff}.dicon.selected svg,.dicon.selected img{opacity:.8}.xwin{flex-direction:column;min-width:280px;min-height:160px;display:flex;position:absolute;box-shadow:4px 4px 14px #00000073}.xwin.inactive .title-bar{background:linear-gradient(#7697e7,#6e8fe6 8%,#6a8ee5 40%,#7ea1ee 88% 93%,#6b8fe5 95%,#5a7fdc 96%,#5a7fdc)}.xwin.inactive{box-shadow:4px 4px 14px #00000040}.xwin .title-bar{cursor:default;touch-action:none}.xwin .title-bar-text{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.xwin .title-bar-text svg,.xwin .title-bar-text img{flex:none;width:16px;height:16px}.xwin .window-body{flex-direction:column;flex:1;min-height:0;margin:0;display:flex;overflow:hidden}.xwin.maximized{width:100%!important;height:calc(100% - var(--taskbar-h))!important;top:0!important;left:0!important}.xwin.maximized .title-bar,.xwin.maximized.window{border-radius:0}.resize-handle{cursor:nwse-resize;width:18px;height:18px;position:absolute;bottom:0;right:0}.menubar{background:var(--xp-panel);border-bottom:1px solid #fff;gap:2px;padding:2px 4px;font-size:11px;display:flex}.menubar span{padding:2px 6px}.menubar span:hover{background:var(--xp-blue);color:#fff}.toolbar{background:var(--xp-panel);border-bottom:1px solid #d8d2bd;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 6px;display:flex}.toolbar button{align-items:center;gap:6px;min-width:0;padding:3px 10px;display:inline-flex}.toolbar .sep{background:#c9c3ae;width:1px;height:22px;margin:0 2px}.addressbar{background:var(--xp-panel);border-bottom:1px solid #d8d2bd;align-items:center;gap:6px;padding:3px 6px;font-size:11px;display:flex}.addressbar .addr{background:#fff;border:1px solid #7f9db9;flex:1;align-items:center;gap:6px;padding:3px 6px;display:flex}.content{background:#fff;flex:1;position:relative;overflow:auto}.content.panel{background:var(--xp-panel)}.statusbar{background:var(--xp-panel);border-top:1px solid #fff;gap:2px;padding:2px;font-size:11px;display:flex}.statusbar span{flex:1;padding:2px 6px;box-shadow:inset 1px 1px #a9a59a,inset -1px -1px #fff}.explorer{flex:1;min-height:0;display:flex}.explorer-side{color:#215dc6;background:linear-gradient(#7ba2e7,#6375d6);flex:none;width:190px;padding:10px;overflow:auto}.xp-task{background:#fff;border-radius:4px 4px 0 0;margin-bottom:12px;font-size:11px;overflow:hidden}.xp-task h4{color:#0c327d;background:linear-gradient(90deg,#fff,#c6d3f7);border-radius:4px 4px 0 0;margin:0;padding:5px 10px;font-size:11px;font-weight:700}.xp-task div{background:#d6dff7;padding:6px 10px}.xp-task div p{color:#215dc6;cursor:pointer;margin:3px 0}.xp-task div p:hover{color:#428eff;text-decoration:underline}.xp-task div .info{color:#000;cursor:default}.xp-task div .info:hover{text-decoration:none}.files{background:#fff;flex-wrap:wrap;flex:1;align-content:flex-start;gap:4px;padding:12px;display:flex;overflow:auto}.ficon{text-align:center;cursor:default;overflow-wrap:anywhere;border:1px solid #0000;flex-direction:column;align-items:center;gap:6px;width:92px;padding:8px 4px;font-size:11px;line-height:1.2;display:flex}.ficon:hover{background:#eaf0fb;border-color:#c6d3f7}.ficon.selected{color:#fff;background:#316ac5}.ficon svg,.ficon img{width:48px;height:48px}.ficon img.thumb{object-fit:cover;background:#fff;border:1px solid #999;width:64px;height:52px;padding:2px}.ficon .sub{color:#777;font-size:10px}.ficon.selected .sub{color:#dbe6ff}.taskbar{height:var(--taskbar-h);z-index:20000;background:linear-gradient(#245edb 0%,#3f8cf3 6%,#245edb 12%,#1e52c5 60%,#1941a5 100%);align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 1px #6aa1f5}.start{color:#fff;text-shadow:1px 1px 1px #17451a;cursor:pointer;background:linear-gradient(#3c9f3a 0%,#5ec25b 8%,#3c9f3a 20%,#2f8a2d 60%,#237a22 100%);border:none;border-radius:0 12px 12px 0;align-items:center;gap:6px;min-width:0;height:100%;padding:0 22px 0 10px;font:italic 700 15px Trebuchet MS,Tahoma,sans-serif;display:flex;box-shadow:inset 0 1px #8fdc8a,2px 0 6px #0000004d}.start:active,.start.open{background:linear-gradient(#2f8a2d,#3c9f3a)}.start .logo{width:20px;height:20px}.tasks{flex:1;gap:3px;padding:0 8px;display:flex;overflow:hidden}.taskbtn{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#3d7ef0,#2a63d8 50%,#245edb);border:none;border-radius:3px;flex:1;align-items:center;gap:6px;min-width:0;max-width:160px;height:22px;padding:0 8px;font-size:11px;display:flex;overflow:hidden;box-shadow:inset 0 1px #6ea2f8}.taskbtn.active{background:linear-gradient(#1a48b0,#1d4cb8);box-shadow:inset 1px 1px 2px #00000080}.taskbtn svg,.taskbtn img{flex:none;width:14px;height:14px}.tray{color:#fff;background:linear-gradient(#0f9fff 0%,#1a8ff5 6%,#0a70e3 12%,#0b62d3 60%,#0a53b8 100%);border-left:1px solid #0a3b93;align-items:center;gap:8px;height:100%;padding:0 12px 0 10px;font-size:11px;display:flex;box-shadow:inset 1px 0 #1b7ce8}.tray svg{width:16px;height:16px}.startmenu{left:0;bottom:var(--taskbar-h);z-index:20001;background:var(--xp-blue);border:1px solid #0c3fbe;border-radius:6px 6px 0 0;width:380px;position:fixed;overflow:hidden;box-shadow:4px -2px 16px #00000080}.sm-head{color:#fff;text-shadow:1px 1px 1px #0d2f7d;background:linear-gradient(#1c5cd8,#3a7be8 40%,#1f5ad6);align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:700;display:flex}.sm-head img{object-fit:cover;border:2px solid #fff;border-radius:4px;width:44px;height:44px;box-shadow:0 0 4px #0006}.sm-body{display:flex}.sm-left{background:#fff;flex:1;padding:6px}.sm-right{background:#d3e5fa;border-left:1px solid #95bdee;width:175px;padding:6px}.sm-item{cursor:default;border-radius:2px;align-items:center;gap:8px;padding:5px 6px;font-size:11px;display:flex}.sm-item:hover{background:var(--xp-blue);color:#fff}.sm-item svg,.sm-item img{flex:none;width:26px;height:26px}.sm-left .sm-item{font-size:12px}.sm-left .sm-item b{display:block}.sm-left .sm-item small{color:#666;font-size:10px;display:block}.sm-item:hover small{color:#dde8ff}.sm-right .sm-item{color:#0c327d;font-weight:700}.sm-right .sm-item:hover{color:#fff}.sm-right .sm-item.normal{font-weight:400}.sm-sep{background:#c7d6ee;height:1px;margin:5px 4px}.sm-foot{background:linear-gradient(#3f7ce8,#245edb);justify-content:flex-end;gap:6px;padding:6px 10px;display:flex}.sm-foot button{min-width:0;box-shadow:none;color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:2px 6px;font-size:11px;display:flex}.sm-foot button:hover{background:#ffffff26}.sm-foot svg{width:20px;height:20px}.welcome{font-family:var(--font);background:#5a7edc;flex-direction:column;display:flex;position:fixed;inset:0}.welcome-top{background:linear-gradient(#0b2a8a,#234ec5);border-bottom:3px solid #a4c7ff;height:90px}.welcome-main{background:linear-gradient(#5a7edc,#6b8fe8 40%,#4f74d6);flex:1;grid-template-columns:1fr 1px 1.1fr;display:grid}.welcome-left{color:#fff;flex-direction:column;justify-content:center;align-items:flex-end;padding:0 40px;display:flex}.welcome-left h1{text-shadow:2px 2px 3px #16327f;margin:0;font:700 24px Trebuchet MS,Tahoma,sans-serif}.welcome-left p{opacity:.9;text-align:right;margin-top:8px;font-size:14px}.welcome-sep{background:linear-gradient(#0000,#a4c7ff 20% 80%,#0000)}.welcome-right{align-items:center;padding:0 40px;display:flex}.usertile{background:#ffffff1f;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:16px;width:min(460px,100%);padding:12px;display:flex}.usertile img{object-fit:cover;border:2px solid #fff;border-radius:4px;width:64px;height:64px;box-shadow:0 0 6px #0006}.usertile .u-name{color:#fff;text-shadow:1px 1px 2px #16327f;font-size:18px;font-weight:700}.usertile .u-q{color:#e8efff;margin:4px 0 8px;font-size:12px}.usertile form{align-items:center;gap:6px;display:flex}.usertile input{background:#fff;border:1px solid #7f9db9;outline:none;flex:1;padding:4px 6px;font-size:13px}.usertile .go{color:#fff;width:28px;min-width:0;height:26px;box-shadow:none;cursor:pointer;background:linear-gradient(#7bc06e,#3c9f3a);border:1px solid #2c7a2a;border-radius:3px;padding:0;font-weight:700}.usertile .hint{color:#ffe9b0;margin-top:6px;font-size:11px}.usertile .wrong{color:#ffd0d0;margin-top:6px;font-size:11px}.welcome-bottom{color:#fff;background:linear-gradient(#234ec5,#0b2a8a);border-top:3px solid #f0a030;align-items:center;gap:10px;height:70px;padding:0 30px;font-size:12px;display:flex}.welcome-bottom .pwr{background:linear-gradient(180deg, #f6a; , #c33);background:linear-gradient(#ff7a5c,#c8321b);border-radius:4px;place-items:center;width:24px;height:24px;display:grid}.balloon{right:110px;bottom:calc(var(--taskbar-h) + 8px);z-index:20002;background:#ffffe1;border:1px solid #000;border-radius:6px;max-width:300px;padding:8px 10px;font-size:11px;position:fixed;box-shadow:2px 2px 6px #0000004d}.balloon b{margin-bottom:4px;display:block}.balloon:after{content:"";border:5px solid #0000;border-top-color:#000;position:absolute;bottom:-10px;right:30px}.fx{pointer-events:none;z-index:19000;position:fixed;inset:0;overflow:hidden}.fx span{will-change:transform;animation:linear infinite fall;position:absolute;top:-8vh}@keyframes fall{to{transform:translateY(115vh)rotate(360deg)}}.fx.snow span{background:#ffffffe6;border-radius:50%;width:6px;height:6px}.fx.hearts span:before{content:"♥";color:#e63c50d9;font-size:20px}.fx.flowers span:before{content:"✿";color:#f08caae6;font-size:20px}.fx.stars span:before{content:"✦";color:#ffdc64e6;font-size:14px}.fx.confetti span{background:var(--c);opacity:.9;width:8px;height:12px}@media (max-width:720px){.xwin{border-radius:0;min-width:0;width:100%!important;height:calc(100% - var(--taskbar-h))!important;top:0!important;left:0!important}.xwin .title-bar{border-radius:0}.explorer-side{display:none}.desktop-icons{gap:2px}.desktop-icons.zone-center{flex-direction:column;gap:2px;top:12px;left:auto;right:12px;transform:none}.desktop-icons.zone-bottom-right{bottom:12px;right:12px}.dicon{width:76px}.startmenu{width:100%}.welcome-main{grid-template-columns:1fr}.welcome-left{align-items:center;padding:24px}.welcome-left p{text-align:center}.welcome-sep{display:none}.welcome-right{padding:0 20px 40px}.resize-handle{display:none}.taskbtn{max-width:110px}}body,.desktop,.window,.xwin,.startmenu,.taskbar{cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%202l14%2011.5-6%20.6%203.6%207.4-2.6%201.3-3.7-7.6-4.4%204.2z%22%20fill%3D%22%23fff%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.2%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E) 3 2,auto}a,button,.dicon,.ficon,.sm-item,.taskbtn,.start,.xp-task div p,.title-bar-controls button,.tray span{cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9%203.5c0-1%202-1%202%200v7h1V5.5c0-1%202-1%202%200v5.5h1V7c0-1%202-1%202%200v4.5h1V9c0-1%202-1%202%200v6.5c0%203-2.5%205.5-6%205.5h-1.5c-2%200-3.5-1-4.5-2.5L5%2013.5c-.6-.9.6-2%201.5-1.2L9%2014.5z%22%20fill%3D%22%23fff%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.1%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E) 8 3,pointer}input,textarea{cursor:text}.tray-net .scr{animation:2.4s step-end infinite net-blink}.tray-net .scr-b{animation-delay:.7s}@keyframes net-blink{0%,60%{fill:#2f6fd6}62%,66%{fill:#9cc3ff}68%,to{fill:#2f6fd6}}