@font-face {
  font-family: 'Tahoma';
  src: url('../img/winxp/fonts/tahoma.ttf') format('truetype');
}

@font-face {
  font-family: 'Franklin Gothic';
  src: url('../img/winxp/fonts/framdit.ttf') format('truetype');
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: 'Tahoma', Arial, sans-serif;
  font-size: 11px;
  --login-bg: linear-gradient(180deg, #1a4f8b 0%, #3a7bc8 50%, #5a9bd4 100%);
  --login-header-bg: linear-gradient(180deg, #2968a8 0%, #3a7bc8 100%);
  --login-footer-bg: linear-gradient(180deg, #3a7bc8 0%, #2968a8 100%);
  --login-border: #5a9bd4;
}

body.theme-silver {
  --login-bg: linear-gradient(180deg, #888888 0%, #a8a8a8 50%, #c8c8c8 100%);
  --login-header-bg: linear-gradient(180deg, #989898 0%, #a8a8a8 100%);
  --login-footer-bg: linear-gradient(180deg, #a8a8a8 0%, #989898 100%);
  --login-border: #b8b8b8;
}

body.theme-olive {
  --login-bg: linear-gradient(180deg, #6c8860 0%, #8ca880 50%, #a8b89c 100%);
  --login-header-bg: linear-gradient(180deg, #7c9870 0%, #8ca880 100%);
  --login-footer-bg: linear-gradient(180deg, #8ca880 0%, #7c9870 100%);
  --login-border: #9cb890;
}

.xp-body {
  background: #000;
}

.xp-body,
.xp-body.cursor-small {
  cursor: url('../img/winxp/cursor/arrow_i.png') 0 0, default;
}

.xp-body *,
.xp-body.cursor-small * {
  cursor: inherit;
}

.xp-body a,
.xp-body button,
.xp-body [onclick],
.xp-body .start-btn,
.xp-body .start-menu-item,
.xp-body .taskbar-button,
.xp-body .desktop-icon,
.xp-body .context-menu-item,
.xp-body .dropdown-item,
.xp-body .xp-button,
.xp-body .file-grid-item,
.xp-body .drive-item,
.xp-body .window-control,
.xp-body .toolbar button,
.xp-body .properties-tab,
.xp-body .cp-category,
.xp-body .cp-task,
.xp-body .cp-cursor-option,
.xp-body .wmp-btn,
.xp-body .wmp-menu-item,
.xp-body .title-bar-btn {
  cursor: url('../img/winxp/cursor/link_i.png') 6 0, pointer !important;
}

.xp-body input[type="text"],
.xp-body input[type="number"],
.xp-body textarea {
  cursor: url('../img/winxp/cursor/beam_i.png') 4 8, text !important;
}

.xp-body .window-titlebar,
.xp-body .title-bar {
  cursor: url('../img/winxp/cursor/move_i.png') 8 8, move !important;
}

.xp-body .resize-handle,
.xp-body .resize-n,
.xp-body .resize-s {
  cursor: url('../img/winxp/cursor/size4_i.png') 8 8, ns-resize !important;
}

.xp-body .resize-e,
.xp-body .resize-w {
  cursor: url('../img/winxp/cursor/size3_i.png') 8 8, ew-resize !important;
}

.xp-body .resize-ne {
  cursor: url('../img/winxp/cursor/size2_i.png') 8 8, nesw-resize !important;
}

.xp-body .resize-nw {
  cursor: url('../img/winxp/cursor/size1_i.png') 8 8, nwse-resize !important;
}

.xp-body .resize-se {
  cursor: url('../img/winxp/cursor/size1_i.png') 8 8, nwse-resize !important;
}

.xp-body .resize-sw {
  cursor: url('../img/winxp/cursor/size2_i.png') 8 8, nesw-resize !important;
}

.xp-body.cursor-big {
  cursor: url('../img/winxp/cursor/arrow_m.png') 0 0, default;
}

.xp-body.cursor-big * {
  cursor: inherit;
}

.xp-body.cursor-big a,
.xp-body.cursor-big button,
.xp-body.cursor-big [onclick],
.xp-body.cursor-big .start-btn,
.xp-body.cursor-big .start-menu-item,
.xp-body.cursor-big .taskbar-button,
.xp-body.cursor-big .desktop-icon,
.xp-body.cursor-big .context-menu-item,
.xp-body.cursor-big .dropdown-item,
.xp-body.cursor-big .xp-button,
.xp-body.cursor-big .file-grid-item,
.xp-body.cursor-big .drive-item,
.xp-body.cursor-big .window-control,
.xp-body.cursor-big .toolbar button,
.xp-body.cursor-big .properties-tab,
.xp-body.cursor-big .cp-category,
.xp-body.cursor-big .cp-task,
.xp-body.cursor-big .cp-cursor-option,
.xp-body.cursor-big .wmp-btn,
.xp-body.cursor-big .wmp-menu-item,
.xp-body.cursor-big .title-bar-btn {
  cursor: url('../img/winxp/cursor/link_m.png') 6 0, pointer !important;
}

.xp-body.cursor-big input[type="text"],
.xp-body.cursor-big input[type="number"],
.xp-body.cursor-big textarea {
  cursor: url('../img/winxp/cursor/beam_m.png') 4 8, text !important;
}

.xp-body.cursor-big .window-titlebar,
.xp-body.cursor-big .title-bar {
  cursor: url('../img/winxp/cursor/move_m.png') 8 8, move !important;
}

.xp-body.cursor-big .resize-handle,
.xp-body.cursor-big .resize-n,
.xp-body.cursor-big .resize-s {
  cursor: url('../img/winxp/cursor/size4_m.png') 8 8, ns-resize !important;
}

.xp-body.cursor-big .resize-e,
.xp-body.cursor-big .resize-w {
  cursor: url('../img/winxp/cursor/size3_m.png') 8 8, ew-resize !important;
}

.xp-body.cursor-big .resize-ne {
  cursor: url('../img/winxp/cursor/size2_m.png') 8 8, nesw-resize !important;
}

.xp-body.cursor-big .resize-nw {
  cursor: url('../img/winxp/cursor/size1_m.png') 8 8, nwse-resize !important;
}

.xp-body.cursor-big .resize-se {
  cursor: url('../img/winxp/cursor/size1_m.png') 8 8, nwse-resize !important;
}

.xp-body.cursor-big .resize-sw {
  cursor: url('../img/winxp/cursor/size2_m.png') 8 8, nesw-resize !important;
}

.xp-body.cursor-blue {
  cursor: url('../img/winxp/cursor/larrow.png') 0 0, url('../img/winxp/cursor/arrow_l.png') 0 0, default;
}

.xp-body.cursor-blue * {
  cursor: inherit;
}

.xp-body.cursor-blue a,
.xp-body.cursor-blue button,
.xp-body.cursor-blue [onclick],
.xp-body.cursor-blue .start-btn,
.xp-body.cursor-blue .start-menu-item,
.xp-body.cursor-blue .taskbar-button,
.xp-body.cursor-blue .desktop-icon,
.xp-body.cursor-blue .context-menu-item,
.xp-body.cursor-blue .dropdown-item,
.xp-body.cursor-blue .xp-button,
.xp-body.cursor-blue .file-grid-item,
.xp-body.cursor-blue .drive-item,
.xp-body.cursor-blue .window-control,
.xp-body.cursor-blue .toolbar button,
.xp-body.cursor-blue .properties-tab,
.xp-body.cursor-blue .cp-category,
.xp-body.cursor-blue .cp-task,
.xp-body.cursor-blue .cp-cursor-option,
.xp-body.cursor-blue .wmp-btn,
.xp-body.cursor-blue .wmp-menu-item,
.xp-body.cursor-blue .title-bar-btn {
  cursor: url('../img/winxp/cursor/llink.png') 6 0, url('../img/winxp/cursor/link_l.png') 6 0, pointer !important;
}

.xp-body.cursor-blue input[type="text"],
.xp-body.cursor-blue input[type="number"],
.xp-body.cursor-blue textarea {
  cursor: url('../img/winxp/cursor/libeam.png') 4 8, url('../img/winxp/cursor/beam_l.png') 4 8, text !important;
}

.xp-body.cursor-blue .window-titlebar,
.xp-body.cursor-blue .title-bar {
  cursor: url('../img/winxp/cursor/lmove.png') 8 8, url('../img/winxp/cursor/move_l.png') 8 8, move !important;
}

.xp-body.cursor-blue .resize-handle,
.xp-body.cursor-blue .resize-n,
.xp-body.cursor-blue .resize-s {
  cursor: url('../img/winxp/cursor/lns.png') 8 8, url('../img/winxp/cursor/size4_l.png') 8 8, ns-resize !important;
}

.xp-body.cursor-blue .resize-e,
.xp-body.cursor-blue .resize-w {
  cursor: url('../img/winxp/cursor/lwe.png') 8 8, url('../img/winxp/cursor/size3_l.png') 8 8, ew-resize !important;
}

.xp-body.cursor-blue .resize-ne {
  cursor: url('../img/winxp/cursor/lnesw.png') 8 8, url('../img/winxp/cursor/size2_l.png') 8 8, nesw-resize !important;
}

.xp-body.cursor-blue .resize-nw {
  cursor: url('../img/winxp/cursor/lnwse.png') 8 8, url('../img/winxp/cursor/size1_l.png') 8 8, nwse-resize !important;
}

.xp-body.cursor-blue .resize-se {
  cursor: url('../img/winxp/cursor/lnwse.png') 8 8, url('../img/winxp/cursor/size1_l.png') 8 8, nwse-resize !important;
}

.xp-body.cursor-blue .resize-sw {
  cursor: url('../img/winxp/cursor/lnesw.png') 8 8, url('../img/winxp/cursor/size2_l.png') 8 8, nesw-resize !important;
}

.cursor-sample {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f0f0;
  border-radius: 4px;
  padding: 4px;
  border: 1px solid #d0d0d0;
}

.cursor-sample svg {
  width: 16px;
  height: 20px;
}

.cursor-sample.cursor-small-bg {
  background: #808080;
}

.cursor-sample.cursor-big-bg {
  background: #f0f0f0;
}

.cursor-sample.cursor-blue-bg {
  background: #d0d0d0;
}

.boot-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.boot-content {
  text-align: center;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.boot-logo {
  width: 350px;
  margin-bottom: 60px;
}

.boot-loading {
  width: 220px;
  height: 16px;
  background: transparent;
  border: 1px solid #6b6b6b;
  overflow: hidden;
  position: relative;
  padding: 2px;
}

.boot-bar {
  display: flex;
  gap: 3px;
  height: 100%;
  animation: bootSlide 2.5s linear infinite;
}

.boot-block {
  width: 14px;
  height: 100%;
  background: linear-gradient(180deg, #3a8cf4 0%, #0054e3 50%, #003db8 100%);
  flex-shrink: 0;
}

@keyframes bootSlide {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(240px);
  }
}

.boot-copyright {
  color: #6b6b6b;
  font-size: 12px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  margin: 0;
  font-family: 'Tahoma', Arial, sans-serif;
}

.boot-footer-right {
  color: #6b6b6b;
  font-size: 12px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  margin: 0;
  font-family: 'Tahoma', Arial, sans-serif;
}

.login-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--login-bg);
  z-index: 9999;
  display: flex;
  flex-direction: column;
}

.login-header {
  background: var(--login-header-bg);
  padding: 20px 40px;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  border-bottom: 2px solid var(--login-border);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.login-content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}

.login-user {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 40px;
  background: rgba(255,255,255,0.1);
  border: 2px solid rgba(255,255,255,0.3);
  border-radius: 8px;
  cursor: url('../img/winxp/cursor/link_m.png') 6 0, pointer;
  transition: all 0.2s;
}

.login-user:hover {
  background: rgba(255,255,255,0.2);
  border-color: rgba(255,255,255,0.5);
}

.user-avatar {
  width: 64px;
  height: 64px;
  border-radius: 4px;
  border: 2px solid #fff;
}

.user-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.user-name {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.login-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  background: var(--login-footer-bg);
  border-top: 2px solid var(--login-border);
}

.login-options span {
  color: #fff;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  font-size: 12px;
}

.login-options span:hover {
  text-decoration: underline;
}

.login-branding {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #fff;
  font-family: 'Franklin Gothic', 'Tahoma', sans-serif;
  font-size: 20px;
  font-style: italic;
}

.login-branding img,
.login-logo {
  width: 24px;
  height: 24px;
}

.login-branding .xp-text {
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  color: #ff6600;
}

.desktop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 30px);
  background: url('../img/winxp/wallpapers/bliss.jpg') center/cover no-repeat;
  overflow: hidden;
}

.desktop {
  --title-bar-bg: linear-gradient(180deg, #0058e6 0%, #3a8cf4 8%, #0054e3 40%, #0058e6 88%, #1a68f4 93%, #4a98f8 100%);
  --title-bar-inactive-bg: linear-gradient(180deg, #a4b4d4 0%, #8898b8 8%, #7888a8 40%, #8898b8 88%, #a4b4d4 93%, #c4d4f4 100%);
  --start-button-bg: linear-gradient(90deg, #388e3c 0%, #4caf50 50%, #388e3c 100%);
  --taskbar-bg: linear-gradient(180deg, #3168d5 0%, #4993e6 2%, #2157d0 4%, #2663e0 20%, #1956d6 44%, #1c4fc1 49%, #1f5bd0 100%);
  --window-border: #0054e3;
  --window-border-inactive: #7a96df;
  --title-text: #fff;
  --sidebar-bg: linear-gradient(180deg, #7ba0d4 0%, #6090c4 100%);
  --link-color: #0066cc;
  --heading-color: #003399;
  --hover-bg: #e8f4fc;
  --taskbar-item-bg: linear-gradient(180deg, #3c89cf 0%, #2a6eb7 50%, #236095 100%);
  --taskbar-item-hover-bg: linear-gradient(180deg, #4c99df 0%, #3a7ec7 50%, #3370a5 100%);
  --taskbar-item-active-bg: linear-gradient(180deg, #1c59a5 0%, #1a4985 50%, #143a65 100%);
  --title-btn-bg: linear-gradient(180deg, #3d7fcd 0%, #2c6ab8 50%, #245da3 100%);
  --title-btn-hover-bg: linear-gradient(180deg, #5090dd 0%, #3c7ac8 50%, #346db3 100%);
  --title-btn-close-bg: linear-gradient(180deg, #c75050 0%, #b04040 50%, #a03030 100%);
  --title-btn-close-hover-bg: linear-gradient(180deg, #d76060 0%, #c05050 50%, #b04040 100%);
  --clock-color: #fff;
  --system-tray-bg: linear-gradient(180deg, #1a5cad 0%, #1454a5 50%, #0f4585 100%);
  --drive-bar-color: linear-gradient(180deg, #0000ff 0%, #0000cc 100%);
  --start-menu-header-bg: linear-gradient(180deg, #1a5cad 0%, #2968c8 50%, #1a5cad 100%);
  --start-menu-right-bg: linear-gradient(180deg, #7ba0d4 0%, #6090c4 50%, #5080b4 100%);
  --start-menu-footer-bg: linear-gradient(180deg, #3a7bc8 0%, #2968b8 100%);
  --selected-bg: #316ac5;
  --selected-text: #fff;
  --highlight-bg: linear-gradient(180deg, #3a8cf4 0%, #0054e3 50%, #003db8 100%);
  --start-item-hover: #2968c8;
  --login-bg: linear-gradient(180deg, #1a4f8b 0%, #3a7bc8 50%, #5a9bd4 100%);
  --login-header-bg: linear-gradient(180deg, #2968a8 0%, #3a7bc8 100%);
  --login-footer-bg: linear-gradient(180deg, #3a7bc8 0%, #2968a8 100%);
  --login-border: #5a9bd4;
  --wmp-menubar-bg: linear-gradient(180deg, #354e6e 0%, #1e3a5f 100%);
  --wmp-sidebar-bg: linear-gradient(180deg, #1a2a3a 0%, #0d1820 100%);
  --wmp-content-bg: linear-gradient(180deg, #1a2a3a 0%, #0a1520 100%);
  --wmp-border: #0a1520;
  --wmp-vis-bar: linear-gradient(180deg, #3a8cf4 0%, #0054e3 50%, #003db8 100%);
  --wmp-progress-fill: linear-gradient(90deg, #3a8cf4 0%, #0054e3 100%);
  --wmp-vol-track: linear-gradient(90deg, #3a8cf4 0%, #0054e3 100%);
}

.desktop.theme-silver {
  --title-bar-bg: linear-gradient(180deg, #c8c8c8 0%, #a8a8a8 8%, #989898 40%, #a8a8a8 88%, #c8c8c8 93%, #e8e8e8 100%);
  --title-bar-inactive-bg: linear-gradient(180deg, #d8d8d8 0%, #b8b8b8 100%);
  --start-button-bg: linear-gradient(90deg, #7a7a7a 0%, #909090 50%, #7a7a7a 100%);
  --taskbar-bg: linear-gradient(180deg, #d4d4d4 0%, #a8a8a8 100%);
  --window-border: #888;
  --window-border-inactive: #a8a8a8;
  --title-text: #000;
  --sidebar-bg: linear-gradient(180deg, #c8c8c8 0%, #a8a8a8 100%);
  --link-color: #555;
  --heading-color: #333;
  --hover-bg: #f0f0f0;
  --taskbar-item-bg: linear-gradient(180deg, #b8b8b8 0%, #989898 50%, #888888 100%);
  --taskbar-item-hover-bg: linear-gradient(180deg, #c8c8c8 0%, #a8a8a8 50%, #989898 100%);
  --taskbar-item-active-bg: linear-gradient(180deg, #888888 0%, #787878 50%, #686868 100%);
  --title-btn-bg: linear-gradient(180deg, #b8b8b8 0%, #989898 50%, #888888 100%);
  --title-btn-hover-bg: linear-gradient(180deg, #c8c8c8 0%, #a8a8a8 50%, #989898 100%);
  --title-btn-close-bg: linear-gradient(180deg, #c75050 0%, #b04040 50%, #a03030 100%);
  --title-btn-close-hover-bg: linear-gradient(180deg, #d76060 0%, #c05050 50%, #b04040 100%);
  --clock-color: #000;
  --system-tray-bg: linear-gradient(180deg, #a8a8a8 0%, #989898 50%, #888888 100%);
  --drive-bar-color: linear-gradient(180deg, #888888 0%, #777777 100%);
  --start-menu-header-bg: linear-gradient(180deg, #a8a8a8 0%, #989898 50%, #888888 100%);
  --start-menu-right-bg: linear-gradient(180deg, #c8c8c8 0%, #a8a8a8 50%, #989898 100%);
  --start-menu-footer-bg: linear-gradient(180deg, #989898 0%, #888888 100%);
  --selected-bg: #888888;
  --selected-text: #fff;
  --highlight-bg: linear-gradient(180deg, #a8a8a8 0%, #888888 50%, #777777 100%);
  --start-item-hover: #989898;
  --login-bg: linear-gradient(180deg, #888888 0%, #a8a8a8 50%, #c8c8c8 100%);
  --login-header-bg: linear-gradient(180deg, #989898 0%, #a8a8a8 100%);
  --login-footer-bg: linear-gradient(180deg, #a8a8a8 0%, #989898 100%);
  --login-border: #b8b8b8;
  --wmp-menubar-bg: linear-gradient(180deg, #989898 0%, #787878 100%);
  --wmp-sidebar-bg: linear-gradient(180deg, #888888 0%, #686868 100%);
  --wmp-content-bg: linear-gradient(180deg, #888888 0%, #606060 100%);
  --wmp-border: #505050;
  --wmp-vis-bar: linear-gradient(180deg, #a8a8a8 0%, #888888 50%, #777777 100%);
  --wmp-progress-fill: linear-gradient(90deg, #a8a8a8 0%, #888888 100%);
  --wmp-vol-track: linear-gradient(90deg, #a8a8a8 0%, #888888 100%);
}

.desktop.theme-olive {
  --title-bar-bg: linear-gradient(180deg, #a8b89c 0%, #8ca880 8%, #7c9870 40%, #8ca880 88%, #a8b89c 93%, #c8d8bc 100%);
  --title-bar-inactive-bg: linear-gradient(180deg, #b8c8ac 0%, #98a88c 100%);
  --start-button-bg: linear-gradient(90deg, #6c8860 0%, #8ca880 50%, #6c8860 100%);
  --taskbar-bg: linear-gradient(180deg, #b8c8ac 0%, #8ca880 100%);
  --window-border: #6c8860;
  --window-border-inactive: #98a88c;
  --title-text: #fff;
  --sidebar-bg: linear-gradient(180deg, #a8b89c 0%, #8ca880 100%);
  --link-color: #557744;
  --heading-color: #445533;
  --hover-bg: #e8f0e8;
  --taskbar-item-bg: linear-gradient(180deg, #8ca880 0%, #7c9870 50%, #6c8860 100%);
  --taskbar-item-hover-bg: linear-gradient(180deg, #9cb890 0%, #8ca880 50%, #7c9870 100%);
  --taskbar-item-active-bg: linear-gradient(180deg, #6c8860 0%, #5c7850 50%, #4c6840 100%);
  --title-btn-bg: linear-gradient(180deg, #8ca880 0%, #7c9870 50%, #6c8860 100%);
  --title-btn-hover-bg: linear-gradient(180deg, #9cb890 0%, #8ca880 50%, #7c9870 100%);
  --title-btn-close-bg: linear-gradient(180deg, #c75050 0%, #b04040 50%, #a03030 100%);
  --title-btn-close-hover-bg: linear-gradient(180deg, #d76060 0%, #c05050 50%, #b04040 100%);
  --clock-color: #222;
  --system-tray-bg: linear-gradient(180deg, #8ca880 0%, #7c9870 50%, #6c8860 100%);
  --drive-bar-color: linear-gradient(180deg, #7c9870 0%, #6c8860 100%);
  --start-menu-header-bg: linear-gradient(180deg, #8ca880 0%, #7c9870 50%, #6c8860 100%);
  --start-menu-right-bg: linear-gradient(180deg, #a8b89c 0%, #8ca880 50%, #7c9870 100%);
  --start-menu-footer-bg: linear-gradient(180deg, #7c9870 0%, #6c8860 100%);
  --selected-bg: #7c9870;
  --selected-text: #fff;
  --highlight-bg: linear-gradient(180deg, #8ca880 0%, #7c9870 50%, #6c8860 100%);
  --start-item-hover: #7c9870;
  --wmp-menubar-bg: linear-gradient(180deg, #7a8a6e 0%, #5a6a4e 100%);
  --wmp-sidebar-bg: linear-gradient(180deg, #6a7a5e 0%, #4a5a3e 100%);
  --wmp-content-bg: linear-gradient(180deg, #6a7a5e 0%, #4a5a3e 100%);
  --wmp-border: #3a4a2e;
  --wmp-vis-bar: linear-gradient(180deg, #8ca880 0%, #7c9870 50%, #6c8860 100%);
  --wmp-progress-fill: linear-gradient(90deg, #8ca880 0%, #7c9870 100%);
  --wmp-vol-track: linear-gradient(90deg, #8ca880 0%, #7c9870 100%);
}

.desktop-icons {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 30px);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 10px;
  gap: 5px;
  overflow: hidden;
}

.desktop-icon {
  width: 75px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: url('../img/winxp/cursor/arrow_m.png') 0 0, auto;
  border: 1px solid transparent;
  border-radius: 2px;
  user-select: none;
  position: relative;
}

.desktop-icon:hover {
  background: rgba(11, 97, 255, 0.2);
  border-color: rgba(11, 97, 255, 0.4);
}

.desktop-icon.selected {
  background: rgba(11, 97, 255, 0.4);
  border-color: rgba(11, 97, 255, 0.8);
}

.desktop-icon img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  margin-bottom: 5px;
  pointer-events: none;
}

.desktop-icon .icon-img {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  margin-bottom: 5px;
  pointer-events: none;
  filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
}

.desktop-icon span {
  color: #fff;
  font-size: 11px;
  text-align: center;
  text-shadow: 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000;
  word-wrap: break-word;
  max-width: 70px;
}

.desktop-icon.dragging {
  opacity: 0.5;
}


.selection-rect {
  position: absolute;
  border: 1px dotted #0b61ff;
  background: rgba(11, 97, 255, 0.2);
  display: none;
  pointer-events: none;
  z-index: 1;
}

.taskbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: var(--taskbar-bg);
  display: flex;
  align-items: center;
  z-index: 9000;
  box-shadow: 0 -1px 3px rgba(0,0,0,0.3);
  transform: translateZ(0);
}

.start-button {
  height: 100%;
  padding: 0 12px 0 6px;
  background: var(--start-button-bg, linear-gradient(180deg, #3c8d3c 0%, #5eb05e 8%, #3c8d3c 20%, #3a993a 90%, #2b7d2b 100%));
  border: none;
  border-radius: 0 8px 8px 0;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  color: #fff;
  font-family: 'Franklin Gothic', 'Tahoma', sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  letter-spacing: 1px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.3);
}

.start-button:hover {
  filter: brightness(1.1);
}

.start-button:active {
  filter: brightness(0.9);
}

.start-button img {
  width: 22px;
  height: 22px;
}

.quick-launch {
  display: flex;
  align-items: center;
  padding: 0 6px;
  margin-left: 6px;
  border-left: 1px solid rgba(255,255,255,0.3);
  gap: 2px;
}

.quick-launch-icon {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  border-radius: 2px;
  font-size: 14px;
}

.quick-launch-icon:hover {
  background: rgba(255,255,255,0.2);
}

.taskbar-windows {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 4px;
  gap: 3px;
  overflow: hidden;
}

.taskbar-item {
  height: 22px;
  min-width: 120px;
  max-width: 180px;
  padding: 0 8px;
  background: var(--taskbar-item-bg);
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  color: #fff;
  font-size: 11px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.taskbar-item:hover {
  background: var(--taskbar-item-hover-bg);
}

.taskbar-item.active {
  background: var(--taskbar-item-active-bg);
  box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
}

.taskbar-item img,
.taskbar-icon {
  width: 16px;
  height: 16px;
  font-size: 14px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.taskbar-item span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.system-tray {
  display: flex;
  align-items: center;
  padding: 0 8px;
  height: 100%;
  background: var(--system-tray-bg);
  border-left: 1px solid rgba(0,0,0,0.3);
  gap: 8px;
}

.tray-icons {
  display: flex;
  gap: 4px;
}

.tray-icon {
  font-size: 12px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.clock {
  color: var(--clock-color);
  font-size: 11px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.start-menu {
  position: fixed;
  bottom: 30px;
  left: 0;
  width: 380px;
  background: #fff;
  border: 2px solid #1a5cad;
  border-radius: 6px 6px 0 0;
  box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
  display: none;
  z-index: 9500;
  overflow: hidden;
}

.start-menu.visible {
  display: block;
}

.start-menu-header {
  background: var(--start-menu-header-bg);
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.start-user-avatar {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  border: 2px solid #fff;
}

.start-user-name {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.start-menu-body {
  display: flex;
  min-height: 300px;
}

.start-menu-left {
  flex: 1;
  background: #fff;
  padding: 8px 0;
}

.start-menu-right {
  width: 150px;
  background: var(--start-menu-right-bg);
  padding: 8px 0;
}

.start-item {
  display: flex;
  align-items: center;
  padding: 4px 12px;
  gap: 8px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.start-item:hover {
  background: var(--start-item-hover);
  color: #fff;
}

.start-item img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.start-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.start-item span {
  font-size: 11px;
}

.start-item-right {
  display: flex;
  align-items: center;
  padding: 4px 12px;
  gap: 8px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  color: #fff;
}

.start-item-right:hover {
  background: rgba(255,255,255,0.2);
}

.start-item-right img,
.start-item-right .start-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.start-item-right span {
  font-size: 11px;
  font-weight: bold;
}

.start-separator {
  height: 1px;
  background: #c0c0c0;
  margin: 6px 12px;
}

.start-separator-right {
  height: 1px;
  background: rgba(255,255,255,0.3);
  margin: 6px 12px;
}

.start-menu-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 8px 12px;
  background: var(--start-menu-footer-bg);
  border-top: 1px solid #5a9bd4;
}

.start-footer-item {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  color: #fff;
  font-size: 11px;
  border-radius: 2px;
}

.start-footer-item:hover {
  background: rgba(255,255,255,0.2);
}

.start-footer-item img {
  width: 16px;
  height: 16px;
  object-fit: none;
}

.window {
  position: absolute;
  min-width: 300px;
  min-height: 200px;
  background: #ece9d8;
  border: 3px solid;
  border-color: var(--window-border, #0054e3);
  border-radius: 8px 8px 0 0;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: windowOpen 0.15s ease-out;
}

@keyframes windowOpen {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.window.inactive {
  border-color: var(--window-border-inactive, #7a96df);
}

.window.inactive .title-bar {
  background: var(--title-bar-inactive-bg);
}

.window.maximized {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: calc(100% - 30px) !important;
  border-radius: 0;
}

.title-bar {
  height: 26px;
  background: var(--title-bar-bg);
  display: flex;
  align-items: center;
  padding: 0 4px;
  cursor: url('../img/winxp/cursor/hmove.png'), move;
  flex-shrink: 0;
}

.title-bar-text {
  color: var(--title-text, #fff);
}

.title-bar-icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.title-bar-text {
  flex: 1;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.title-bar-controls {
  display: flex;
  gap: 2px;
}

.title-bar-btn {
  width: 21px;
  height: 21px;
  border: none;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.btn-minimize {
  background: var(--title-btn-bg);
}

.btn-minimize:hover {
  background: var(--title-btn-hover-bg);
}

.btn-maximize {
  background: var(--title-btn-bg);
}

.btn-maximize:hover {
  background: var(--title-btn-hover-bg);
}

.btn-close {
  background: var(--title-btn-close-bg);
}

.btn-close:hover {
  background: var(--title-btn-close-hover-bg);
}

.window-content {
  flex: 1;
  overflow: auto;
  background: #fff;
  position: relative;
}

.window-toolbar {
  display: flex;
  align-items: center;
  padding: 2px 4px;
  background: #ece9d8;
  border-bottom: 1px solid #aca899;
  gap: 4px;
}

.toolbar-btn {
  padding: 2px 6px;
  background: transparent;
  border: 1px solid transparent;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  font-size: 11px;
  border-radius: 2px;
}

.toolbar-btn:hover {
  background: #fff;
  border-color: var(--window-border);
}

.address-bar {
  display: flex;
  align-items: center;
  padding: 2px 4px;
  background: #ece9d8;
  border-bottom: 1px solid #aca899;
  gap: 4px;
}

.address-bar-label {
  font-size: 11px;
  color: #000;
}

.address-bar-input {
  flex: 1;
  height: 20px;
  padding: 0 4px;
  border: 1px solid #7f9db9;
  font-size: 11px;
  font-family: 'Tahoma', sans-serif;
  cursor: url('../img/winxp/cursor/beam_l.png'), text;
}

.status-bar {
  height: 22px;
  background: #ece9d8;
  border-top: 1px solid #fff;
  display: flex;
  align-items: center;
  padding: 0 8px;
  font-size: 11px;
  color: #000;
  flex-shrink: 0;
}

.resize-handle {
  position: absolute;
  background: transparent;
}

.resize-n { top: -4px; left: 8px; right: 8px; height: 8px; cursor: url('../img/winxp/cursor/size4_m.png') 8 8, ns-resize; }
.resize-s { bottom: -4px; left: 8px; right: 8px; height: 8px; cursor: url('../img/winxp/cursor/size4_m.png') 8 8, ns-resize; }
.resize-e { right: -4px; top: 8px; bottom: 8px; width: 8px; cursor: url('../img/winxp/cursor/size3_m.png') 8 8, ew-resize; }
.resize-w { left: -4px; top: 8px; bottom: 8px; width: 8px; cursor: url('../img/winxp/cursor/size3_m.png') 8 8, ew-resize; }
.resize-ne { top: -4px; right: -4px; width: 12px; height: 12px; cursor: url('../img/winxp/cursor/size2_m.png') 8 8, nesw-resize; }
.resize-nw { top: -4px; left: -4px; width: 12px; height: 12px; cursor: url('../img/winxp/cursor/size1_m.png') 8 8, nwse-resize; }
.resize-se { bottom: -4px; right: -4px; width: 12px; height: 12px; cursor: url('../img/winxp/cursor/size1_m.png') 8 8, nwse-resize; }
.resize-sw { bottom: -4px; left: -4px; width: 12px; height: 12px; cursor: url('../img/winxp/cursor/size2_m.png') 8 8, nesw-resize; }

.context-menu {
  position: fixed;
  background: #fff;
  border: 1px solid var(--window-border-inactive, #aca899);
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  padding: 2px 0;
  min-width: 180px;
  display: none;
  z-index: 10000;
  color: #000;
}

.context-menu.visible {
  display: block;
}

.context-item {
  padding: 4px 20px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  font-size: 11px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
  background: transparent;
}

.context-item:hover:not(.disabled) {
  background: var(--selected-bg) !important;
  color: #fff;
}

.context-item.disabled {
  color: #808080;
  cursor: default;
}

.context-separator {
  height: 1px;
  background: #aca899;
  margin: 4px 2px;
}

.desktop:not(.high-contrast) .context-menu {
  background: #fff;
  border-color: var(--window-border-inactive, #aca899);
  color: #000;
}

.desktop:not(.high-contrast) .context-item {
  color: #000;
}

.desktop:not(.high-contrast) .context-item:hover:not(.disabled) {
  background: var(--selected-bg);
  color: #fff;
}

.desktop:not(.high-contrast) .context-separator {
  background: #aca899;
}

.submenu-parent {
  position: relative;
}

.context-submenu {
  position: absolute;
  left: 100%;
  top: -3px;
  background: #fff;
  border: 1px solid #aca899;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  padding: 2px 0;
  min-width: 150px;
  display: none;
  z-index: 10001;
}

.submenu-parent:hover .context-submenu {
  display: block;
}

.dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.5);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 11000;
  pointer-events: none;
}

.dialog-overlay.visible {
  pointer-events: auto;
}

.desktop::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 30px;
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;
  z-index: -1;
  transition: filter 2s ease-in-out;
}

.desktop.grayscale-transition::before {
  filter: grayscale(100%);
}

.desktop.grayscale-transition .desktop-icons,
.desktop.grayscale-transition #windowsContainer,
.desktop.grayscale-transition #selectionRect,
.desktop.grayscale-transition .start-menu {
  filter: grayscale(100%);
  transition: filter 2s ease-in-out;
}

.dialog-overlay.visible {
  display: flex;
}

.shutdown-dialog {
  background: linear-gradient(180deg, #3a7bc8 0%, #5a9bd4 50%, #3a7bc8 100%);
  border: 2px solid #1a4f8b;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.5);
}

.shutdown-dialog.theme-silver {
  background: linear-gradient(180deg, #b0b0b0 0%, #d0d0d0 50%, #b0b0b0 100%) !important;
  border-color: #808080 !important;
}

.shutdown-dialog.theme-olive {
  background: linear-gradient(180deg, #8ca880 0%, #a8c89c 50%, #8ca880 100%) !important;
  border-color: #6a8a5e !important;
}

.shutdown-header {
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.shutdown-body {
  display: flex;
  gap: 30px;
  justify-content: center;
  margin-bottom: 20px;
}

.shutdown-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  padding: 12px 16px;
  border-radius: 6px;
  transition: background 0.2s;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
}

.shutdown-option:hover {
  background: rgba(255,255,255,0.25);
  border-color: rgba(255,255,255,0.4);
}

.shutdown-icon {
  width: 52px;
  height: 52px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  position: relative;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.standby-icon {
  background: linear-gradient(135deg, #f8d030 0%, #f0a030 50%, #d08020 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 2px 4px rgba(0,0,0,0.3);
}

.standby-icon::after {
  content: '◗';
  font-size: 32px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.turnoff-icon {
  background: linear-gradient(135deg, #e85050 0%, #d04040 50%, #b03030 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 2px 4px rgba(0,0,0,0.3);
}

.turnoff-icon::after {
  content: '⏻';
  font-size: 32px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.restart-icon {
  background: linear-gradient(135deg, #50d050 0%, #40a040 50%, #308030 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 2px 4px rgba(0,0,0,0.3);
}

.restart-icon::after {
  content: '↻';
  font-size: 32px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.shutdown-option span {
  color: #fff;
  font-size: 11px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.shutdown-footer {
  display: flex;
  justify-content: center;
}

.shutdown-footer button {
  padding: 6px 20px;
  background: linear-gradient(180deg, #fff 0%, #e8e8e8 50%, #d0d0d0 100%);
  border: 1px solid #808080;
  border-radius: 3px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  font-size: 11px;
  font-family: 'Tahoma', sans-serif;
}

.shutdown-footer button:hover {
  background: linear-gradient(180deg, #fff 0%, #f0f0f0 50%, #e0e0e0 100%);
}

.screensaver {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  display: none;
  z-index: 12000;
  cursor: none;
}

.screensaver.active {
  display: block;
}

.screensaver-content {
  position: absolute;
  animation: floatLogo 20s ease-in-out infinite;
}

@keyframes floatLogo {
  0% { top: 10%; left: 10%; }
  25% { top: 10%; left: 70%; }
  50% { top: 70%; left: 70%; }
  75% { top: 70%; left: 10%; }
  100% { top: 10%; left: 10%; }
}

.screensaver-logo {
  width: 200px;
}

.bsod {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000aa;
  color: #fff;
  font-family: 'Lucida Console', monospace;
  font-size: 14px;
  z-index: 999999;
  display: flex;
  align-items: flex-start;
  padding-top: 50px;
  justify-content: center;
}

.bsod-content {
  width: 90%;
  max-width: 800px;
  line-height: 1.6;
}

.bsod-content p {
  margin: 0;
}

#window-control-panel .nav-folders,
#window-control-panel .nav-views {
  display: none;
}

.about-content {
  padding: 20px;
}

.about-header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #aca899;
}

.about-avatar {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  border: 2px solid var(--window-border);
}

.about-info h2 {
  color: var(--heading-color);
  margin-bottom: 4px;
}

.about-info h3 {
  color: #666;
  font-weight: normal;
  font-size: 13px;
}

.about-section {
  margin-bottom: 16px;
}

.about-section h4 {
  color: var(--heading-color);
  margin-bottom: 8px;
  font-size: 12px;
}

.about-section p {
  font-size: 11px;
  line-height: 1.5;
  color: #333;
}

.contact-list {
  list-style: none;
}

.contact-list li {
  padding: 4px 0;
  font-size: 11px;
}

.contact-list a {
  color: var(--link-color);
  text-decoration: none;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.contact-list a:hover {
  text-decoration: underline;
}

.skills-content {
  padding: 20px;
}

.skills-category {
  margin-bottom: 20px;
}

.skills-category h4 {
  color: var(--heading-color);
  margin-bottom: 10px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--window-border);
}

.skill-bar {
  margin-bottom: 8px;
}

.skill-name {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  margin-bottom: 2px;
}

.skill-progress {
  height: 16px;
  background: #e0e0e0;
  border: 1px solid #aca899;
  border-radius: 2px;
  overflow: hidden;
}

.skill-fill {
  height: 100%;
  background: var(--highlight-bg);
  transition: width 0.5s ease;
}

.portfolio-content {
  padding: 20px;
}

.portfolio-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 16px;
}

.portfolio-item {
  border: 1px solid #aca899;
  border-radius: 4px;
  overflow: hidden;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}

.portfolio-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.portfolio-item img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}

.portfolio-item-title {
  padding: 8px;
  font-size: 11px;
  text-align: center;
  background: #ece9d8;
}

.stats-content {
  padding: 20px;
}

.stats-title {
  color: #003399;
  margin-bottom: 20px;
  text-align: center;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.stat-box {
  background: linear-gradient(180deg, #f0f0f0 0%, #e0e0e0 100%);
  border: 1px solid #aca899;
  border-radius: 4px;
  padding: 16px;
  text-align: center;
}

.stat-number {
  font-size: 32px;
  font-weight: bold;
  color: var(--heading-color);
}

.stat-label {
  font-size: 11px;
  color: #666;
  margin-top: 4px;
}

.stats-achievements {
  margin-top: 20px;
  padding: 16px;
  background: #f0f0f0;
  border: 1px solid #aca899;
  border-radius: 4px;
}

.achievements-title {
  color: #003399;
  margin-bottom: 8px;
}

.achievements-list {
  font-size: 11px;
  margin-left: 20px;
}

.control-panel-content {
  padding: 16px;
}

.control-panel-section {
  margin-bottom: 20px;
}

.control-panel-section h4 {
  color: var(--heading-color);
  margin-bottom: 12px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--window-border);
}

.wallpaper-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  gap: 8px;
}

.wallpaper-option {
  width: 80px;
  height: 60px;
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  overflow: hidden;
}

.wallpaper-option:hover {
  border-color: var(--window-border);
}

.wallpaper-option.selected {
  border-color: var(--window-border);
  box-shadow: 0 0 0 2px var(--window-border);
}

.wallpaper-option img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.theme-options {
  display: flex;
  gap: 12px;
}

.theme-option {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid #aca899;
  border-radius: 4px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  font-size: 11px;
}

.theme-option:hover {
  background: #e8e8e8;
}

.theme-option.selected {
  background: var(--selected-bg);
  color: #fff;
  border-color: var(--window-border);
}

.theme-color {
  width: 20px;
  height: 20px;
  border-radius: 2px;
}

.theme-luna { background: linear-gradient(180deg, #0058e6 0%, #003db8 100%); }
.theme-silver { background: linear-gradient(180deg, #b8b8b8 0%, #888888 100%); }
.theme-olive { background: linear-gradient(180deg, #8ca880 0%, #6c8860 100%); }

.screensaver-settings {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 0;
}

.screensaver-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.screensaver-row label {
  width: 85px;
  text-align: right;
  flex-shrink: 0;
}

.screensaver-select {
  width: 160px;
  padding: 3px;
}

.screensaver-wait {
  width: 50px;
  padding: 3px;
}

.xp-button {
  padding: 4px 16px;
  background: linear-gradient(180deg, #fff 0%, #ecebe5 89%, #d8d0c4 100%);
  border: 1px solid #003c74;
  border-radius: 3px;
  cursor: pointer;
}

.xp-button:hover {
  background: linear-gradient(180deg, #fff 0%, #f0efe9 89%, #e0d8cc 100%);
}

.xp-button:active {
  background: linear-gradient(180deg, #d8d0c4 0%, #ecebe5 100%);
}

.screensaver-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.screensaver-option {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
}

.screensaver-option input {
  width: 60px;
  padding: 2px 4px;
  border: 1px solid #7f9db9;
}

.minesweeper-container {
  padding: 8px;
  background: #c0c0c0;
  user-select: none;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.minesweeper-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  background: #c0c0c0;
  border: 2px solid;
  border-color: #808080 #fff #fff #808080;
  margin-bottom: 8px;
  flex-shrink: 0;
}

.mine-counter, .timer {
  background: #000;
  color: #f00;
  font-family: 'Courier New', monospace;
  font-size: 24px;
  font-weight: bold;
  padding: 2px 6px;
  min-width: 50px;
  text-align: center;
}

.reset-btn {
  width: 30px;
  height: 30px;
  font-size: 20px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  border: 2px solid;
  border-color: #fff #808080 #808080 #fff;
  background: #c0c0c0;
}

.reset-btn:active {
  border-color: #808080 #fff #fff #808080;
}

.minesweeper-board {
  display: grid;
  border: 3px solid;
  border-color: #808080 #fff #fff #808080;
  background: #c0c0c0;
  width: 100%;
  flex: 1;
  overflow: hidden;
  min-height: 0;
}

.mine-cell {
  min-width: 16px;
  min-height: 16px;
  border: 2px solid;
  border-color: #fff #808080 #808080 #fff;
  background: #c0c0c0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  box-sizing: border-box;
}

.mine-cell.revealed {
  border: 1px solid #808080;
  cursor: url('../img/winxp/cursor/arrow_l.png'), default;
}

.mine-cell.mine {
  background: #f00;
}

.mine-cell.flagged::after {
  content: '🚩';
  font-size: 14px;
}

.mine-cell[data-count="1"] { color: #0000ff; }
.mine-cell[data-count="2"] { color: #008000; }
.mine-cell[data-count="3"] { color: #ff0000; }
.mine-cell[data-count="4"] { color: #000080; }
.mine-cell[data-count="5"] { color: #800000; }
.mine-cell[data-count="6"] { color: #008080; }
.mine-cell[data-count="7"] { color: #000000; }
.mine-cell[data-count="8"] { color: #808080; }

.file-list {
  padding: 8px;
}

.file-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  border-radius: 2px;
}

.file-item:hover {
  background: var(--hover-bg);
}

.file-item.selected {
  background: var(--selected-bg);
  color: #fff;
}

.file-item img,
.file-icon {
  width: 16px;
  height: 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.file-item span {
  font-size: 11px;
}

.cv-content {
  padding: 20px;
  text-align: center;
}

.cv-preview {
  max-width: 200px;
  margin: 0 auto 20px;
  border: 1px solid #aca899;
}

.cv-preview img {
  width: 100%;
}

.download-btn {
  padding: 10px 30px;
  background: var(--highlight-bg);
  border: 1px solid var(--heading-color);
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  text-decoration: none;
  display: inline-block;
}

.download-btn:hover {
  background: linear-gradient(180deg, #4a9cf4 0%, #1064f3 50%, #104dc8 100%);
}

.window-content::-webkit-scrollbar {
  width: 17px;
  height: 17px;
}

.window-content::-webkit-scrollbar-track {
  background: #f0f0f0;
  border: 1px solid #d4d4d4;
}

.window-content::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #e8e8e8 0%, #d4d4d4 50%, #c0c0c0 100%);
  border: 1px solid #aca899;
}

.window-content::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #f0f0f0 0%, #e0e0e0 50%, #d0d0d0 100%);
}

.window-content::-webkit-scrollbar-button {
  height: 17px;
  width: 17px;
  background: linear-gradient(180deg, #f0f0f0 0%, #d0d0d0 100%);
  border: 1px solid #aca899;
}

.recycle-bin-content {
  padding: 16px;
}

.recycle-bin-empty {
  text-align: center;
  padding: 40px;
  color: #808080;
}

.deleted-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border-bottom: 1px solid #e0e0e0;
}

.deleted-item img {
  width: 32px;
  height: 32px;
  object-fit: none;
  opacity: 0.5;
}

.recycle-bin-toolbar {
  padding: 8px;
  background: #ece9d8;
  border-bottom: 1px solid #aca899;
  margin-bottom: 10px;
}

.recycle-bin-items {
  max-height: 250px;
  overflow-y: auto;
}

.restore-btn, .delete-btn {
  padding: 4px 12px;
  background: #e8e8e8;
  border: 1px solid #aca899;
  border-radius: 2px;
  margin-left: 8px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  font-size: 11px;
}

.restore-btn:hover, .delete-btn:hover {
  background: #f0f0f0;
}

.delete-btn {
  background: #f5e0e0;
  border-color: #c0a0a0;
}

.delete-btn:hover {
  background: #fce0e0;
}

.alert-dialog {
  background: #ece9d8;
  border: 2px solid;
  border-color: var(--window-border);
  border-radius: 8px 8px 0 0;
  min-width: 300px;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
}

.alert-title-bar {
  height: 26px;
  background: var(--title-bar-bg);
  display: flex;
  align-items: center;
  padding: 0 8px;
  color: var(--title-text);
  font-weight: bold;
  font-size: 12px;
}

.alert-content {
  padding: 20px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.alert-icon {
  font-size: 32px;
}

.alert-message {
  font-size: 11px;
  line-height: 1.4;
}

.alert-buttons {
  display: flex;
  justify-content: center;
  padding: 0 20px 20px;
  gap: 8px;
}

.alert-btn {
  padding: 6px 20px;
  background: linear-gradient(180deg, #fff 0%, #e8e8e8 50%, #d0d0d0 100%);
  border: 1px solid #808080;
  border-radius: 3px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  font-size: 11px;
  font-family: 'Tahoma', sans-serif;
  min-width: 75px;
}

.alert-btn:hover {
  background: linear-gradient(180deg, #fff 0%, #f0f0f0 50%, #e0e0e0 100%);
}

.alert-btn:focus {
  outline: 1px dotted #000;
  outline-offset: -4px;
}

.desktop.high-contrast .alert-dialog {
  background: #1c1c1c !important;
  border-color: #444 !important;
}

.desktop.high-contrast .alert-title-bar {
  background: var(--title-bar-bg) !important;
  color: #fff !important;
}

.desktop.high-contrast .alert-content {
  background: #1c1c1c !important;
  color: #fff !important;
}

.desktop.high-contrast .alert-message {
  color: #fff !important;
}

.desktop.high-contrast .alert-btn {
  background: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%) !important;
  border-color: #555 !important;
  color: #fff !important;
}

.desktop.high-contrast .alert-btn:hover {
  background: linear-gradient(180deg, #4a4a4a 0%, #3a3a3a 100%) !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .alert-btn:focus {
  outline-color: #6af !important;
}

a {
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

input, textarea, select {
  cursor: url('../img/winxp/cursor/beam_l.png'), text;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--window-border, #0054e3);
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

button {
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.explorer-container {
  display: flex;
  height: 100%;
}

.explorer-sidebar {
  width: 180px;
  background: var(--sidebar-bg);
  padding: 8px;
  flex-shrink: 0;
  overflow-y: auto;
}

.sidebar-section {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 8px;
  overflow: hidden;
}

.sidebar-title {
  background: linear-gradient(180deg, #fff 0%, #e8e8e8 100%);
  padding: 6px 10px;
  font-size: 11px;
  font-weight: bold;
  color: var(--heading-color);
  border-bottom: 1px solid #c0c0c0;
}

.sidebar-item {
  padding: 4px 10px;
  font-size: 11px;
  color: var(--link-color);
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.sidebar-item:hover {
  text-decoration: underline;
}

.explorer-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.explorer-breadcrumb {
  padding: 4px 8px;
  background: #fff;
  border-bottom: 1px solid #aca899;
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

.breadcrumb-item {
  font-size: 11px;
  color: var(--link-color);
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.breadcrumb-item:hover {
  text-decoration: underline;
}

.breadcrumb-sep {
  font-size: 8px;
  color: #808080;
}

.file-list-container {
  flex: 1;
  overflow: auto;
  padding: 8px;
  background: #fff;
}

.file-section {
  margin-bottom: 16px;
}

.section-header {
  font-size: 11px;
  font-weight: bold;
  color: var(--heading-color);
  padding: 4px 0 4px 15px;
  border-bottom: 1px solid var(--window-border);
  margin-bottom: 8px;
}

.file-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-left: 15px;
}

.drive-item {
  width: 180px;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.drive-item:hover {
  background: var(--hover-bg);
  border-color: var(--window-border);
}

.drive-icon-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.drive-icon {
  font-size: 48px;
}

.drive-bar {
  width: 60px;
  height: 10px;
  background: #fff;
  border: 1px solid #808080;
  border-radius: 2px;
  overflow: hidden;
}

.drive-bar-used {
  height: 100%;
  background: var(--drive-bar-color);
}

.drive-name {
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

.drive-space {
  font-size: 10px;
  color: #808080;
  text-align: center;
}

.file-grid-item {
  width: 80px;
  padding: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.file-grid-item:hover {
  background: var(--hover-bg);
  border-color: var(--window-border);
}

.file-grid-item.selected {
  background: var(--selected-bg);
  border-color: var(--window-border);
}

.file-grid-item.selected .file-item-name {
  color: #fff;
}

.file-item-icon {
  font-size: 32px;
  margin-bottom: 4px;
}

.file-item-name {
  font-size: 11px;
  word-break: break-word;
  max-width: 100%;
}

.file-item-size {
  font-size: 9px;
  color: #808080;
}

.empty-folder {
  color: #808080;
  font-size: 11px;
  padding: 20px;
  text-align: center;
}

.rename-input {
  width: 70px;
  font-size: 11px;
  text-align: center;
  border: 1px solid var(--window-border);
  padding: 1px 2px;
}

.properties-content {
  padding: 16px;
}

.properties-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #aca899;
  margin-bottom: 12px;
}

.properties-icon {
  font-size: 48px;
}

.properties-name {
  font-size: 12px;
  font-weight: bold;
}

.properties-name-input {
  border: 1px solid #7f9db9;
  padding: 2px 4px;
  font-size: 11px;
  width: 150px;
}

.properties-section {
  margin-bottom: 16px;
}

.properties-row {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  font-size: 11px;
}

.properties-row.total {
  border-top: 1px solid #aca899;
  padding-top: 8px;
  margin-top: 8px;
  font-weight: bold;
}

.disk-usage-visual {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}

.disk-pie {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid #808080;
}

.disk-legend {
  margin-bottom: 12px;
}

.legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: 11px;
}

.legend-color {
  width: 16px;
  height: 16px;
  border: 1px solid #808080;
}

.legend-color.used {
  background: #0000ff;
}

.legend-color.free {
  background: #ff00ff;
}

.system-info-content {
  padding: 20px;
}

.system-header {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #aca899;
  margin-bottom: 16px;
}

.system-logo {
  width: 100px;
  height: auto;
}

.system-text h3 {
  color: var(--heading-color);
  margin-bottom: 4px;
}

.system-text p {
  font-size: 11px;
  color: #666;
}

.system-details {
  background: #f8f8f8;
  padding: 12px;
  border: 1px solid #aca899;
  border-radius: 4px;
}

.detail-row {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  font-size: 11px;
}

.detail-row span:first-child {
  color: #808080;
}

.image-viewer {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #404040;
}

.image-viewer-toolbar {
  display: flex;
  gap: 4px;
  padding: 4px 8px;
  background: #ece9d8;
  border-bottom: 1px solid #aca899;
}

.viewer-btn {
  padding: 4px 8px;
  background: linear-gradient(180deg, #fff 0%, #e8e8e8 100%);
  border: 1px solid #aca899;
  border-radius: 2px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  font-size: 11px;
}

.viewer-btn:hover {
  background: linear-gradient(180deg, #fff 0%, #f0f0f0 100%);
}

.image-viewer-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  padding: 20px;
}

.viewed-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform 0.2s;
}

.wordpad-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.wordpad-menubar {
  display: flex;
  gap: 2px;
  padding: 2px 4px;
  background: #ece9d8;
  border-bottom: 1px solid #aca899;
}

.wordpad-menu-btn {
  padding: 2px 8px;
  background: transparent;
  border: 1px solid transparent;
  font-size: 11px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.wordpad-menu-btn:hover {
  background: #fff;
  border-color: var(--window-border);
}

.wordpad-toolbar {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 4px;
  background: #ece9d8;
  border-bottom: 1px solid #aca899;
}

.wordpad-tool-btn {
  width: 24px;
  height: 24px;
  padding: 2px;
  background: transparent;
  border: 1px solid transparent;
  font-size: 12px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wordpad-tool-btn:hover {
  background: #fff;
  border-color: var(--window-border);
}

.toolbar-sep {
  width: 1px;
  height: 20px;
  background: #aca899;
  margin: 0 4px;
}

.wordpad-font-select,
.wordpad-size-select {
  padding: 2px;
  border: 1px solid #7f9db9;
  font-size: 11px;
  height: 22px;
}

.wordpad-font-select {
  width: 120px;
  margin-left: 8px;
}

.wordpad-size-select {
  width: 50px;
}

.wordpad-editor {
  flex: 1;
  padding: 16px;
  font-family: 'Tahoma', sans-serif;
  font-size: 12px;
  line-height: 1.5;
  overflow: auto;
  background: #fff;
  outline: none;
}

.save-dialog {
  background: #ece9d8;
  border: 2px solid #0054e3;
  border-radius: 8px 8px 0 0;
  min-width: 350px;
}

.save-dialog-content {
  padding: 20px;
}

.save-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.save-row label {
  width: 80px;
  font-size: 11px;
}

.save-row input {
  flex: 1;
  padding: 4px;
  border: 1px solid #7f9db9;
  font-size: 11px;
}

.save-row span {
  font-size: 11px;
  color: #666;
}

.paint-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ece9d8;
}

.paint-menubar {
  display: flex;
  gap: 2px;
  padding: 2px 4px;
  background: #ece9d8;
  border-bottom: 1px solid #aca899;
}

.paint-menu-btn {
  padding: 2px 8px;
  background: transparent;
  border: 1px solid transparent;
  font-size: 11px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.paint-menu-btn:hover {
  background: #fff;
  border-color: var(--window-border);
}

.paint-main {
  display: flex;
  flex: 1;
  overflow: hidden;
}

.paint-toolbox {
  width: 60px;
  padding: 4px;
  background: #ece9d8;
  border-right: 1px solid #aca899;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.paint-tool {
  width: 24px;
  height: 24px;
  background: #e0e0e0;
  border: 1px solid #808080;
  font-size: 14px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.paint-tool:hover {
  background: #f0f0f0;
}

.paint-tool.active {
  background: #fff;
  border: 2px solid var(--window-border);
}

.paint-size-selector {
  margin-top: 8px;
  padding: 4px;
}

.paint-size-selector input {
  width: 50px;
}

.paint-canvas-container {
  flex: 1;
  overflow: auto;
  background: #808080;
  padding: 8px;
}

#paintCanvas {
  background: #fff;
  cursor: crosshair;
  border: 1px solid #000;
}

.paint-colorbox {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  background: #ece9d8;
  border-top: 1px solid #aca899;
}

.paint-bottom-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 10px;
  background: #ece9d8;
  border-top: 1px solid #aca899;
}

.paint-size-controls {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  font-size: 11px;
}

.paint-size-btn {
  width: 22px;
  height: 22px;
  background: #e8e8e8;
  border: 1px solid #aca899;
  border-radius: 2px;
  cursor: pointer;
  font-weight: bold;
}

.paint-size-btn:hover {
  background: #f0f0f0;
}

.paint-text-input {
  position: absolute;
  background: #fff;
  border: 1px solid #000;
  padding: 4px;
  display: flex;
  gap: 4px;
  z-index: 100;
}

.paint-text-input input {
  width: 150px;
  padding: 2px 4px;
  border: 1px solid #7f9db9;
}

.paint-text-input button {
  padding: 2px 8px;
  background: #e8e8e8;
  border: 1px solid #aca899;
  cursor: pointer;
}

.color-preview {
  position: relative;
  width: 32px;
  height: 32px;
}

.color-fg {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  background: #000;
}

.color-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  background: #fff;
  z-index: -1;
}

.color-palette {
  display: flex;
  flex-wrap: wrap;
  width: 200px;
  gap: 1px;
}

.color-swatch {
  width: 16px;
  height: 16px;
  border: 1px solid #808080;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.color-swatch:hover {
  border-color: #000;
}

.window-menubar {
  display: flex;
  background: #ece9d8;
  border-bottom: 1px solid #aca899;
  padding: 0;
  height: 21px;
  align-items: center;
}

.menubar-item {
  padding: 3px 8px;
  font-size: 11px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  height: 100%;
  display: flex;
  align-items: center;
}

.menubar-item:hover {
  background: var(--selected-bg);
  color: #fff;
}

.dropdown-menu {
  position: fixed;
  background: #fff;
  border: 1px solid #aca899;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  padding: 2px 0;
  min-width: 180px;
  z-index: 15000;
  color: #000;
}

.dropdown-item {
  padding: 4px 20px;
  font-size: 11px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  color: #000;
}

.dropdown-item:hover:not(.disabled) {
  background: var(--selected-bg);
  color: #fff;
}

.dropdown-item.disabled {
  color: #808080;
}

.dropdown-sep {
  height: 1px;
  background: #aca899;
  margin: 4px 2px;
}

.desktop:not(.high-contrast) .dropdown-menu {
  background: #fff;
  border-color: #aca899;
  color: #000;
}

.desktop:not(.high-contrast) .dropdown-item {
  color: #000;
}

.desktop:not(.high-contrast) .dropdown-item:hover:not(.disabled) {
  background: var(--selected-bg);
  color: #fff;
}

.desktop:not(.high-contrast) .dropdown-sep {
  background: #aca899;
}

.context-menu.high-contrast-menu,
.dropdown-menu.high-contrast-menu {
  background: #1c1c1c !important;
  border-color: #444 !important;
  color: #fff !important;
}

.context-menu.high-contrast-menu .context-item,
.dropdown-menu.high-contrast-menu .dropdown-item {
  color: #fff !important;
  background: transparent !important;
}

.context-menu.high-contrast-menu .context-item:hover:not(.disabled),
.dropdown-menu.high-contrast-menu .dropdown-item:hover:not(.disabled) {
  background: var(--selected-bg) !important;
  color: #fff !important;
}

.context-menu.high-contrast-menu .context-item.disabled,
.dropdown-menu.high-contrast-menu .dropdown-item.disabled {
  color: #888 !important;
}

.context-menu.high-contrast-menu .context-separator,
.dropdown-menu.high-contrast-menu .dropdown-sep {
  background: #444 !important;
}

.context-menu.high-contrast-menu .context-submenu {
  background: #1c1c1c !important;
  border-color: #444 !important;
}

.ie-dropdown-menu.high-contrast-menu {
  background: #1c1c1c !important;
  border-color: #444 !important;
}

.ie-dropdown-menu.high-contrast-menu .ie-dropdown-item {
  color: #fff !important;
}

.ie-dropdown-menu.high-contrast-menu .ie-dropdown-item:hover {
  background: #0054e3 !important;
  color: #fff !important;
}

.ie-dropdown-menu.high-contrast-menu .ie-dropdown-sep {
  background: #444 !important;
}

.wmp-menubar-dropdown.high-contrast-menu {
  background: #1a2a3a !important;
  border-color: #444 !important;
}

.wmp-menubar-dropdown.high-contrast-menu .wmp-menubar-dropdown-item {
  color: #ccc !important;
}

.wmp-menubar-dropdown.high-contrast-menu .wmp-menubar-dropdown-item:hover {
  background: var(--selected-bg) !important;
  color: #fff !important;
}

.wmp-menubar-dropdown.high-contrast-menu .wmp-menubar-dropdown-sep {
  background: #3a4a5a !important;
}

.explorer-navbar {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  background: linear-gradient(180deg, #fefefe 0%, #ecebe5 100%);
  border-bottom: 1px solid #919b9c;
  gap: 2px;
}

.nav-btn {
  width: 28px;
  height: 26px;
  background: linear-gradient(180deg, #fff 0%, #e8e8e8 50%, #d8d8d8 100%);
  border: 1px solid #919b9c;
  border-radius: 3px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-btn:hover:not(:disabled) {
  background: linear-gradient(180deg, #fff 0%, #e0f0ff 50%, #c0e0ff 100%);
  border-color: var(--window-border);
}

.nav-btn:disabled {
  opacity: 0.5;
  cursor: default;
}

.nav-separator {
  width: 1px;
  height: 22px;
  background: #919b9c;
  margin: 0 4px;
}

.address-bar {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  background: #ece9d8;
  border-bottom: 1px solid #aca899;
  gap: 4px;
}

.address-bar-icon {
  font-size: 14px;
}

.address-go-btn {
  padding: 2px 12px;
  background: linear-gradient(180deg, #fff 0%, #e8e8e8 50%, #d8d8d8 100%);
  border: 1px solid #919b9c;
  border-radius: 3px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  font-size: 11px;
}

.address-go-btn:hover {
  background: linear-gradient(180deg, #fff 0%, #e0f0ff 50%, #c0e0ff 100%);
  border-color: var(--window-border);
}

.status-bar {
  display: flex;
  justify-content: space-between;
}

.status-count {
  color: #808080;
}

.file-grid.list-view {
  flex-direction: column;
}

.file-grid.list-view .file-grid-item {
  width: 100%;
  flex-direction: row;
  text-align: left;
  padding: 2px 8px;
  gap: 8px;
}

.file-grid.list-view .file-item-icon {
  font-size: 16px;
  margin-bottom: 0;
}

.wmp-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #000;
}

.wmp-container.wmp-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
}

.wmp-menubar {
  display: flex;
  background: var(--wmp-menubar-bg, linear-gradient(180deg, #354e6e 0%, #1e3a5f 100%));
  padding: 2px 8px;
}

.wmp-menu-item {
  padding: 2px 8px;
  color: #c0d0e0;
  font-size: 11px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.wmp-menu-item:hover {
  background: var(--selected-bg);
  color: #fff;
}

.wmp-main {
  display: flex;
  flex: 1;
  overflow: hidden;
}

.wmp-sidebar {
  width: 180px;
  background: var(--wmp-sidebar-bg, linear-gradient(180deg, #1a2a3a 0%, #0d1820 100%));
  border-right: 1px solid var(--wmp-border, #0a1520);
}

.wmp-sidebar-title {
  padding: 8px 12px;
  color: #8090a0;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

.wmp-playlist {
  padding: 0 8px;
}

.wmp-playlist-item {
  padding: 6px 12px;
  color: #a0b0c0;
  font-size: 11px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  border-radius: 2px;
}

.wmp-playlist-item:hover,
.wmp-playlist-item.active {
  background: rgba(255,255,255,0.1);
  color: #fff;
}

.wmp-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: var(--wmp-content-bg, linear-gradient(180deg, #1a2a3a 0%, #0a1520 100%));
}

.wmp-visualization {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.wmp-vis-bars {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 3px;
  height: 100px;
  margin-bottom: 20px;
}

.wmp-vis-bar {
  width: 8px;
  height: 5%;
  background: var(--wmp-vis-bar, linear-gradient(180deg, #3a8cf4 0%, #0054e3 50%, #003db8 100%));
  transition: height 0.1s;
}

.wmp-now-playing {
  display: flex;
  align-items: center;
  gap: 16px;
}

.wmp-album-art {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #2a3a4a 0%, #1a2a3a 100%);
  border: 2px solid #3a4a5a;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
}

.wmp-track-info {
  color: #fff;
}

.wmp-track-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}

.wmp-track-artist {
  font-size: 11px;
  color: var(--link-color, #8090a0);
}

.wmp-controls {
  padding: 12px 20px;
  background: linear-gradient(180deg, #2a3a4a 0%, #1a2a3a 100%);
  border-top: 1px solid #3a4a5a;
}

.wmp-progress-container {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.wmp-time-current,
.wmp-time-total {
  color: #8090a0;
  font-size: 10px;
  min-width: 35px;
}

.wmp-progress-bar {
  flex: 1;
  height: 8px;
  background: #0a1520;
  border-radius: 4px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  overflow: hidden;
}

.wmp-progress-fill {
  height: 100%;
  background: var(--wmp-progress-fill, linear-gradient(90deg, #3a8cf4 0%, #0054e3 100%));
  width: 0;
  transition: width 0.1s;
}

.wmp-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.wmp-btn {
  width: 36px;
  height: 36px;
  background: linear-gradient(180deg, #3a4a5a 0%, #2a3a4a 100%);
  border: 1px solid #4a5a6a;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wmp-btn:hover {
  background: linear-gradient(180deg, #4a5a6a 0%, #3a4a5a 100%);
}

.wmp-btn-play {
  width: 44px;
  height: 44px;
  font-size: 18px;
}

.wmp-volume {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 20px;
}

.wmp-vol-icon {
  font-size: 14px;
}

.wmp-vol-slider {
  width: 80px;
  height: 6px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  -webkit-appearance: none;
  appearance: none;
  background: var(--wmp-vol-track, linear-gradient(90deg, #3a8cf4 0%, #0054e3 100%));
  border-radius: 3px;
}

.wmp-vol-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  background: #fff;
  border: 1px solid var(--window-border, #0054e3);
  border-radius: 50%;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.wmp-vol-slider::-moz-range-thumb {
  width: 12px;
  height: 12px;
  background: #fff;
  border: 1px solid var(--window-border, #0054e3);
  border-radius: 50%;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.wmp-menubar-dropdown {
  position: fixed;
  background: #1a2a3a;
  border: 1px solid #4a5a6a;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
  min-width: 150px;
  z-index: 100000;
}

.wmp-menubar-dropdown-item {
  padding: 6px 20px;
  color: #c0d0e0;
  font-size: 11px;
  cursor: pointer;
}

.wmp-menubar-dropdown-item:hover {
  background: var(--selected-bg);
  color: #fff;
}

.wmp-menubar-dropdown-sep {
  height: 1px;
  background: #3a4a5a;
  margin: 4px 8px;
}

.wmp-skin-compact .wmp-sidebar {
  width: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

.wmp-skin-compact .wmp-visualization {
  min-height: 150px !important;
}

.wmp-skin-revert .wmp-sidebar {
  order: 2;
}

.wmp-skin-revert .wmp-content {
  order: 1;
}

.ie-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ece9d8;
}

.ie-menubar {
  display: flex;
  background: #ece9d8;
  padding: 2px 4px;
  border-bottom: 1px solid #aca899;
}

.ie-menu-item {
  padding: 2px 8px;
  font-size: 11px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.ie-menu-item:hover {
  background: var(--selected-bg);
  color: #fff;
}

.ie-toolbar {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  background: linear-gradient(180deg, #fefefe 0%, #ecebe5 100%);
  border-bottom: 1px solid #919b9c;
  gap: 2px;
}

.ie-nav-btn {
  width: 28px;
  height: 26px;
  background: linear-gradient(180deg, #fff 0%, #e8e8e8 50%, #d8d8d8 100%);
  border: 1px solid #919b9c;
  border-radius: 3px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  font-size: 12px;
}

.ie-nav-btn:hover {
  background: linear-gradient(180deg, #fff 0%, #e0f0ff 50%, #c0e0ff 100%);
  border-color: var(--window-border);
}

.ie-address-bar {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  background: #ece9d8;
  border-bottom: 1px solid #aca899;
  gap: 4px;
}

.ie-address-label {
  font-size: 11px;
  color: #000;
}

.ie-address-icon {
  font-size: 14px;
}

.ie-address-input {
  flex: 1;
  height: 20px;
  padding: 0 4px;
  border: 1px solid #7f9db9;
  font-size: 11px;
  font-family: 'Tahoma', sans-serif;
}

.ie-go-btn {
  padding: 2px 12px;
  background: linear-gradient(180deg, #fff 0%, #e8e8e8 50%, #d8d8d8 100%);
  border: 1px solid #919b9c;
  border-radius: 3px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  font-size: 11px;
}

.ie-go-btn:hover {
  background: linear-gradient(180deg, #fff 0%, #e0f0ff 50%, #c0e0ff 100%);
  border-color: var(--window-border);
}

.ie-content {
  flex: 1;
  overflow: hidden;
}

.ie-frame {
  width: 100%;
  height: 100%;
  border: none;
}

.ie-status-bar {
  display: flex;
  justify-content: space-between;
  padding: 2px 8px;
  background: #ece9d8;
  border-top: 1px solid #aca899;
  font-size: 11px;
}

.ie-status-zone {
  color: #808080;
}

.cp-container {
  display: flex;
  height: 100%;
}

.cp-sidebar {
  width: 200px;
  background: var(--sidebar-bg);
  padding: 8px;
  flex-shrink: 0;
}

.cp-sidebar-section {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 8px;
  overflow: hidden;
}

.cp-sidebar-title {
  background: linear-gradient(180deg, #fff 0%, #e8e8e8 100%);
  padding: 6px 10px;
  font-size: 11px;
  font-weight: bold;
  color: var(--heading-color);
  border-bottom: 1px solid #c0c0c0;
}

.cp-sidebar-item {
  padding: 4px 10px;
  font-size: 11px;
  color: var(--link-color);
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.cp-sidebar-item:hover {
  text-decoration: underline;
}

.cp-main {
  flex: 1;
  overflow: auto;
  background: #fff;
  padding: 16px;
}

.cp-header h2 {
  color: var(--heading-color);
  font-size: 18px;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #c0c0c0;
}

.cp-categories {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cp-category {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.cp-category:hover {
  background: var(--hover-bg);
  border-color: var(--window-border);
}

.cp-cat-icon {
  font-size: 32px;
  flex-shrink: 0;
}

.cp-cat-info {
  flex: 1;
}

.cp-cat-title {
  color: var(--link-color);
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
}

.cp-cat-desc {
  color: #666;
  font-size: 11px;
  line-height: 1.4;
}

.cp-detail {
  padding: 0;
}

.cp-detail-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #c0c0c0;
}

.cp-detail-header h3 {
  color: var(--heading-color);
  font-size: 16px;
}

.cp-back {
  color: var(--link-color);
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
  font-size: 11px;
}

.cp-back:hover {
  text-decoration: underline;
}

.cp-section {
  margin-bottom: 20px;
}

.cp-section h4 {
  color: var(--heading-color);
  font-size: 12px;
  margin-bottom: 10px;
  padding-bottom: 4px;
  border-bottom: 1px solid #d0d0d0;
}

.cp-task {
  padding: 4px 0;
  color: var(--link-color);
  font-size: 11px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.cp-task:hover {
  text-decoration: underline;
}

.cp-row {
  padding: 4px 0;
  font-size: 11px;
}

.cp-sounds-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cp-sound-item {
  padding: 6px 12px;
  background: #f8f8f8;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
  font-size: 11px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.cp-sound-item:hover {
  background: var(--hover-bg);
  border-color: var(--window-border);
}

.cp-info-grid {
  background: #f8f8f8;
  padding: 12px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
}

.cp-info-row {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  font-size: 11px;
}

.cp-info-row span:first-child {
  color: #808080;
}

.cp-programs-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cp-program-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  background: #f8f8f8;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
}

.cp-prog-icon {
  font-size: 20px;
}

.cp-prog-name {
  flex: 1;
  font-size: 11px;
  font-weight: bold;
}

.cp-prog-size {
  font-size: 11px;
  color: #808080;
}

.cp-users-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cp-user-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  cursor: url('../img/winxp/cursor/llink.png'), pointer;
}

.cp-user-item:hover {
  background: var(--hover-bg);
  border-color: var(--window-border);
}

.cp-user-avatar {
  width: 48px;
  height: 48px;
  border-radius: 4px;
}

.cp-user-icon {
  width: 48px;
  height: 48px;
  background: #e0e0e0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.cp-user-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cp-user-name {
  font-size: 12px;
  font-weight: bold;
  color: var(--link-color);
}

.cp-user-type {
  font-size: 11px;
  color: #808080;
}

.cp-datetime {
  text-align: center;
  padding: 20px;
  background: #f8f8f8;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
}

.cp-date {
  font-size: 14px;
  font-weight: bold;
  color: var(--heading-color);
  margin-bottom: 8px;
}

.cp-time {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}

.cp-timezone {
  padding: 8px;
  background: #f8f8f8;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  font-size: 11px;
}

.clock-popup {
  position: fixed;
  bottom: 34px;
  right: 4px;
  background: #ece9d8;
  border: 1px solid #aca899;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
  padding: 12px;
  z-index: 9600;
  display: none;
  min-width: 200px;
}

.clock-popup.visible {
  display: block;
}

.clock-popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #aca899;
}

.clock-popup-date {
  font-weight: bold;
  color: var(--heading-color);
}

.clock-popup-time {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #000;
  margin: 8px 0;
}

.clock-popup-calendar {
  font-size: 10px;
  text-align: center;
  color: #666;
}

.boot-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.boot-logo {
  width: 300px;
  margin-bottom: 30px;
}

.boot-progress-container {
  position: absolute;
  bottom: 120px;
  width: 220px;
}

.boot-progress {
  width: 100%;
  height: 16px;
  background: #000;
  border: 1px solid #333;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}

.boot-progress-bar {
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, 
    transparent 0%, 
    #00a 20%, #08f 25%, #00a 30%, 
    #00a 35%, #08f 40%, #00a 45%,
    #00a 50%, #08f 55%, #00a 60%,
    transparent 100%);
  background-size: 200% 100%;
  animation: bootProgress 1.5s linear infinite;
}

@keyframes bootProgress {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.boot-text {
  position: absolute;
  bottom: 20px;
  color: #fff;
  font-size: 10px;
  text-align: center;
}

.screensaver-starfield {
  background: #000;
}

.star {
  position: absolute;
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 50%;
}

.screensaver-pipes {
  background: #000;
}

.screensaver-matrix {
  background: #000;
  overflow: hidden;
}

.matrix-char {
  color: #0f0;
  font-family: monospace;
  font-size: 14px;
  text-shadow: 0 0 5px #0f0;
}

.screensaver-marquee {
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marquee-text {
  color: #fff;
  font-size: 48px;
  font-weight: bold;
  animation: marqueeMove 10s linear infinite;
}

@keyframes marqueeMove {
  0% { transform: translateX(100vw); }
  100% { transform: translateX(-200%); }
}

@keyframes marquee-mini {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

@keyframes starMove {
  0% { opacity: 0.3; }
  50% { opacity: 1; }
  100% { opacity: 0.3; }
}

@keyframes matrixFall {
  0% { 
    transform: translateY(-100%); 
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% { 
    transform: translateY(200%); 
    opacity: 0;
  }
}

@keyframes mystifyMove {
  0% { 
    left: 10%; 
    top: 10%; 
    transform: rotate(0deg);
  }
  25% { 
    left: 60%; 
    top: 20%; 
    transform: rotate(90deg);
  }
  50% { 
    left: 50%; 
    top: 60%; 
    transform: rotate(180deg);
  }
  75% { 
    left: 20%; 
    top: 50%; 
    transform: rotate(270deg);
  }
  100% { 
    left: 10%; 
    top: 10%; 
    transform: rotate(360deg);
  }
}

.screensaver-mystify {
  background: #000;
}

.mystify-line {
  position: absolute;
  height: 2px;
  background: linear-gradient(90deg, #f00, #0f0, #00f);
}

.image-viewer-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 60px;
  background: rgba(0,0,0,0.5);
  border: none;
  color: #fff;
  font-size: 24px;
  cursor: url('../img/winxp/cursor/link_m.png') 6 0, pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s;
}

.image-viewer-container:hover .image-viewer-nav {
  opacity: 1;
}

.image-viewer-nav:hover {
  background: rgba(0,0,0,0.7);
}

.image-viewer-nav.prev {
  left: 10px;
}

.image-viewer-nav.next {
  right: 10px;
}

.image-viewer.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 15000;
}

.image-viewer.fullscreen .image-viewer-toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: rgba(0,0,0,0.8);
}

.image-viewer.fullscreen .viewed-image {
  max-width: 100vw;
  max-height: 100vh;
}

.search-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 100;
  display: flex;
  flex-direction: column;
}

.search-header {
  padding: 12px;
  background: linear-gradient(180deg, #7ba0d4 0%, #6090c4 100%);
  color: #fff;
  font-weight: bold;
}

.search-content {
  flex: 1;
  display: flex;
}

.search-sidebar {
  width: 200px;
  background: linear-gradient(180deg, #7ba0d4 0%, #6090c4 100%);
  padding: 12px;
}

.search-input-group {
  margin-bottom: 12px;
}

.search-input-group label {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  color: #fff;
}

.search-input-group input {
  width: 100%;
  padding: 4px;
  border: 1px solid #7f9db9;
}

.search-btn {
  padding: 6px 20px;
  background: linear-gradient(180deg, #fff 0%, #e8e8e8 50%, #d8d8d8 100%);
  border: 1px solid #919b9c;
  border-radius: 3px;
  cursor: url('../img/winxp/cursor/link_m.png') 6 0, pointer;
  font-size: 11px;
  margin-top: 8px;
}

.search-results {
  flex: 1;
  padding: 12px;
  overflow: auto;
}

.search-result-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border-bottom: 1px solid #e0e0e0;
  cursor: url('../img/winxp/cursor/link_m.png') 6 0, pointer;
}

.search-result-item:hover {
  background: var(--hover-bg);
}

.file-grid-item.dragging {
  opacity: 0.5;
}

.file-grid-item.drag-over {
  background: var(--hover-bg);
  border: 2px dashed #316ac5;
}

.cp-uninstall-btn {
  padding: 4px 12px;
  background: linear-gradient(180deg, #fff 0%, #e8e8e8 50%, #d8d8d8 100%);
  border: 1px solid #919b9c;
  border-radius: 3px;
  cursor: url('../img/winxp/cursor/link_m.png') 6 0, pointer;
  font-size: 11px;
  margin-left: auto;
}

.cp-uninstall-btn:hover {
  background: linear-gradient(180deg, #fff 0%, #f0f0f0 50%, #e8e8e8 100%);
}

.uninstall-progress {
  margin-top: 8px;
  height: 16px;
  background: #e0e0e0;
  border: 1px solid #aca899;
  border-radius: 2px;
  overflow: hidden;
}

.uninstall-progress-bar {
  height: 100%;
  background: var(--highlight-bg);
  width: 0;
  transition: width 0.3s;
}

.cp-cursor-preview {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.cp-cursor-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px;
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: url('../img/winxp/cursor/link_m.png') 6 0, pointer;
}

.cp-cursor-option:hover {
  background: var(--hover-bg);
  border-color: var(--window-border);
}

.cp-cursor-option.selected {
  background: var(--selected-bg);
  border-color: var(--window-border);
}

.cp-cursor-option.selected span {
  color: #fff;
}

.cp-cursor-option img {
  width: 32px;
  height: 32px;
}

.cp-cursor-option span {
  font-size: 10px;
}

.cp-accessibility-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  margin-bottom: 8px;
}

.cp-accessibility-option label {
  flex: 1;
  font-size: 11px;
}

.cp-accessibility-option input[type="checkbox"] {
  width: 16px;
  height: 16px;
}

.cp-accessibility-option input[type="range"] {
  width: 150px;
}

.cp-slider-label {
  font-size: 10px;
  color: #666;
  min-width: 40px;
}

.desktop.high-contrast {
  background: #000;
  color: #fff;
}

.desktop.high-contrast:not(.theme-silver):not(.theme-olive) {
  --link-color: #66aaff;
  --heading-color: #88ccff;
}

.desktop.high-contrast * {
  color: #fff !important;
}

.desktop.high-contrast h1,
.desktop.high-contrast h2,
.desktop.high-contrast h3,
.desktop.high-contrast h4,
.desktop.high-contrast h5,
.desktop.high-contrast h6 {
  color: var(--heading-color) !important;
}

.desktop.high-contrast p,
.desktop.high-contrast span,
.desktop.high-contrast label,
.desktop.high-contrast li,
.desktop.high-contrast div,
.desktop.high-contrast th,
.desktop.high-contrast td {
  color: #fff !important;
}

.desktop.high-contrast a {
  color: var(--link-color) !important;
}

.desktop.high-contrast .window,
.desktop.high-contrast .window-content,
.desktop.high-contrast .window-menubar,
.desktop.high-contrast .window-toolbar,
.desktop.high-contrast .toolbar,
.desktop.high-contrast .address-bar,
.desktop.high-contrast .explorer-navbar,
.desktop.high-contrast .explorer-main,
.desktop.high-contrast .explorer-breadcrumb,
.desktop.high-contrast .file-list-container,
.desktop.high-contrast .status-bar,
.desktop.high-contrast .paint-container,
.desktop.high-contrast .paint-menubar,
.desktop.high-contrast .paint-toolbar,
.desktop.high-contrast .paint-colorbox,
.desktop.high-contrast .paint-bottom-bar,
.desktop.high-contrast .paint-toolbox,
.desktop.high-contrast .wordpad-container,
.desktop.high-contrast .wordpad-menubar,
.desktop.high-contrast .wordpad-toolbar,
.desktop.high-contrast .wordpad-editor,
.desktop.high-contrast .ie-container,
.desktop.high-contrast .ie-menubar,
.desktop.high-contrast .ie-toolbar,
.desktop.high-contrast .ie-address-bar,
.desktop.high-contrast .ie-statusbar,
.desktop.high-contrast .ie-status-bar,
.desktop.high-contrast .image-viewer,
.desktop.high-contrast .image-viewer-toolbar,
.desktop.high-contrast .viewer-toolbar,
.desktop.high-contrast .properties-tabs,
.desktop.high-contrast .properties-buttons,
.desktop.high-contrast .properties-content,
.desktop.high-contrast .properties-tab-content,
.desktop.high-contrast .cp-container,
.desktop.high-contrast .cp-main,
.desktop.high-contrast .recycle-bin-toolbar,
.desktop.high-contrast .recycle-bin-content,
.desktop.high-contrast .alert-dialog,
.desktop.high-contrast .alert-content,
.desktop.high-contrast .save-dialog,
.desktop.high-contrast .save-dialog-content,
.desktop.high-contrast .clock-popup,
.desktop.high-contrast .start-menu,
.desktop.high-contrast .start-menu-body,
.desktop.high-contrast .start-menu-left,
.desktop.high-contrast .taskbar,
.desktop.high-contrast .dropdown-menu,
.desktop.high-contrast .context-menu,
.desktop.high-contrast .help-container,
.desktop.high-contrast .help-content,
.desktop.high-contrast .minesweeper-container {
  background: #1c1c1c !important;
  color: #fff !important;
  border-color: #444 !important;
}

.desktop.high-contrast .xp-button,
.desktop.high-contrast button,
.desktop.high-contrast .toolbar-btn,
.desktop.high-contrast .nav-btn,
.desktop.high-contrast .viewer-btn,
.desktop.high-contrast .alert-btn,
.desktop.high-contrast .start-button,
.desktop.high-contrast .address-go-btn,
.desktop.high-contrast .ie-go-btn,
.desktop.high-contrast .ie-nav-btn {
  background: #2a2a2a !important;
  color: #fff !important;
  border-color: #444 !important;
}

.desktop.high-contrast .xp-button:hover,
.desktop.high-contrast button:hover,
.desktop.high-contrast .toolbar-btn:hover,
.desktop.high-contrast .nav-btn:hover:not(:disabled),
.desktop.high-contrast .viewer-btn:hover,
.desktop.high-contrast .alert-btn:hover,
.desktop.high-contrast .address-go-btn:hover,
.desktop.high-contrast .ie-go-btn:hover,
.desktop.high-contrast .ie-nav-btn:hover {
  background: #3a3a3a !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast input[type="text"],
.desktop.high-contrast input[type="number"],
.desktop.high-contrast textarea,
.desktop.high-contrast select {
  background: #1c1c1c !important;
  color: #fff !important;
  border-color: #444 !important;
}

.desktop.high-contrast .window {
  background: #1c1c1c !important;
  color: #fff !important;
  border-color: var(--window-border-inactive) !important;
}

.desktop.high-contrast .window.active {
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .title-bar,
.desktop.high-contrast .window-titlebar {
  background: var(--title-bar-bg) !important;
  color: #fff !important;
}

.desktop.high-contrast .window.active .title-bar,
.desktop.high-contrast .window-titlebar.active,
.desktop.high-contrast .window:not(.inactive) .title-bar {
  background: var(--title-bar-bg) !important;
}

.desktop.high-contrast .title-bar-text,
.desktop.high-contrast .window-title {
  color: #fff !important;
}

.desktop.high-contrast .window-content {
  background: #1c1c1c !important;
  color: #fff !important;
}

.desktop.high-contrast .window-menubar,
.desktop.high-contrast .menubar-item {
  background: #2a2a2a !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .window-menu-item,
.desktop.high-contrast .menubar-item {
  color: #fff !important;
}

.desktop.high-contrast .menubar-item:hover {
  background: #0054e3 !important;
  color: #fff !important;
}

.desktop.high-contrast .toolbar,
.desktop.high-contrast .window-toolbar {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .toolbar button,
.desktop.high-contrast .toolbar-btn {
  color: #fff !important;
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .address-bar {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .address-bar input,
.desktop.high-contrast .address-bar-input,
.desktop.high-contrast .ie-address-input {
  background: #1c1c1c !important;
  color: #fff !important;
  border-color: #444 !important;
}

.desktop.high-contrast .explorer-sidebar,
.desktop.high-contrast .cp-sidebar,
.desktop.high-contrast .wmp-sidebar {
  background: linear-gradient(180deg, #2a2a2a 0%, #1c1c1c 100%) !important;
  color: #fff !important;
}

.desktop.high-contrast .explorer-sidebar-section,
.desktop.high-contrast .sidebar-section,
.desktop.high-contrast .cp-sidebar-section {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .explorer-sidebar h4,
.desktop.high-contrast .sidebar-title,
.desktop.high-contrast .cp-sidebar-title,
.desktop.high-contrast .section-header {
  color: var(--heading-color) !important;
  background: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%) !important;
}

.desktop.high-contrast .explorer-sidebar-item,
.desktop.high-contrast .sidebar-item,
.desktop.high-contrast .cp-sidebar-item {
  color: var(--link-color) !important;
}

.desktop.high-contrast .explorer-sidebar-item:hover,
.desktop.high-contrast .sidebar-item:hover,
.desktop.high-contrast .cp-sidebar-item:hover {
  color: #8cf !important;
  text-decoration: underline !important;
}

.desktop.high-contrast .file-grid,
.desktop.high-contrast .file-list,
.desktop.high-contrast .file-list-container {
  background: #1c1c1c !important;
}

.desktop.high-contrast .file-grid-item,
.desktop.high-contrast .file-item {
  background: transparent !important;
  border-color: transparent !important;
  color: #fff !important;
}

.desktop.high-contrast .file-grid-item:hover,
.desktop.high-contrast .file-item:hover {
  background: #2a2a2a !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .file-grid-item.selected,
.desktop.high-contrast .file-item.selected {
  background: var(--selected-bg) !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .file-grid-item span,
.desktop.high-contrast .file-item span,
.desktop.high-contrast .file-item-name {
  color: #fff !important;
}

.desktop.high-contrast .drive-item {
  background: #2a2a2a !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .drive-item:hover {
  background: #3a3a3a !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .drive-name,
.desktop.high-contrast .drive-space {
  color: #fff !important;
}

.desktop.high-contrast .status-bar {
  background: #2a2a2a !important;
  color: #fff !important;
  border-color: #444 !important;
}

.desktop.high-contrast .status-count,
.desktop.high-contrast .ie-status-zone {
  color: #ccc !important;
}

.desktop.high-contrast .context-menu,
.desktop.high-contrast .dropdown-menu,
.desktop.high-contrast .context-submenu {
  background: #1c1c1c !important;
  border-color: #444 !important;
}

.desktop.high-contrast .context-item,
.desktop.high-contrast .dropdown-item {
  color: #fff !important;
  background: transparent !important;
}

.desktop.high-contrast .context-item:hover:not(.disabled),
.desktop.high-contrast .dropdown-item:hover:not(.disabled) {
  background: var(--selected-bg) !important;
  color: #fff !important;
}

.desktop.high-contrast .context-item.disabled,
.desktop.high-contrast .dropdown-item.disabled {
  color: #888 !important;
}

.desktop.high-contrast .context-separator,
.desktop.high-contrast .dropdown-sep {
  background: #444 !important;
}

.desktop.high-contrast .start-menu {
  background: #1c1c1c !important;
  border-color: #444 !important;
}

.desktop.high-contrast .start-menu-header {
  background: var(--start-menu-header-bg) !important;
}

.desktop.high-contrast .start-user-name {
  color: #fff !important;
}

.desktop.high-contrast .start-menu-left {
  background: #1c1c1c !important;
}

.desktop.high-contrast .start-menu-right {
  background: var(--start-menu-right-bg) !important;
}

.desktop.high-contrast .start-menu-footer {
  background: var(--start-menu-footer-bg) !important;
  border-color: #444 !important;
}

.desktop.high-contrast .start-item,
.desktop.high-contrast .start-item-right,
.desktop.high-contrast .start-footer-item {
  color: #fff !important;
}

.desktop.high-contrast .start-item:hover,
.desktop.high-contrast .start-menu-item:hover {
  background: var(--start-item-hover) !important;
  color: #fff !important;
}

.desktop.high-contrast .start-item-right:hover,
.desktop.high-contrast .start-footer-item:hover {
  background: rgba(255,255,255,0.2) !important;
  color: #fff !important;
}

.desktop.high-contrast .start-separator,
.desktop.high-contrast .start-separator-right {
  background: #444 !important;
}

.desktop.high-contrast .taskbar {
  background: var(--taskbar-bg) !important;
}

.desktop.high-contrast .start-button {
  background: var(--start-button-bg) !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .start-button:hover {
  background: var(--start-button-bg) !important;
}

.desktop.high-contrast .quick-launch {
  border-color: #444 !important;
}

.desktop.high-contrast .quick-launch-icon {
  color: #fff !important;
}

.desktop.high-contrast .quick-launch-icon:hover {
  background: rgba(255,255,255,0.2) !important;
}

.desktop.high-contrast .taskbar-item,
.desktop.high-contrast .taskbar-button {
  background: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%) !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .taskbar-item:hover,
.desktop.high-contrast .taskbar-button:hover {
  background: linear-gradient(180deg, #4a4a4a 0%, #3a3a3a 100%) !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .taskbar-item.active,
.desktop.high-contrast .taskbar-button.active {
  background: var(--title-bar-bg) !important;
}

.desktop.high-contrast .taskbar-icon {
  color: #fff !important;
}

.desktop.high-contrast .system-tray {
  background: var(--system-tray-bg) !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .tray-icon,
.desktop.high-contrast .clock {
  color: #fff !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5) !important;
}

.desktop.high-contrast .alert-dialog,
.desktop.high-contrast .save-dialog,
.desktop.high-contrast .shutdown-dialog {
  background: #1c1c1c !important;
  color: #fff !important;
  border-color: #444 !important;
}

.desktop.high-contrast .alert-title-bar {
  background: var(--title-bar-bg) !important;
  color: #fff !important;
}

.desktop.high-contrast .alert-content,
.desktop.high-contrast .alert-message {
  background: #1c1c1c !important;
  color: #fff !important;
}

.desktop.high-contrast .shutdown-header {
  color: #fff !important;
}

.desktop.high-contrast .shutdown-option span {
  color: #fff !important;
}

.desktop.high-contrast .properties-tabs {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .properties-tab {
  background: #3a3a3a !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .properties-tab.active {
  background: #1c1c1c !important;
  border-bottom-color: #1c1c1c !important;
}

.desktop.high-contrast .properties-tab-content,
.desktop.high-contrast .props-tab-content {
  background: #1c1c1c !important;
  color: #fff !important;
}

.desktop.high-contrast .properties-header,
.desktop.high-contrast .properties-name,
.desktop.high-contrast .properties-row {
  color: #fff !important;
}

.desktop.high-contrast .properties-name-input {
  background: #2a2a2a !important;
  color: #fff !important;
  border-color: #444 !important;
}

.desktop.high-contrast .cp-container {
  background: #1c1c1c !important;
  color: #fff !important;
}

.desktop.high-contrast .cp-main {
  background: #1c1c1c !important;
  color: #fff !important;
}

.desktop.high-contrast .cp-header h2 {
  color: var(--heading-color) !important;
  border-color: #444 !important;
}

.desktop.high-contrast .cp-sidebar {
  background: linear-gradient(180deg, #2a2a2a 0%, #1c1c1c 100%) !important;
}

.desktop.high-contrast .cp-sidebar-section {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .cp-sidebar-title {
  background: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%) !important;
  color: var(--heading-color) !important;
}

.desktop.high-contrast .cp-sidebar-item {
  color: var(--link-color) !important;
}

.desktop.high-contrast .cp-task {
  color: var(--link-color) !important;
}

.desktop.high-contrast .cp-task:hover {
  color: #8cf !important;
}

.desktop.high-contrast .cp-category {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .cp-category:hover {
  background: #3a3a3a !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .cp-cat-title,
.desktop.high-contrast .cp-category h3 {
  color: var(--heading-color) !important;
}

.desktop.high-contrast .cp-cat-desc,
.desktop.high-contrast .cp-category p {
  color: #ccc !important;
}

.desktop.high-contrast .cp-detail-header h3 {
  color: var(--heading-color) !important;
}

.desktop.high-contrast .cp-back {
  color: var(--link-color) !important;
}

.desktop.high-contrast .cp-section h4 {
  color: var(--heading-color) !important;
  border-color: #444 !important;
}

.desktop.high-contrast .cp-row,
.desktop.high-contrast .cp-info-row {
  color: #fff !important;
}

.desktop.high-contrast .cp-info-grid {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .cp-sound-item,
.desktop.high-contrast .cp-program-item,
.desktop.high-contrast .cp-user-item {
  background: #2a2a2a !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .cp-sound-item:hover,
.desktop.high-contrast .cp-program-item:hover,
.desktop.high-contrast .cp-user-item:hover {
  background: #3a3a3a !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .cp-prog-name,
.desktop.high-contrast .cp-user-name {
  color: var(--link-color) !important;
}

.desktop.high-contrast .cp-prog-size,
.desktop.high-contrast .cp-user-type {
  color: #ccc !important;
}

.desktop.high-contrast .cp-datetime {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .cp-date {
  color: var(--link-color) !important;
}

.desktop.high-contrast .cp-time {
  color: #fff !important;
}

.desktop.high-contrast .cp-timezone {
  background: #2a2a2a !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .cp-cursor-option {
  border-color: transparent !important;
}

.desktop.high-contrast .cp-cursor-option:hover {
  background: #2a2a2a !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .cp-cursor-option.selected {
  background: var(--selected-bg) !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .cp-cursor-option.selected span {
  color: #fff !important;
}

.desktop.high-contrast .cursor-sample {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .cursor-sample.cursor-small-bg {
  background: #3a3a3a !important;
}

.desktop.high-contrast .cursor-sample.cursor-big-bg {
  background: #2a2a2a !important;
}

.desktop.high-contrast .cursor-sample.cursor-blue-bg {
  background: #2a3a4a !important;
}

.desktop.high-contrast .cp-accessibility-option label {
  color: #fff !important;
}

.desktop.high-contrast .cp-slider-label {
  color: #ccc !important;
}

.desktop.high-contrast .wallpaper-grid {
  background: #1c1c1c !important;
}

.desktop.high-contrast .wallpaper-option {
  border-color: #444 !important;
}

.desktop.high-contrast .wallpaper-option:hover {
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .wallpaper-option.selected {
  border-color: var(--window-border) !important;
  box-shadow: 0 0 0 2px #6af !important;
}

.desktop.high-contrast .theme-options {
  background: #1c1c1c !important;
}

.desktop.high-contrast .theme-option {
  background: #2a2a2a !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .theme-option:hover {
  background: #3a3a3a !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .theme-option.selected {
  background: var(--selected-bg) !important;
  border-color: var(--window-border) !important;
  color: #fff !important;
}

.desktop.high-contrast .screensaver-settings {
  background: #1c1c1c !important;
}

.desktop.high-contrast .screensaver-row label {
  color: #fff !important;
}

.desktop.high-contrast .screensaver-select,
.desktop.high-contrast .screensaver-wait {
  background: #2a2a2a !important;
  color: #fff !important;
  border-color: #444 !important;
}

.desktop.high-contrast .screensaver-option label {
  color: #fff !important;
}

.desktop.high-contrast .resolution-preview {
  background: var(--selected-bg) !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .resolution-labels {
  color: #ccc !important;
}

.desktop.high-contrast .disk-legend {
  color: #fff !important;
}

.desktop.high-contrast .legend-item {
  color: #fff !important;
}

.desktop.high-contrast .legend-color {
  border-color: #444 !important;
}

.desktop.high-contrast .empty-folder {
  color: #888 !important;
}

.desktop.high-contrast .title-bar-btn {
  background: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%) !important;
  color: #fff !important;
}

.desktop.high-contrast .btn-minimize:hover,
.desktop.high-contrast .btn-maximize:hover {
  background: linear-gradient(180deg, #4a4a4a 0%, #3a3a3a 100%) !important;
}

.desktop.high-contrast .btn-close {
  background: linear-gradient(180deg, #8a2a2a 0%, #6a1a1a 100%) !important;
}

.desktop.high-contrast .btn-close:hover {
  background: linear-gradient(180deg, #aa3a3a 0%, #8a2a2a 100%) !important;
}

.desktop.high-contrast .toolbar-sep {
  background: #444 !important;
}

.desktop.high-contrast .nav-separator {
  background: #444 !important;
}

.desktop.high-contrast .cp-uninstall-btn {
  background: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%) !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .cp-uninstall-btn:hover {
  background: linear-gradient(180deg, #4a4a4a 0%, #3a3a3a 100%) !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .uninstall-progress {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .address-bar-label,
.desktop.high-contrast .address-bar-icon {
  color: #fff !important;
}

.desktop.high-contrast h1,
.desktop.high-contrast h2,
.desktop.high-contrast h3,
.desktop.high-contrast h4,
.desktop.high-contrast h5,
.desktop.high-contrast h6 {
  color: var(--heading-color) !important;
}

.desktop.high-contrast p,
.desktop.high-contrast span:not(.icon-img):not(.start-icon):not(.file-item-icon):not(.desktop-icon span),
.desktop.high-contrast label,
.desktop.high-contrast li,
.desktop.high-contrast div {
  color: #fff !important;
}

.desktop.high-contrast a,
.desktop.high-contrast .cp-task,
.desktop.high-contrast .cp-sidebar-item,
.desktop.high-contrast .sidebar-item,
.desktop.high-contrast .breadcrumb-item,
.desktop.high-contrast .cp-cat-title {
  color: var(--link-color) !important;
}

.desktop.high-contrast .disabled,
.desktop.high-contrast [disabled],
.desktop.high-contrast .status-count,
.desktop.high-contrast .file-item-size,
.desktop.high-contrast .drive-space {
  color: #888 !important;
}

.desktop.high-contrast input,
.desktop.high-contrast textarea,
.desktop.high-contrast select,
.desktop.high-contrast option {
  background: #1c1c1c !important;
  color: #fff !important;
  border-color: #444 !important;
}

.desktop.high-contrast button,
.desktop.high-contrast .xp-button,
.desktop.high-contrast [role="button"] {
  background: #2a2a2a !important;
  color: #fff !important;
  border-color: #444 !important;
}

.desktop.high-contrast hr,
.desktop.high-contrast .separator,
.desktop.high-contrast [class*="separator"],
.desktop.high-contrast [class*="-sep"] {
  background: #444 !important;
  border-color: #444 !important;
}

.desktop.high-contrast [onclick]:hover,
.desktop.high-contrast [role="button"]:hover,
.desktop.high-contrast .clickable:hover {
  background: #3a3a3a !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .selected,
.desktop.high-contrast .active,
.desktop.high-contrast [aria-selected="true"] {
  background: var(--selected-bg) !important;
  color: #fff !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast ::-webkit-scrollbar {
  width: 17px;
  height: 17px;
  background: #1c1c1c !important;
}

.desktop.high-contrast ::-webkit-scrollbar-track {
  background: #1c1c1c !important;
  border-color: #444 !important;
}

.desktop.high-contrast ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4a4a4a 0%, #3a3a3a 50%, #2a2a2a 100%) !important;
  border-color: #444 !important;
}

.desktop.high-contrast ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #5a5a5a 0%, #4a4a4a 50%, #3a3a3a 100%) !important;
}

.desktop.high-contrast ::-webkit-scrollbar-button {
  background: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%) !important;
  border-color: #444 !important;
}

.desktop.high-contrast input[type="text"],
.desktop.high-contrast input[type="number"],
.desktop.high-contrast input[type="password"],
.desktop.high-contrast textarea,
.desktop.high-contrast select {
  background: #1c1c1c !important;
  color: #fff !important;
  border-color: #444 !important;
}

.desktop.high-contrast input::placeholder,
.desktop.high-contrast textarea::placeholder {
  color: #888 !important;
}

.desktop.high-contrast .paint-container {
  background: #1c1c1c !important;
}

.desktop.high-contrast .paint-menubar,
.desktop.high-contrast .paint-toolbar,
.desktop.high-contrast .paint-colorbox,
.desktop.high-contrast .paint-bottom-bar,
.desktop.high-contrast .paint-toolbox {
  background: #2a2a2a !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .paint-menu-btn,
.desktop.high-contrast .paint-tool-btn {
  color: #fff !important;
  background: transparent !important;
}

.desktop.high-contrast .paint-menu-btn:hover,
.desktop.high-contrast .paint-tool-btn:hover {
  background: #3a3a3a !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .paint-tool {
  background: #3a3a3a !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .paint-tool:hover {
  background: #4a4a4a !important;
}

.desktop.high-contrast .paint-tool.active {
  background: var(--selected-bg) !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .paint-canvas-container {
  background: #0a0a0a !important;
}

.desktop.high-contrast .wordpad-container {
  background: #1c1c1c !important;
}

.desktop.high-contrast .wordpad-menubar,
.desktop.high-contrast .wordpad-toolbar {
  background: #2a2a2a !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .wordpad-menu-btn,
.desktop.high-contrast .wordpad-tool-btn {
  color: #fff !important;
}

.desktop.high-contrast .wordpad-menu-btn:hover,
.desktop.high-contrast .wordpad-tool-btn:hover {
  background: #3a3a3a !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .wordpad-editor {
  background: #1c1c1c !important;
  color: #fff !important;
}

.desktop.high-contrast .wordpad-font-select,
.desktop.high-contrast .wordpad-size-select {
  background: #2a2a2a !important;
  color: #fff !important;
  border-color: #444 !important;
}

.desktop.high-contrast .ie-container {
  background: #1c1c1c !important;
}

.desktop.high-contrast .ie-menubar,
.desktop.high-contrast .ie-toolbar,
.desktop.high-contrast .ie-address-bar,
.desktop.high-contrast .ie-status-bar {
  background: #2a2a2a !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .ie-menu-item,
.desktop.high-contrast .ie-address-label {
  color: #fff !important;
}

.desktop.high-contrast .ie-menu-item:hover {
  background: #0054e3 !important;
  color: #fff !important;
}

.desktop.high-contrast .ie-dropdown-menu {
  background: #1c1c1c !important;
  border-color: #444 !important;
}

.desktop.high-contrast .ie-dropdown-item {
  color: #fff !important;
}

.desktop.high-contrast .ie-dropdown-item:hover {
  background: #0054e3 !important;
  color: #fff !important;
}

.desktop.high-contrast .ie-dropdown-sep {
  background: #444 !important;
}

.desktop.high-contrast .image-viewer {
  background: #0a0a0a !important;
}

.desktop.high-contrast .image-viewer-toolbar,
.desktop.high-contrast .viewer-toolbar {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .image-viewer-container {
  background: #0a0a0a !important;
}

.desktop.high-contrast .clock-popup {
  background: #1c1c1c !important;
  color: #fff !important;
  border-color: #444 !important;
}

.desktop.high-contrast .clock-popup-header {
  border-color: #444 !important;
}

.desktop.high-contrast .clock-popup-date {
  color: var(--link-color) !important;
}

.desktop.high-contrast .clock-popup-time {
  color: #fff !important;
}

.desktop.high-contrast .clock-popup-calendar {
  color: #ccc !important;
}

.desktop.high-contrast .desktop-icon span {
  color: #fff !important;
  text-shadow: 1px 1px 2px #000 !important;
}

.desktop.high-contrast .desktop-icon:hover {
  background: rgba(100, 150, 255, 0.3) !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .desktop-icon.selected {
  background: var(--selected-bg) !important;
  opacity: 0.7;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .wmp-container {
  background: #0a0a0a !important;
}

.desktop.high-contrast .wmp-menubar {
  background: linear-gradient(180deg, #2a3a4a 0%, #1a2a3a 100%) !important;
}

.desktop.high-contrast .wmp-menu,
.desktop.high-contrast .wmp-menu-item {
  background: transparent !important;
  color: #ccc !important;
}

.desktop.high-contrast .wmp-menu-item:hover {
  background: var(--selected-bg) !important;
  color: #fff !important;
}

.desktop.high-contrast .wmp-sidebar {
  background: linear-gradient(180deg, #1a2a3a 0%, #0d1820 100%) !important;
  border-color: #0a1520 !important;
}

.desktop.high-contrast .wmp-sidebar-title {
  color: var(--heading-color) !important;
}

.desktop.high-contrast .wmp-playlist-item {
  color: #ccc !important;
}

.desktop.high-contrast .wmp-playlist-item:hover,
.desktop.high-contrast .wmp-playlist-item.active {
  background: rgba(255,255,255,0.1) !important;
  color: #fff !important;
}

.desktop.high-contrast .wmp-content {
  background: linear-gradient(180deg, #1a2a3a 0%, #0a1520 100%) !important;
}

.desktop.high-contrast .wmp-track-title {
  color: #fff !important;
}

.desktop.high-contrast .wmp-track-artist {
  color: #8cf !important;
}

.desktop.high-contrast .wmp-controls {
  background: linear-gradient(180deg, #2a3a4a 0%, #1a2a3a 100%) !important;
  border-color: #3a4a5a !important;
}

.desktop.high-contrast .wmp-time-current,
.desktop.high-contrast .wmp-time-total {
  color: #ccc !important;
}

.desktop.high-contrast .wmp-progress-bar {
  background: #0a1520 !important;
}

.desktop.high-contrast .wmp-btn {
  background: linear-gradient(180deg, #3a4a5a 0%, #2a3a4a 100%) !important;
  border-color: #4a5a6a !important;
  color: #fff !important;
}

.desktop.high-contrast .wmp-btn:hover {
  background: linear-gradient(180deg, #4a5a6a 0%, #3a4a5a 100%) !important;
}

.desktop.high-contrast .wmp-menubar-dropdown {
  background: #1a2a3a !important;
  border-color: #4a5a6a !important;
}

.desktop.high-contrast .wmp-menubar-dropdown-item {
  color: #ccc !important;
}

.desktop.high-contrast .wmp-menubar-dropdown-item:hover {
  background: var(--selected-bg) !important;
  color: #fff !important;
}

.desktop.high-contrast .wmp-menubar-dropdown-sep {
  background: #3a4a5a !important;
}

.desktop.high-contrast .help-container {
  background: #1c1c1c !important;
  color: #fff !important;
}

.desktop.high-contrast .help-header {
  background: linear-gradient(180deg, #0054e3 0%, #003399 100%) !important;
  color: #fff !important;
}

.desktop.high-contrast .help-header h2,
.desktop.high-contrast .help-header p {
  color: #fff !important;
}

.desktop.high-contrast .help-sidebar {
  background: #2a2a2a !important;
}

.desktop.high-contrast .help-content {
  background: #1c1c1c !important;
  color: #fff !important;
}

.desktop.high-contrast .help-section h3 {
  color: var(--heading-color) !important;
  border-color: #444 !important;
}

.desktop.high-contrast .help-topic {
  background: #2a2a2a !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .help-topic:hover {
  background: #3a3a3a !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .recycle-bin-content {
  background: #1c1c1c !important;
  color: #fff !important;
}

.desktop.high-contrast .recycle-bin-toolbar {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .recycle-bin-empty {
  color: #888 !important;
}

.desktop.high-contrast .recycle-bin-items {
  background: #1c1c1c !important;
}

.desktop.high-contrast .deleted-item {
  background: #2a2a2a !important;
  color: #fff !important;
  border-color: #444 !important;
}

.desktop.high-contrast .restore-btn,
.desktop.high-contrast .delete-btn {
  background: #3a3a3a !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .restore-btn:hover,
.desktop.high-contrast .delete-btn:hover {
  background: #4a4a4a !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .minesweeper-container {
  background: #c0c0c0 !important;
}

.desktop.high-contrast .mine-counter,
.desktop.high-contrast .timer {
  background: #000 !important;
  color: #f00 !important;
}

.desktop.high-contrast .cmd-window {
  background: #000 !important;
  color: #c0c0c0 !important;
}

.desktop.high-contrast .cmd-output,
.desktop.high-contrast .cmd-input {
  background: #000 !important;
  color: #c0c0c0 !important;
}

.desktop.high-contrast .bsod {
  background: #0000aa !important;
  color: #fff !important;
}

.desktop.high-contrast .search-dialog {
  background: #1c1c1c !important;
}

.desktop.high-contrast .search-header {
  background: linear-gradient(180deg, #3a5a8a 0%, #2a4a7a 100%) !important;
  color: #fff !important;
}

.desktop.high-contrast .search-sidebar {
  background: linear-gradient(180deg, #2a2a2a 0%, #1c1c1c 100%) !important;
}

.desktop.high-contrast .search-input-group label {
  color: #fff !important;
}

.desktop.high-contrast .search-results {
  background: #1c1c1c !important;
}

.desktop.high-contrast .search-result-item {
  color: #fff !important;
  border-color: #444 !important;
}

.desktop.high-contrast .search-result-item:hover {
  background: #2a2a2a !important;
}

.desktop.high-contrast .network-list {
  background: #1c1c1c !important;
}

.desktop.high-contrast .network-item {
  background: #2a2a2a !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .network-name {
  color: var(--link-color) !important;
}

.desktop.high-contrast .network-status {
  color: #fff !important;
}

.desktop.high-contrast .network-item.connected .network-status {
  color: #0f0 !important;
}

.desktop.high-contrast .network-type {
  color: #ccc !important;
}

.desktop.high-contrast .breadcrumb-item {
  color: var(--link-color) !important;
}

.desktop.high-contrast .breadcrumb-item:hover {
  color: #8cf !important;
}

.desktop.high-contrast .breadcrumb-sep {
  color: #888 !important;
}

.desktop.high-contrast .cp-classic-view {
  background: #1c1c1c !important;
}

.desktop.high-contrast .cp-classic-item {
  background: #2a2a2a !important;
  border-color: #444 !important;
  color: #fff !important;
}

.desktop.high-contrast .cp-classic-item:hover {
  background: #3a3a3a !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .nav-btn:disabled {
  opacity: 0.5 !important;
  background: #222 !important;
  border-color: #444 !important;
  color: #888 !important;
}


.desktop.high-contrast .about-content,
.desktop.high-contrast .skills-content,
.desktop.high-contrast .portfolio-content,
.desktop.high-contrast .stats-content,
.desktop.high-contrast .cv-content {
  background: #1c1c1c !important;
  color: #fff !important;
}

.desktop.high-contrast .about-section h4,
.desktop.high-contrast .skills-category h4 {
  color: var(--heading-color) !important;
  border-color: #444 !important;
}

.desktop.high-contrast .about-section p,
.desktop.high-contrast .skills-category,
.desktop.high-contrast .skill-name {
  color: #fff !important;
}

.desktop.high-contrast .skill-progress {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .portfolio-item {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .portfolio-item:hover {
  background: #3a3a3a !important;
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .portfolio-item-title {
  background: #2a2a2a !important;
  color: #fff !important;
}

.desktop.high-contrast .stat-box {
  background: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%) !important;
  border-color: #444 !important;
}

.desktop.high-contrast .stat-number {
  color: var(--link-color) !important;
}

.desktop.high-contrast .stat-label {
  color: #ccc !important;
}

.desktop.high-contrast .stats-title,
.desktop.high-contrast .achievements-title {
  color: var(--heading-color) !important;
}

.desktop.high-contrast .stats-achievements {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .achievements-list {
  color: #ccc !important;
}

.desktop.high-contrast .contact-list a {
  color: var(--link-color) !important;
}

.desktop.high-contrast .about-header {
  border-color: #444 !important;
}

.desktop.high-contrast .about-avatar {
  border-color: var(--window-border) !important;
}

.desktop.high-contrast .about-info h2,
.desktop.high-contrast .about-info h3 {
  color: var(--heading-color) !important;
}

.desktop.high-contrast .system-info-content {
  background: #1c1c1c !important;
  color: #fff !important;
}

.desktop.high-contrast .system-header {
  border-color: #444 !important;
}

.desktop.high-contrast .system-text h3 {
  color: var(--heading-color) !important;
}

.desktop.high-contrast .system-text p,
.desktop.high-contrast .detail-row {
  color: #fff !important;
}

.desktop.high-contrast .system-details {
  background: #2a2a2a !important;
  border-color: #444 !important;
}

.desktop.high-contrast .detail-row span:first-child {
  color: #ccc !important;
}

.desktop.large-fonts .desktop-icon {
  padding: 8px;
  width: 85px;
}

.desktop.large-fonts .desktop-icon span {
  font-size: 14px;
  max-width: 80px;
}

.desktop.large-icons .desktop-icon {
  width: 105px;
  padding: 8px;
}

.desktop.large-icons .icon-img {
  font-size: 48px;
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
}

.desktop.large-icons .desktop-icon span {
  max-width: 95px;
}

.desktop.large-fonts.large-icons .desktop-icon {
  width: 115px;
  padding: 10px;
}

.desktop.large-fonts.large-icons .desktop-icon span {
  max-width: 105px;
}

.desktop.large-fonts.large-icons .icon-img {
  margin-bottom: 10px;
}

.properties-dialog {
  min-width: 500px;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 400px;
}

.properties-tabs {
  display: flex;
  flex-wrap: nowrap;
  background: #ece9d8;
  border-bottom: 1px solid #aca899;
  flex-shrink: 0;
}

.properties-tab {
  padding: 6px 16px;
  background: #d4d0c8;
  border: 1px solid #aca899;
  border-bottom: none;
  margin-right: 2px;
  cursor: url('../img/winxp/cursor/link_m.png') 6 0, pointer;
  font-size: 11px;
  white-space: nowrap;
  flex-shrink: 0;
}

.properties-tab.active {
  background: #fff;
  position: relative;
  top: 1px;
  z-index: 1;
}

.properties-tab-content {
  padding: 16px;
  background: #fff;
  min-height: 250px;
}

.properties-dialog {
  min-width: 400px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.properties-tab-content {
  padding: 16px;
  background: #fff;
  min-height: 250px;
  flex: 1;
  overflow-y: auto;
}

.properties-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px;
  background: #ece9d8;
  border-top: 1px solid #aca899;
  margin-top: auto;
}

.props-tab-content {
  padding: 10px;
}

.props-preview {
  border-radius: 4px;
  box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}

.props-section {
  margin: 12px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.props-section label {
  min-width: 100px;
}

.props-section select {
  min-width: 150px;
  padding: 3px;
}

.xp-preview-container {
  position: relative;
  overflow: visible;
}

.xp-preview-window {
  position: relative;
}

.xp-monitor-preview {
  position: relative;
}

.xp-monitor-frame {
  position: relative;
}

.resolution-preview {
  max-width: 400px;
  max-height: 150px;
  background: var(--selected-bg);
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  border: 2px solid #808080;
}

.resolution-slider {
  width: 100%;
  margin: 8px 0;
}

.resolution-labels {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: #666;
}

.wmp-menubar-dropdown {
  position: fixed;
  background: #1a2a3a;
  border: 1px solid #3a4a5a;
  min-width: 150px;
  z-index: 100000;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
}

.window.fixed-size .resize-handle {
  display: none;
}

.file-grid-item.dragging {
  opacity: 0.5;
  transform: scale(0.95);
}

.file-grid-item[draggable="true"] {
  cursor: grab;
}

.file-grid-item[draggable="true"]:active {
  cursor: grabbing;
}

.wmp-menubar-dropdown-item {
  padding: 6px 12px;
  color: #c0d0e0;
  font-size: 11px;
  cursor: url('../img/winxp/cursor/link_m.png') 6 0, pointer;
}

.wmp-menubar-dropdown-item:hover {
  background: var(--selected-bg);
  color: #fff;
}

.file-list-container.drag-over {
  background: rgba(49, 106, 197, 0.1);
  border: 2px dashed #316ac5;
}

.bsod {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000aa;
  color: #fff;
  font-family: 'Lucida Console', monospace;
  font-size: 14px;
  padding: 40px;
  z-index: 999999;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
}

.bsod-content {
  max-width: 800px;
  padding-top: 50px;
}

.bsod h1 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 20px;
}

.bsod p {
  margin: 5px 0;
  line-height: 1.4;
}

.cmd-window {
  background: #000;
  color: #c0c0c0;
  font-family: 'Lucida Console', 'Consolas', monospace;
  font-size: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 4px;
}

.cmd-output {
  flex: 1;
  overflow-y: auto;
  white-space: pre-wrap;
  line-height: 1.4;
}

.cmd-input {
  background: transparent;
  border: none;
  color: #c0c0c0;
  font-family: inherit;
  font-size: inherit;
  outline: none;
  width: 100%;
  caret-color: #c0c0c0;
}

.ie-dropdown-menu {
  position: fixed;
  background: #f1efe2;
  border: 1px solid #7a8a99;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  min-width: 150px;
  z-index: 100000;
  font-size: 11px;
}

.ie-dropdown-item {
  padding: 4px 20px;
  cursor: pointer;
}

.ie-dropdown-item:hover {
  background: var(--selected-bg);
  color: white;
}

.ie-dropdown-sep {
  height: 1px;
  background: #c0c0c0;
  margin: 4px 0;
}

.help-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
}

.help-header {
  background: linear-gradient(180deg, #0058e6 0%, #3a8cf4 100%);
  padding: 20px;
  color: #fff;
}

.help-header h2 {
  margin: 0 0 4px 0;
  font-size: 18px;
}

.help-header p {
  margin: 0;
  font-size: 11px;
  opacity: 0.8;
}

.help-content {
  flex: 1;
  padding: 20px;
  overflow: auto;
}

.help-section {
  margin-bottom: 20px;
}

.help-section h3 {
  font-size: 12px;
  color: var(--heading-color);
  margin: 0 0 12px 0;
  padding-bottom: 4px;
  border-bottom: 1px solid #c0c0c0;
}

.help-topics {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.help-topic {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  cursor: pointer;
  font-size: 11px;
}

.help-topic:hover {
  background: var(--hover-bg);
  border-color: var(--window-border);
}

.help-topic span:first-child {
  font-size: 20px;
}

.cp-classic-view {
  padding: 20px;
}

.cp-classic-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 16px;
}

.cp-classic-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 12px 8px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
}

.cp-classic-item:hover {
  background: var(--hover-bg);
  border-color: var(--window-border);
}

.cp-classic-item span:first-child {
  font-size: 32px;
}

.cp-classic-item span:last-child {
  font-size: 11px;
  text-align: center;
}

.network-list {
  margin-top: 10px;
}

.network-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: #f8f8f8;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  margin-bottom: 8px;
}

.network-item.connected .network-status {
  color: #008000;
}

.network-icon {
  font-size: 32px;
}

.network-name {
  font-weight: bold;
  font-size: 12px;
  color: var(--heading-color);
}

.network-status {
  font-size: 11px;
}

.network-type {
  font-size: 10px;
  color: #808080;
}

.cp-prog-icon-img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
}
}
}