:root {
  --xp: #000080;
  --cream: #ece9d8;
  --shadow: #404040;
}

* { box-sizing: border-box; }
html, body {
  height:100%; margin:0;
  font-family:Tahoma, sans-serif;
  background:linear-gradient(#3a6ea5,#2b4e73);
  overflow:hidden;
}
a { color:#1a3cff; text-decoration:none; }

/* Prevent text selection except tips */
body, .popup, .xp-window, .taskbar, button, .diff, .xp-btn {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
#tipModal .address {
  user-select:text;
  cursor:pointer;
  font-family:Consolas, monospace;
  display:block;
  background:#fff;
  padding:4px;
  margin:4px 0;
  border:1px solid #999;
}

/* Taskbar */
.taskbar {
  position:fixed; top:0; left:0; right:0; height:40px;
  background:var(--xp); color:#fff;
  border-bottom:2px solid #000; display:flex;
  justify-content:space-between; align-items:center;
  padding:0 10px; z-index:3000;
}
.taskbar .stats { display:flex; gap:8px; }
.taskbar .pill { background:#002366; border:1px solid #fff; border-radius:3px; padding:2px 6px; font-size:13px; font-weight:bold; }
.taskbar .controls { display:flex; gap:8px; }

/* Buttons XP style */
button, .diff, .xp-btn {
  background:#d4d0c8;
  border:2px outset #fff;
  padding:4px 10px;
  font-family:Tahoma,sans-serif;
  font-size:13px;
  cursor:pointer;
}
button:hover, .diff:hover, .xp-btn:hover { filter:brightness(0.95); }
button:active, .diff:active, .xp-btn:active { border:2px inset #fff; }

/* XP Window */
.xp-window {
  background:var(--cream);
  border:2px solid #000;
  box-shadow:4px 4px 0 var(--shadow);
  min-width:320px;
}
.xp-title {
  background:var(--xp);
  color:#fff; font-weight:bold; padding:4px 8px; font-size:14px;
}
.xp-body { padding:12px; font-size:14px; }

/* Overlay */
.overlay {
  position:fixed; inset:0; background:rgba(0,0,0,0.35);
  display:none; align-items:center; justify-content:center; z-index:2000;
}
.overlay.show { display:flex; }

/* Popup windows */
.popup {
  position:absolute;
  background:#ece9d8;
  border:2px solid #000;
  box-shadow:3px 3px 0 #222;
  font-size:13px;
  width:280px;
  min-height:130px;
  display:flex; flex-direction:column; justify-content:space-between;
}
.popup .title {
  background:linear-gradient(to right, #000080, #3366cc);
  color:#fff; font-weight:bold; padding:2px 6px;
  display:flex; justify-content:space-between; align-items:center;
}
.popup .x { cursor:pointer; font-weight:bold; padding:0 4px; }
.popup .body { padding:8px; flex:1; }
.popup .ok {
  align-self:flex-end;
  margin:6px;
  background:#d4d0c8;
  border:2px outset #fff;
  padding:2px 16px;
  font-weight:bold;
  cursor:pointer;
}
.popup .ok:active { border:2px inset #fff; }

/* Banner / Toast */
.banner, .toast {
  position:fixed; background:#000a; color:#fff; border:1px solid #fff;
  padding:6px 10px; border-radius:4px; display:none; z-index:2100;
}
.banner { top:50px; left:50%; transform:translateX(-50%); }
.toast { bottom:12px; right:12px; }
.banner.show, .toast.show { display:block; }

/* BSOD */
.bsod-window {
  background:#001a66;
  color:#fff;
  font-family:Consolas, monospace;
  max-width:480px;
}
.bsod-window .xp-title { background:#001a66; font-size:18px; }
.bsod-window .xp-body { font-size:14px; }
.bsod-actions { display:flex; gap:10px; margin-top:12px; justify-content:center; }

/* Colors */
.gold { color:gold; font-weight:bold; }
.bomb { color:red; font-weight:bold; }
.shield { color:green; font-weight:bold; }
.freeze { color:#1a3cff; font-weight:bold; }

#tipModal .address.copied {
  background: #ffeb3b;     /* yellow flash */
  border-color: #d4af37;   /* gold border */
  transition: background 0.3s ease;
}
.copied-label {
  font-family: Tahoma, sans-serif;
  font-size: 12px;
  animation: fadeInOut 2s ease forwards;
}
@keyframes fadeInOut {
  0% { opacity: 0; }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { opacity: 0; }
}
.address {
  background: #ece9d8;         /* blend with XP cream */
  border: 1px solid #999;
  padding: 4px 6px;
  margin: 4px 0;
  font-family: "Courier New", monospace; /* monospaced look */
  font-size: 13px;
  cursor: pointer;
  user-select: none;           /* prevent text highlighting */
}
.address:hover {
  background: #d4d0c8;
}