body{margin:0}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:Tahoma,Verdana,sans-serif}.desktop{background:url(/xp-wallpaper.jpg);background-size:cover;background-position:center;height:100vh;width:100vw;position:relative;overflow:hidden}.window{position:absolute;background:#ece9d8;border:2px solid #3a6ea5;box-shadow:3px 3px 4px #0006;min-width:280px;min-height:160px}.title-bar{background:linear-gradient(#3a6ea5,#245edc);padding:4px 6px;color:#fff;font-size:13px;cursor:move;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.title-bar .title{font-weight:700}.controls{display:flex;gap:2px}.controls button{background:#d8d8d8;border:1px solid #808080;width:20px;height:18px;font-size:11px;padding:0;cursor:pointer}.window-body{padding:8px;font-size:13px}.taskbar{position:fixed;bottom:0;left:0;right:0;height:42px;padding:4px 6px;display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,#3f79e3,#2f64c3 45%,#2b5bb3 70%,#2c5ebf);border-top:1px solid #7fa7e9;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000040,0 -1px 3px #00000059;color:#f4f8ff;-webkit-user-select:none;user-select:none}.taskbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff8c;pointer-events:none}.taskbar-divider{width:1px;height:72%;background:linear-gradient(180deg,#ffffffb3,#ffffff1a 45%,#00000047);opacity:.8}.start-btn{display:flex;align-items:center;gap:8px;height:32px;min-width:106px;padding:0 14px 0 12px;background:linear-gradient(180deg,#64ce64,#4db64d 40%,#3c9f3c,#328932);border:1px solid #1e6a1e;border-radius:8px 14px 14px 8px;box-shadow:inset 0 1px #a5efa5,inset 0 -1px #2b7d2b,0 1px 2px #00000059;color:#f9fffa;font-weight:700;font-size:14px;text-shadow:0 1px 0 rgba(0,0,0,.45);cursor:pointer}.start-btn:hover{filter:brightness(1.05)}.start-btn:active{box-shadow:inset 0 2px 4px #00000047;background:linear-gradient(180deg,#5b5,#449c44 35%,#357f35)}.start-icon{position:relative;width:16px;height:16px;display:inline-block}.start-icon:before{content:"";position:absolute;top:1px;left:0;width:7px;height:7px;background:#de3d30;border-radius:1px;box-shadow:8px 0 #2d7bcd,0 8px #56b83a,8px 8px #f3d21b}.start-label{line-height:1}.quick-launch{display:flex;align-items:center;gap:6px}.ql-btn{width:28px;height:28px;border:1px solid #426fc7;border-radius:4px;background:linear-gradient(#4e86e3,#3468c5);box-shadow:inset 0 1px #fff6,0 1px 2px #00000040;cursor:pointer;position:relative}.ql-btn:after{content:"";position:absolute;top:6px;left:6px;width:16px;height:16px;border-radius:3px}.ql-browser:after{background:radial-gradient(circle at 30% 30%,#fff 0% 45%,#2d8be6 48%,#1456b2)}.ql-mail:after{background:linear-gradient(135deg,transparent 32%,#1c3f82 33%,#1c3f82 38%,transparent 39%),linear-gradient(45deg,transparent 32%,#1c3f82 33%,#1c3f82 38%,transparent 39%),linear-gradient(#f6f8ff,#d7def1)}.ql-media:after{background:linear-gradient(45deg,#f2ce2b,#e0a322 45%,#c17a17),linear-gradient(135deg,rgba(255,255,255,.6),transparent 60%);box-shadow:inset 0 1px #ffffff59}.task-buttons{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.task-btn{flex:0 1 200px;display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;background:linear-gradient(#e7efff,#d2e0f7 50%,#c2d4f0);border:1px solid #7695d6;border-radius:4px;color:#0f2f6a;font-size:13px;text-shadow:0 1px 0 rgba(255,255,255,.65);box-shadow:inset 0 1px #fff,0 1px 1px #00000040;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.task-btn .task-icon{width:14px;height:14px;border-radius:2px;background:linear-gradient(#f9d66a,#e8b13b);border:1px solid #d0921d;box-shadow:inset 0 1px #ffe9a3;flex-shrink:0}.task-btn .task-icon.empty{background:linear-gradient(#e1e7f3,#c4d4ee);border:1px solid #8ca7d4;box-shadow:inset 0 1px #f1f6ff}.task-btn.active{background:linear-gradient(#fefefe,#e8f2ff 45%,#d6e7ff);border-color:#6a8dd2;box-shadow:inset 0 1px #fff,inset 0 -1px #b7c8e8,0 1px 1px #00000040}.task-btn:active{transform:translateY(1px)}.system-tray{display:flex;align-items:center;gap:8px;padding:4px 8px;background:linear-gradient(180deg,#ffffff2e,#ffffff14,#ffffff0d);border:1px solid #5779c7;border-radius:5px;box-shadow:inset 0 1px #ffffff47}.tray-icon{width:12px;height:12px;border-radius:2px;display:inline-block;position:relative}.tray-icon.net{background:linear-gradient(135deg,#d9e7ff,#6f9df5);box-shadow:inset 0 1px #f6fbff,0 0 0 1px #2656ad66}.tray-icon.sound{background:linear-gradient(135deg,#f6f6f6,#c9d2e2);box-shadow:inset 0 1px #fff,0 0 0 1px #5f6d8b80}.tray-icon.shield{background:linear-gradient(135deg,#f8d55c,#dca932 50%,#ab7a1b);box-shadow:inset 0 1px #ffeaa3,0 0 0 1px #906618b3}.clock{padding-left:6px;font-size:12px;color:#f8fcff;text-shadow:0 1px 0 rgba(0,0,0,.45);letter-spacing:.2px}.clock-wrapper{position:relative;display:flex;align-items:center}.clock-tooltip{position:absolute;bottom:120%;right:-6px;min-width:200px;padding:8px 10px;background:linear-gradient(180deg,#2f68c1,#1f3e7a);border:1px solid #7695d6;border-radius:6px;box-shadow:inset 0 1px #fff3,0 3px 8px #00000059;color:#f3f7ff;text-shadow:0 1px 0 rgba(0,0,0,.35);z-index:5}.clock-tooltip-date{font-size:13px;margin-bottom:6px}.clock-tooltip-time{font-size:12px;color:#d9e6ff}