/* Swarm · Windows-XP-style desktop in a beige classic computer. Original CSS/SVG art (no image assets). */
.sw.xp{background:linear-gradient(#5d7fa8 0,#8fb0cf 38%,#7c5a3a 38.2%,#6b4a2d 100%);padding:56px 0 16px;display:none;position:relative}
body.view-swarm .sw.xp{display:flex;align-items:flex-start;justify-content:center;gap:22px}
.mac{position:relative;display:flex;flex-direction:column;align-items:center}
.mac-top{background:linear-gradient(160deg,#efe8d4,#d6ccb1);border-radius:22px 22px 14px 14px;padding:26px 26px 0;box-shadow:inset 0 2px 0 #fff8,inset 0 -3px 0 #b5ab90,0 30px 60px #0007}
.mac-bezel{background:#bdb398;border-radius:14px;padding:14px;box-shadow:inset 0 3px 8px #0005}
.mac-screen{position:relative;border-radius:8px;overflow:hidden;background:#000;box-shadow:inset 0 0 30px #0008}
.xp-desk{background:radial-gradient(140% 70% at 30% 110%,#3f9a2e 0 46%,#5fb840 52%,transparent 53%),radial-gradient(120% 60% at 85% 120%,#4aa835 0 48%,transparent 49%),linear-gradient(#2b6fd6,#5b9bf0 45%,#9cc7f7 70%,#bfe0ff 71%);padding:10px 10px 44px}
.sw.xp .swin{padding:0;font-family:Tahoma,Verdana,Segoe UI,sans-serif;color:#111}
.mac-chin{display:flex;justify-content:space-between;align-items:center;height:64px;padding:0 10px}
.mac-badge{font:700 12px Georgia,serif;color:#8a816a;letter-spacing:1px}.mac-slot{width:120px;height:8px;border-radius:4px;background:#8f8670;box-shadow:inset 0 2px 2px #0006}
.mac-base{width:62%;height:22px;background:linear-gradient(#d6ccb1,#bdb398);border-radius:0 0 12px 12px;box-shadow:0 14px 26px #0006}
.mac-mouse{position:relative;width:60px;align-self:flex-end;margin-bottom:40px;transition:transform .6s cubic-bezier(.3,.7,.2,1)}.mac-mouse svg:first-child{width:60px;filter:drop-shadow(0 8px 8px #0006)}
.mac-cord{position:absolute;left:0;top:-80px;width:60px;height:90px;z-index:-1}.mac-mouse.click .mm-btn{animation:mmc .3s}@keyframes mmc{50%{fill:#0002}}
/* XP windows */
.sw.xp .swc{background:#ece9d8;border:1px solid #0831d9;border-radius:8px 8px 3px 3px;color:#111;box-shadow:2px 3px 8px #0005;overflow:hidden}
.xp-tt{display:flex;justify-content:space-between;align-items:center;height:24px;margin:-1px -1px 6px;padding:0 4px 0 9px;background:linear-gradient(#0997ff,#0053ee 12%,#0050ee 85%,#06f);color:#fff;font:700 12px Tahoma,Trebuchet MS,sans-serif;text-shadow:1px 1px #0a1f60;border-radius:7px 7px 0 0}
.sw.xp .swbal,.sw.xp .swpos{padding-top:0}.sw.xp .swbal .xp-tt,.sw.xp .swpos .xp-tt{margin:0 -14px 6px}.sw.xp .swpos .xp-tt{margin:0 -12px 6px}
.xp-tt em{display:flex;gap:2px;font-style:normal}.xp-tt i{width:19px;height:19px;display:grid;place-items:center;border:1px solid #fff;border-radius:3px;background:linear-gradient(#3c8cff,#1f5fe0);font:700 10px Tahoma;font-style:normal}.xp-tt i.x{background:linear-gradient(#e8805f,#c4381a)}
.sw.xp .swbig{color:#0a5b17;text-shadow:none}.sw.xp .swbh,.sw.xp .swph,.sw.xp .ath,.sw.xp .swm{color:#4b4b4b}
.sw.xp .swlog{background:#fff}.sw.xp .swtabs{background:#ece9d8;border-color:#aca899;color:#111}.sw.xp .swll{color:#111;font-family:'Lucida Console',Consolas,monospace}.sw.xp .swl1 .c{color:#555}.sw.xp .swl1 .g{color:#0a7a17}.sw.xp .swl1 .r{color:#c4161c}
.sw.xp .swc.t{background:#fff;border-color:#7f9db9;border-radius:3px}.sw.xp .t small{color:#555}.sw.xp .t b{color:#0a246a}
.sw.xp .swh{background:linear-gradient(#0997ff,#0053ee);border-radius:8px;padding:0 10px;color:#fff;box-shadow:2px 3px 8px #0005}.sw.xp .swm b{color:#fff}.sw.xp .swh .swm{color:#d6e4ff}
.sw.xp .agc{background:linear-gradient(#fff,#ece9d8)!important;border:1px solid #7f9db9!important;color:#111;border-radius:6px}.sw.xp .agc *{color:inherit}
.sw.xp .swmh{background:linear-gradient(#0997ff,#0053ee);color:#fff;font-family:Tahoma}
.sw.xp .swbtn span{border-radius:4px;border:1px solid #003c74;background:linear-gradient(#fff,#ece9d8 85%,#d8d2bd);color:#111;font:700 11px Tahoma;box-shadow:inset 0 -1px #c6c2b0;transition:transform .1s}
.sw.xp .swbtn span.xp-pressed{transform:translateY(1px);background:linear-gradient(#d8d2bd,#ece9d8);box-shadow:inset 1px 1px 3px #0005,0 0 0 2px #f9b233}
.sw.xp .xp-pressed{outline:2px solid #f9b233;outline-offset:1px}
/* Taskbar */
.xp-task{position:absolute;left:0;right:0;bottom:0;height:34px;display:flex;align-items:center;gap:6px;background:linear-gradient(#3168d5,#245edb 10%,#1941a5 90%,#173b9a);border-top:1px solid #0c59b9;font:12px Tahoma,sans-serif;color:#fff;z-index:3}
.xp-start{height:100%;display:flex;align-items:center;gap:6px;padding:0 18px 0 10px;border:0;border-radius:0 12px 12px 0;background:linear-gradient(#3c9e3c,#2f8f2f 40%,#28802a);color:#fff;font:italic 700 17px Trebuchet MS,Tahoma,sans-serif;text-shadow:1px 1px #1a4a1a;box-shadow:inset 0 1px #8fd88f}
.xp-tb{height:24px;display:flex;align-items:center;padding:0 10px;border-radius:3px;background:#3c81f3;border:1px solid #1c4fc4;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xp-tb.on{background:#1e52b7;box-shadow:inset 1px 1px 3px #0006}
.xp-tray{margin-left:auto;height:100%;display:flex;align-items:center;gap:8px;padding:0 12px;background:linear-gradient(#0f8cf0,#0b77e9);border-left:1px solid #0a5fb4}.xp-tray i{font-style:normal}
/* Cursor */
.xp-cur{position:absolute;left:0;top:0;z-index:4;pointer-events:none;transition:transform .6s cubic-bezier(.3,.7,.2,1);filter:drop-shadow(1px 2px 1px #0007)}
.xp-cur i{position:absolute;left:-10px;top:-10px;width:20px;height:20px;border-radius:50%;border:2px solid #f9b233;opacity:0}.xp-cur.click i{animation:xpc .45s}@keyframes xpc{0%{opacity:1;transform:scale(.4)}100%{opacity:0;transform:scale(1.6)}}
@media (max-width:760px){
  body.view-swarm .sw.xp{flex-direction:column;align-items:center;gap:6px;padding:calc(64px + env(safe-area-inset-top)) 6px calc(20px + env(safe-area-inset-bottom))}
  .mac-top{padding:10px 10px 0;border-radius:14px 14px 8px 8px}.mac-bezel{padding:6px;border-radius:8px}.xp-desk{padding:6px 4px 40px}.mac-chin{height:30px}.mac-base{height:12px}
  .mac-mouse{align-self:center;margin:4px 0 0;width:44px}.mac-mouse svg:first-child{width:44px}.mac-cord{display:none}
  .xp-tb{max-width:120px;font-size:11px}.xp-start{font-size:15px;padding:0 12px 0 8px}
}
@media (max-width:760px){.mac{width:100%}.mac-top{width:100%}.mac-screen{overflow:hidden}.sw.xp .swin{max-width:100%}}