/* The desktop owns the viewport; Zune keeps its own type and accent palette. */
html, body { min-height: 100%; }
.xp-desktop { position: relative; height: 100dvh; min-height: 480px; overflow: hidden; background: #397fd0 url('/assets/xp/bliss.jpg') center / cover; color: #fff; font: 11px Tahoma, Verdana, sans-serif; -webkit-font-smoothing: auto; }
.desktop-shortcuts { position: absolute; top: 12px; left: 4px; display: grid; gap: 15px; width: 80px; }
.desktop-shortcuts button { display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 5px 2px; background: none; border: 1px solid transparent; color: white; font: 11px/1.4 Tahoma, sans-serif; text-shadow: 1px 1px 1px #000, 0 1px 3px #000; cursor: pointer; }
.desktop-shortcuts button:hover, .desktop-shortcuts button:focus-visible { background: #154a9b55; border: 1px dotted #fff; }
.desktop-app-icon { display: inline-grid; place-items: center; flex: 0 0 auto; width: 17px; height: 17px; border-radius: 3px; font: italic bold 14px Georgia, serif; color: #fff; text-shadow: 1px 1px #0007; box-shadow: inset 0 0 0 1px #ffffff60, 1px 1px 2px #0004; }
.icon-zune { background: linear-gradient(145deg, #fc7933 5%, #ed0879 65%, #8a156c); }
.icon-keygen { background: #ece9d8; border-radius: 0; box-shadow: none; object-fit: contain; image-rendering: auto; }
.desktop-shortcuts .desktop-app-icon { width: 32px; height: 32px; font-size: 26px; border-radius: 5px; }
.desktop-projects { left: auto; right: 4px; }
.desktop-projects img.desktop-app-icon { width: 48px; height: 48px; }
.desktop-shortcuts .icon-keygen { border-radius: 0; }
.desktop-folder { width: 32px; height: 32px; object-fit: contain; }
.desktop-window { position: absolute; display: flex; flex-direction: column; border: 3px solid #7a96df; border-top: 0; border-radius: 8px 8px 2px 2px; box-shadow: 1px 1px 0 #001e6e; overflow: hidden; }
.desktop-window[hidden] { display: none; }
.desktop-window.is-active { border-color: #0054e3; }
.window-zune { top: 36px; left: 116px; width: calc(100% - 220px); height: calc(100% - 136px); }
.window-keygen { width: 350px; right: 28px; top: 4px; bottom: auto; }
.desktop-window.is-maximized { inset: 0 0 30px; width: 100%; height: auto; border-radius: 0; }
.xp-titlebar { display: flex; align-items: center; gap: 7px; flex-shrink: 0; height: 30px; padding: 3px 4px 3px 6px; color: #fff; background: linear-gradient(#a5bbed 0%, #7c9be0 12%, #819ee1 85%, #7b96dc); font: bold 13px "Trebuchet MS", Tahoma, sans-serif; user-select: none; touch-action: none; cursor: default; }
.is-active > .xp-titlebar { background: linear-gradient(#0997ff 0%, #0053ee 8%, #0050ee 40%, #0066ff 88%, #004fe9 93%, #0043cf 100%); box-shadow: inset 0 1px #68afff; }
.xp-window-title { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: 1px 1px #12396d; }
.xp-window-controls { display: flex; gap: 2px; }
.xp-window-controls button { display: grid; place-items: center; width: 21px; height: 21px; border: 1px solid #fff; border-radius: 3px; background: linear-gradient(135deg, #8bb6f8, #286ae1 55%, #164fb6); box-shadow: inset 1px 1px 1px #ffffff80; color: #fff; font: bold 20px/1 Tahoma, sans-serif; cursor: pointer; }
.xp-window-controls .xp-close { background: linear-gradient(135deg, #f4b4a0, #df6449 45%, #b73116); }
.xp-window-controls button:hover { filter: brightness(1.2); }
.zune-surface { position: relative; flex: 1; min-height: 0; overflow: auto; overflow-x: hidden; isolation: isolate; background: var(--bg); color: var(--text); container-type: inline-size; container-name: zune; font-family: "Segoe UI", "Segoe WP", -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 200; -webkit-font-smoothing: antialiased; }
.zune-surface .ambient, .zune-surface .tile-bg, .zune-surface .vignette, .zune-surface .grain { position: absolute; }
.zune-surface .app { min-height: 100%; padding-bottom: 0; }
.zune-surface .last-spun { position: sticky; bottom: 0; }
.zune-surface .chrome-bar { padding: 20px 30px 0; }
.zune-surface .pivot-nav-wrap { padding-left: 30px; padding-right: 30px; }
.zune-surface .pivot-pages { padding: 42px 30px 35px; }
.zune-surface .quickplay { gap: 40px; }
.zune-surface .qp-rows { grid-template-columns: minmax(170px, .9fr) repeat(2, minmax(210px, 1fr)); gap: 24px; }
.zune-surface .welcome-title { font-size: clamp(46px, 6cqw, 76px); }
@container (max-width: 900px) {
  .zune-surface .qp-rows { grid-template-columns: 1fr 1fr; }
  .zune-surface .qp-welcome { grid-column: 1 / -1; }
}
@container (max-width: 550px) {
  .zune-surface .qp-rows { grid-template-columns: minmax(0, 1fr); }
  .zune-surface .chrome-bar { padding: 15px 16px 0; gap: 10px; }
  .zune-surface .pivot-nav-wrap { padding-left: 16px; padding-right: 16px; }
  .zune-surface .pivot-pages { padding: 30px 16px; }
  .zune-surface .chrome-actions { display: none; }
  .zune-surface .welcome-title { margin-right: 0; }
}
.keygen-surface { background: #050505; color: #eee; font: bold 12px/1.35 Tahoma, Verdana, sans-serif; overflow: auto; color-scheme: dark; padding: 8px; }
.keygen-art { height: 185px; position: relative; overflow: hidden; display: grid; place-items: center; border: 2px solid #ddd; background: #8770b7; isolation: isolate; }
.keygen-plasma { position: absolute; inset: -50%; background: repeating-conic-gradient(from 30deg at 43% 56%, #f6b39777 0deg, #b9a3e300 13deg, #3038ba88 24deg, #d4739988 39deg, #f7d7b477 53deg), radial-gradient(ellipse at 35% 35%, #ffc5a5, transparent 45%), radial-gradient(ellipse at 65% 65%, #243db9, #bc70bd 55%, #e6b5cc); filter: blur(4px); transform: rotate(-15deg); }
.keygen-art::after { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, #ffffff0c 0 1px, transparent 1px 3px); pointer-events: none; }
.keygen-art strong { z-index: 1; width: 94%; padding: 15px 0; text-align: center; background: #d8d8ff44; border-top: 1px solid #ffffff30; border-bottom: 1px solid #ffffff30; font: italic 31px/1.2 'Brush Script MT', 'Segoe Script', cursive; letter-spacing: -1.3px; color: #e7ffb2; text-shadow: 2px 3px #152210, -1px -1px 3px #f4ffc3, 0 0 8px #eaff48; transform: rotate(-2deg); }
.keygen-form { padding: 0 1px; }
.keygen-form label, .keygen-label { display: block; margin: 5px 0 2px; }
.keygen-form select, .keygen-form input, .keygen-result { width: 100%; border: 2px solid; border-color: #777 #ccc #ccc #777; border-radius: 0; background: #050505; color: #eee; padding: 2px 4px; font: 12px/1.4 Tahoma, sans-serif; box-shadow: inset 1px 1px #222; }
.keygen-form select { font-weight: bold; }
.keygen-result { min-height: 42px; overflow-wrap: anywhere; }
.keygen-buttons { display: flex; gap: 5px; margin: 10px 0 2px; }
.keygen-buttons button, .keygen-buttons a { flex: 1; min-width: 0; text-align: center; padding: 3px 1px; border: 2px solid; border-color: #ccc #777 #777 #ccc; border-radius: 0; background: #080808; font: bold 12px/1.3 Tahoma, sans-serif; color: #eee; cursor: pointer; }
.keygen-buttons button:hover, .keygen-buttons a:hover { background: #292332; color: #e7ffb2; }
.keygen-buttons button:disabled { opacity: .5; cursor: default; }
.keygen-credit { margin-top: 8px; text-align: center; color: #aaa; font: 9px Tahoma, sans-serif; }
.keygen-credit a:hover { color: white; text-decoration: underline; }
.keygen-audio-error { margin-top: 6px; font: 11px Tahoma, sans-serif; }
.keygen-audio-error a { text-decoration: underline; }
.xp-taskbar { position: absolute; z-index: 10; bottom: 0; left: 0; right: 0; height: 30px; display: flex; align-items: stretch; background: linear-gradient(#3168d5 0%, #4993e6 6%, #2157d7 16%, #2663e0 90%, #1941a5 100%); color: #fff; font: 11px Tahoma, sans-serif; box-shadow: 0 -1px 3px #1e4b9b; }
.xp-start { border: 0; border-radius: 0 10px 12px 0; padding: 0 18px 2px 9px; background: linear-gradient(#82bf7a, #45973c 15%, #23721f 80%, #155315); box-shadow: inset -2px 0 4px #173d19; color: #fff; font: italic bold 21px "Trebuchet MS", Tahoma, sans-serif; text-shadow: 1px 2px #174315; display: flex; gap: 8px; align-items: center; cursor: pointer; }
.xp-start:hover, .xp-start.is-pressed { filter: brightness(1.15); }
.xp-flag { width: 22px; height: 22px; object-fit: contain; filter: drop-shadow(1px 1px 1px #14340c); }
.xp-show-desktop { width: 40px; margin: 5px 0; background: none; border: 0; border-right: 1px solid #ffffff40; color: #d5f7ff; font-size: 22px; cursor: pointer; }
.xp-show-desktop img { width: 16px; height: 16px; object-fit: contain; }
.xp-tasks { flex: 1; min-width: 0; display: flex; gap: 4px; padding: 3px 8px; }
.xp-tasks button { display: flex; align-items: center; gap: 7px; width: 160px; min-width: 0; padding: 2px 8px; border: 1px solid #174dc0; border-radius: 3px; background: #3b80ef; box-shadow: inset 1px 1px #ffffff40; color: #fff; text-align: left; cursor: pointer; }
.xp-tasks button span:last-child { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.xp-tasks .is-selected { background: #1853b8; box-shadow: inset 1px 1px 3px #092b76; }
.xp-tray { display: flex; align-items: center; gap: 12px; padding: 0 16px; border-left: 1px solid #0a4aa9; background: linear-gradient(#3fc1ef, #1299df 18%, #118ee1); box-shadow: inset 1px 0 #81d8ff; }
.xp-tray img { width: 16px; height: 16px; object-fit: contain; }
.xp-start-menu { position: absolute; z-index: 11; bottom: 30px; left: 0; width: 390px; max-width: 100%; border: 2px solid #1b64d9; border-radius: 6px 6px 0 0; overflow: hidden; background: #fff; color: #172c46; font: 12px Tahoma, sans-serif; box-shadow: 4px -3px 15px #001b3655; }
.xp-user { display: flex; align-items: center; gap: 12px; padding: 12px; color: #fff; font-size: 15px; font-weight: bold; background: linear-gradient(#2075df, #4895e9); text-shadow: 1px 1px #164489; }
.xp-user img { width: 32px; height: 32px; object-fit: contain; }
.xp-user > span { display: grid; place-items: center; width: 42px; height: 42px; border: 2px solid #fff; border-radius: 5px; background: linear-gradient(#b6d5f0, #497fbc); font: 22px Georgia, serif; }
.xp-menu-body { display: grid; grid-template-columns: 1.3fr 1fr; min-height: 220px; }
.xp-menu-body > div { padding: 8px; }
.xp-menu-body > div + div { background: #d3e5fa; border-left: 1px solid #aac7e9; }
.xp-menu-body button { display: flex; align-items: center; gap: 8px; width: 100%; border: 0; background: none; color: inherit; padding: 10px 5px; text-align: left; cursor: pointer; }
.xp-menu-body button:hover { color: #fff; background: #316ac5; }
.xp-menu-body small { display: block; margin-top: 4px; font-size: 10px; }
.xp-menu-footer { padding: 12px; color: #fff; background: #287adf; font-size: 10px; }
.xp-desktop button:focus-visible, .xp-desktop a:focus-visible, .xp-desktop select:focus-visible { outline: 2px solid #f5a83c; outline-offset: 2px; }
@media (max-width: 760px) {
  .xp-desktop { height: auto; min-height: 100dvh; overflow: visible; padding: 90px 10px 60px; background-attachment: fixed; }
  .desktop-shortcuts { top: 8px; left: 12px; width: auto; display: flex; gap: 15px; }
  .desktop-projects { left: auto; right: 12px; }
  .desktop-shortcuts button { width: 75px; gap: 3px; font-size: 10px; }
  .desktop-shortcuts .desktop-app-icon { width: 32px; height: 32px; font-size: 24px; }
  .desktop-shortcuts .icon-keygen { font-size: 19px; }
  .desktop-folder { height: 32px; font-size: 40px; }
  .desktop-window, .desktop-window.is-maximized { position: relative; inset: auto !important; width: 100%; height: auto; margin-bottom: 18px; }
  .window-zune .zune-surface { max-height: 70dvh; min-height: 320px; }
  .window-keygen { max-width: 400px; margin-left: auto; margin-right: auto; }
  .xp-taskbar, .xp-start-menu { position: fixed; }
  .xp-show-desktop { display: none; }
  .xp-start { padding-right: 14px; font-size: 18px; }
  .xp-tasks { padding: 4px; }
  .xp-tasks button { padding: 2px 5px; font-size: 10px; }
  .xp-tray { padding: 0 8px; }.xp-tray > img { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .xp-desktop *, .xp-desktop *::before, .xp-desktop *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
/* Size existing full-page sections to their window, including narrow windows. */
.zune-surface .pivot-page[data-page="music"] { margin: -42px -30px -35px; padding: 42px 30px 35px; }
.zune-surface .bio-block { grid-template-columns: minmax(0, 1fr); }
.zune-surface .bio-sections { grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); }
@container (max-width: 550px) {
  .zune-surface .bio-headline em { white-space: normal; }
  .zune-surface .bio-headline { font-size: 36px; overflow-wrap: anywhere; }
  .zune-surface .bio-meta { grid-template-columns: minmax(0, 1fr); }
  .zune-surface .page-watermark { max-width: 100%; margin-right: 0; overflow: hidden; }
  .zune-surface .pivot-page[data-page="music"] { margin: -30px -16px; padding: 30px 16px; }
}

/* Pixel-sized Luna caption glyphs, independent of the installed font. */
.xp-minimize-glyph { width: 8px; height: 3px; background: #fff; transform: translate(-2px, 4px); }
.xp-maximize-glyph { width: 11px; height: 10px; border: 1px solid #fff; border-top-width: 3px; }
.xp-restore-glyph { width: 8px; height: 8px; border: 1px solid #fff; border-top-width: 2px; box-shadow: 2px -2px 0 -1px #2a6bdf, 2px -2px 0 0 #fff; }
.xp-close-glyph { position: relative; width: 12px; height: 12px; }
.xp-close-glyph::before, .xp-close-glyph::after { content: ''; position: absolute; top: 5px; left: 0; width: 13px; height: 2px; background: #fff; transform: rotate(45deg); }
.xp-close-glyph::after { transform: rotate(-45deg); }
.desktop-window:not(.is-active) .xp-window-controls { opacity: .65; }
.xp-window-controls button:active { filter: brightness(.85); }

/* Spectrum bars are driven by the original track's frequency data. */
.keygen-visualiser { position: absolute; inset: auto 0 0; width: 100%; height: 65%; opacity: .8; pointer-events: none; }
.keygen-buttons [data-music-control] { flex: 1.5; white-space: nowrap; }
.keygen-surface { min-height: 0; flex: 1; }
.xp-resize { position: absolute; z-index: 8; touch-action: none; }
.xp-resize-n, .xp-resize-s { left: 8px; right: 8px; height: 5px; cursor: ns-resize; }
.xp-resize-n { top: 0; } .xp-resize-s { bottom: 0; }
.xp-resize-e, .xp-resize-w { top: 8px; bottom: 8px; width: 5px; cursor: ew-resize; }
.xp-resize-e { right: 0; } .xp-resize-w { left: 0; }
.xp-resize-ne, .xp-resize-nw, .xp-resize-se, .xp-resize-sw { width: 12px; height: 12px; }
.xp-resize-ne { top: 0; right: 0; cursor: nesw-resize; }
.xp-resize-nw { top: 0; left: 0; cursor: nwse-resize; }
.xp-resize-sw { bottom: 0; left: 0; cursor: nesw-resize; }
.xp-resize-se { bottom: 0; right: 0; cursor: nwse-resize; background: repeating-linear-gradient(135deg, transparent 0 3px, #fff9 3px 4px, #3339 4px 5px); clip-path: polygon(100% 0, 100% 100%, 0 100%); }
.xp-welcome { position: fixed; inset: 0; z-index: 100; display: grid; grid-template-rows: 12.5% 72% 15.5%; color: white; font: 14px/1.3 Tahoma, sans-serif; background: #0b29a8; -webkit-font-smoothing: auto; }
.xp-welcome-top { background: #0b29a8; border-bottom: 2px solid #7299ed; }
.xp-welcome-main { display: grid; grid-template-columns: 1fr 1px 1fr; align-items: center; background: radial-gradient(ellipse at 0 0, #91bafa 0, transparent 36%), #3f7cf4; }
.xp-welcome-brand { justify-self: end; text-align: right; padding: 0 34px 0 20px; }
.xp-wordmark { display: inline-block; position: relative; padding-top: 42px; text-align: left; font: 28px/1 Arial, sans-serif; letter-spacing: -2px; }
.xp-wordmark img { position: absolute; width: 58px; height: 58px; object-fit: contain; top: -12px; right: 14px; }
.xp-wordmark small { display: block; font: 10px Tahoma, sans-serif; letter-spacing: 0; }
.xp-wordmark span { color: #ff8e26; font-size: 20px; vertical-align: top; letter-spacing: -1px; }
.xp-welcome-brand p { margin: 18px 0 0; font-size: 16px; }
.xp-welcome-divider { width: 1px; height: 86%; background: linear-gradient(transparent, #bdd2ff, transparent); }
.xp-welcome-accounts { padding: 0 22px; transform: translateY(14px); }
.xp-account { display: flex; align-items: center; gap: 12px; color: white; width: min(100%, 380px); padding: 6px; border: 1px solid #a8c7fb; border-right-color: transparent; border-radius: 6px; background: linear-gradient(90deg, #0049af, #0049af00); background-clip: padding-box; text-align: left; font: 16px Tahoma, sans-serif; cursor: pointer; }
.xp-account:hover, .xp-account:focus-visible { border-color: #b6cffb; outline: none; background: linear-gradient(90deg, #003b9e, #4e77d700); }
.xp-account strong { display: block; font-weight: normal; }
.xp-account small { display: block; margin-top: 4px; color: #d8e7ff; font-size: 12px; }
.xp-account-picture { flex: 0 0 44px; height: 44px; display: grid; place-items: center; background: #c5d9ec; border: 2px solid #ffdc74; border-radius: 5px; box-shadow: 1px 1px 3px #123a91; }
.xp-account-picture img { width: 36px; height: 36px; }
.xp-login-status { min-height: 18px; margin: 10px 0 0 70px; font-size: 12px; }
.xp-welcome-bottom { border-top: 2px solid transparent; border-image: linear-gradient(90deg, #f5a344, #fbd58c 30%, #4468bf 90%) 1; display: flex; align-items: center; justify-content: space-between; padding: 12px 32px; background: linear-gradient(90deg, #1232ac, #00309c); }
.xp-welcome-bottom p { font-size: 11px; }
.xp-welcome.is-entering { animation: xp-logon 1.1s ease-in forwards; }
.xp-welcome.is-entering .xp-welcome-brand p { font: italic bold 34px Tahoma, sans-serif; }
@keyframes xp-logon { 0%, 65% { opacity: 1; } 100% { opacity: 0; } }
@media (max-width: 760px) { .xp-resize { display: none; } }
@media (max-width: 540px) {
  .xp-welcome-main { grid-template-columns: 1fr; grid-template-rows: 1fr 1px 1fr; }
  .xp-welcome-brand { justify-self: center; text-align: center; padding: 30px 10px 10px; }
  .xp-welcome-divider { width: 80%; height: 1px; justify-self: center; background: linear-gradient(90deg, transparent, #bdd2ff, transparent); }
  .xp-welcome-accounts { padding: 10px 24px; } .xp-account { margin: auto; }
  .xp-welcome-bottom { padding: 12px 20px; gap: 20px; }
}
@media (prefers-reduced-motion: reduce) { .xp-welcome.is-entering { animation: none; } }

/* Compact Luna Start menu: fixed icon columns and the original two-tone split. */
.xp-start-menu { width: 384px; border-width: 1px 2px 2px; border-color: #1854c2; box-shadow: 2px 2px 3px #0006; color: #111; font-size: 11px; }
.xp-user { min-height: 64px; padding: 8px 9px; gap: 9px; font-size: 15px; border-top: 2px solid #79b4fc; border-bottom: 2px solid #eea52c; background: linear-gradient(#1769d1, #2681e4); }
.xp-user > span { width: 48px; height: 48px; border-color: #e4ecfa; box-shadow: 1px 1px 2px #17448c; }
.xp-user img { width: 40px; height: 40px; }
.xp-menu-body { grid-template-columns: 1fr 1fr; min-height: 285px; }
.xp-menu-body > div { padding: 7px 5px; }
.xp-menu-body > div + div { background: #d3e5fa; border-left-color: #95bbef; color: #153d72; }
.xp-menu-body button { min-height: 36px; padding: 4px 5px; gap: 7px; font: 11px/1.25 Tahoma, Verdana, sans-serif; }
.xp-menu-body button strong { font-size: 11px; }
.xp-menu-body small { margin-top: 2px; color: #777; font-size: 11px; }
.xp-menu-body button:hover small { color: white; }
.xp-menu-body img, .xp-menu-body .desktop-app-icon { flex: 0 0 32px; width: 32px; height: 32px; object-fit: contain; }
.xp-menu-body .icon-zune { font-size: 26px; }
.xp-menu-places img { flex-basis: 24px; width: 24px; height: 24px; }
.xp-menu-body hr { height: 1px; margin: 6px 5px; border: 0; background: linear-gradient(90deg, transparent, #b7bec8, transparent); }
.xp-menu-programs { display: flex; flex-direction: column; }
.xp-menu-programs-bottom { margin-top: auto; border-top: 1px solid #d6d6d6; }
.xp-menu-programs-bottom > button { justify-content: center; min-height: 30px; }
.xp-program-arrow { color: #3b9a36; font-size: 17px; text-shadow: 1px 1px #245a23; }
.xp-menu-footer { display: flex; justify-content: flex-end; padding: 6px 10px; background: linear-gradient(#428de5, #216ed5); }
.xp-menu-footer button { display: flex; align-items: center; gap: 7px; border: 1px solid transparent; padding: 2px 5px; background: none; color: white; font: 11px Tahoma, sans-serif; cursor: pointer; }
.xp-menu-footer button:hover { border-color: #83baff; background: #2667bf; }
.xp-logoff-icon { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid #fff; border-radius: 3px; background: linear-gradient(135deg, #ffe895, #e8a720 55%, #be7811); color: white; font: bold 19px Arial, sans-serif; box-shadow: inset 1px 1px #fff8; }
.icon-folder { object-fit: contain; box-shadow: none; border-radius: 0; }

/* Windows Explorer: toolbar, address bar, task pane, files, and status bar. */
.window-explorer { top: 100px; left: 180px; width: min(800px, calc(100% - 220px)); height: min(560px, calc(100% - 150px)); }
.explorer-surface { display: flex; flex-direction: column; flex: 1; min-height: 0; color: #111; background: #ece9d8; font: 11px/1.4 Tahoma, Verdana, sans-serif; container-type: inline-size; container-name: explorer; }
.explorer-surface button { cursor: pointer; }
.explorer-menubar { display: flex; flex: 0 0 24px; align-items: center; padding-left: 4px; border-bottom: 1px solid #aca899; box-shadow: inset 0 -1px #fff; }
.explorer-menubar > img { height: 20px; width: 30px; object-fit: contain; margin-left: auto; background: white; }
.explorer-menubar details { position: relative; }
.explorer-menubar summary { list-style: none; padding: 3px 8px; cursor: pointer; }
.explorer-menubar summary::-webkit-details-marker { display: none; }
.explorer-menubar details[open] > summary, .explorer-menubar summary:hover { background: #316ac5; color: #fff; }
.explorer-menu { position: absolute; z-index: 9; top: 100%; left: 0; min-width: 140px; padding: 3px; border: 1px solid #aca899; background: #fff; box-shadow: 2px 2px 2px #0005; }
.explorer-menu button { width: 100%; display: block; text-align: left; padding: 4px 15px; color: #111; border: 0; background: white; }
.explorer-menu button:hover { color: white; background: #316ac5; }
.explorer-help { width: 210px; padding: 10px; }
.explorer-toolbar { display: flex; gap: 3px; padding: 3px 5px; border-bottom: 1px solid #b7b4a5; }
.explorer-toolbar button { display: flex; gap: 5px; align-items: center; border: 1px solid transparent; border-radius: 3px; background: none; padding: 3px 6px; }
.explorer-toolbar button:hover, .explorer-toolbar button[aria-pressed=true] { border-color: #c1bea9; background: #f9f8f1; }
.explorer-toolbar button:disabled { opacity: .45; cursor: default; }
.explorer-toolbar img { width: 24px; height: 24px; }
.explorer-toolbar-divider { border-left: 1px solid #c7c3b3; margin: 2px 3px; }
.explorer-back { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid #397426; border-radius: 50%; color: white; background: radial-gradient(at 30% 20%, #c4f5a4, #58a93f 50%, #36832c); font: bold 23px/1 Arial, sans-serif; }
.explorer-view-icon { font-size: 27px; line-height: 1; color: #4678ad; }
.explorer-address { display: flex; align-items: center; gap: 7px; padding: 3px 6px; border-bottom: 1px solid #a5a69b; }
.explorer-address > div { display: flex; align-items: center; gap: 5px; flex: 1; min-width: 80px; height: 23px; padding: 1px 4px; background: white; border: 1px solid #7f9db9; }
.explorer-address img { width: 16px; height: 16px; }
.explorer-address label { width: 160px; }
.explorer-address input { width: 100%; padding: 3px 5px; border: 1px solid #7f9db9; border-radius: 0; color: #111; background: white; font: 11px Tahoma, sans-serif; }
.explorer-body { display: grid; grid-template-columns: 180px minmax(0, 1fr); flex: 1; min-height: 0; }
.explorer-body.no-sidebar { grid-template-columns: minmax(0, 1fr); }
.explorer-sidebar { overflow-y: auto; padding: 12px; background: linear-gradient(#7ba0e6, #6375d6); }
.explorer-sidebar section { margin-bottom: 14px; border: 1px solid #fff9; border-radius: 3px 3px 0 0; overflow: hidden; color: #21529c; }
.explorer-sidebar h2 { background: linear-gradient(90deg, #fff, #c6d5f7); font: bold 11px Tahoma, sans-serif; padding: 7px 10px; }
.explorer-sidebar section > div { background: #d6dff7; padding: 10px; }
.explorer-sidebar p { margin-top: 6px; color: #111; }
.explorer-sidebar button { display: flex; align-items: center; gap: 5px; width: 100%; border: 0; padding: 4px 0; background: none; text-align: left; font: 11px Tahoma, sans-serif; }
.explorer-sidebar button:hover { text-decoration: underline; }
.explorer-sidebar .is-current { font-weight: bold; }
.explorer-sidebar img { width: 16px; height: 16px; }
.explorer-files { overflow: auto; align-content: start; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 6px; padding: 12px; background: white; }
.explorer-file { display: grid; grid-template-columns: 32px minmax(0, 1fr); column-gap: 9px; padding: 6px; border: 1px solid transparent; align-content: start; }
.explorer-file:hover, .explorer-file:focus-visible { background: #e8f0ff; border-color: #b8cbea; }
.explorer-file > img { width: 32px; height: 32px; grid-row: 1 / 4; }
.explorer-file-name { color: #111; font-weight: bold; overflow-wrap: anywhere; }
.explorer-file-type { color: #777; }
.explorer-file-description { color: #444; margin-top: 3px; }
.explorer-files.details-view { display: block; padding: 0; }
.details-view .explorer-file { grid-template-columns: 16px minmax(0, 2fr) minmax(0, 1fr); padding: 5px 8px; align-items: center; }
.details-view .explorer-file > img { width: 16px; height: 16px; grid-row: auto; }
.details-view .explorer-file-description { display: none; }
.details-view .explorer-file-name { font-weight: normal; }
.explorer-columns { display: grid; grid-template-columns: 2fr 1fr; padding: 3px 8px 3px 34px; background: #ece9d8; border-bottom: 1px solid #aca899; position: sticky; top: 0; }
.explorer-columns span + span { border-left: 1px solid #aca899; padding-left: 5px; }
.explorer-empty { padding: 12px; grid-column: 1 / -1; }
.explorer-empty button { color: #21529c; background: none; border: 0; text-decoration: underline; }
.explorer-status { display: flex; justify-content: space-between; min-height: 22px; border-top: 1px solid #fff; padding: 2px 5px; box-shadow: inset 0 1px #aca899; }
.explorer-status > span:last-child { display: flex; align-items: center; gap: 5px; border-left: 1px solid #aca899; padding-left: 10px; min-width: 160px; }
.explorer-status img { width: 16px; height: 16px; }
@container (max-width: 550px) { .explorer-body { grid-template-columns: 140px minmax(0, 1fr); } .explorer-sidebar { padding: 8px; } .explorer-address label { width: 120px; } }
@container (max-width: 390px) { .explorer-body { grid-template-columns: minmax(0, 1fr); } .explorer-sidebar { display: none; } .explorer-address { flex-wrap: wrap; } .explorer-address label { width: 100%; } }

/* Zune pivots keep their typographic hierarchy at the window's width. */
.zune-surface .pivot-nav { flex-wrap: nowrap; padding-left: 0; gap: 26px; overflow: visible; }
.zune-surface .pivot { padding-bottom: 6px; font-size: clamp(24px, 4cqw, 38px); font-weight: 200; letter-spacing: -.04em; text-transform: lowercase; color: var(--text-dim); }
.zune-surface .pivot.active { color: var(--text); }
.zune-surface .pivot.active::after { height: 1px; box-shadow: none; }
.zune-surface .pivot-strip { display: none; }
.zune-surface .pivot-nav-wrap::after { display: none; }
.zune-surface .pivot-pages { padding-top: 30px; }
.zune-surface .page-watermark { display: none; }
.zune-surface .section-label-big { font-size: clamp(26px, 3.5cqw, 42px); line-height: 1.1; opacity: .65; letter-spacing: -.04em; }
.zune-surface .qp-new .qp-grid { grid-template-rows: repeat(2, 1fr); }
.zune-surface .welcome-title { white-space: normal; margin-right: 0; }
.zune-surface .qp-col { min-width: 0; }
.zune-surface .music-stats-row { grid-template-columns: minmax(0, 1fr) 190px; gap: 24px; }
.zune-surface .music-mosaic { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.zune-surface .recent-feed { grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }
.zune-surface .photo-mosaic { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: calc((100cqw - 72px) / 4); }
.zune-surface .photo-tile:focus-visible .photo-meta { transform: translateY(0); opacity: 1; }
.zune-surface .last-spun { z-index: 5; }
.zune-surface .pivot-page[data-page="music"] { margin-top: -30px; padding-top: 30px; }
@container (max-width: 750px) {
  .zune-surface .music-stats-row { grid-template-columns: minmax(0, 1fr); }
  .zune-surface .stats-rail { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
  .zune-surface .track-row, .zune-surface .feed-table-head { grid-template-columns: 32px minmax(0, 2fr) minmax(0, 1fr) 72px; gap: 10px; }
  .zune-surface .track-album, .zune-surface .feed-table-head > span:nth-child(4) { display: none; }
  .zune-surface .bio-headline { font-size: 34px; }
}
@container (max-width: 550px) {
  .zune-surface .pivot-nav { gap: 20px; }
  .zune-surface .pivot { font-size: 28px; }
  .zune-surface .music-mosaic { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .zune-surface .photo-mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: calc((100cqw - 36px) / 2); }
  .zune-surface .track-row, .zune-surface .feed-table-head { grid-template-columns: 32px minmax(0, 1fr) 66px; gap: 8px; }
  .zune-surface .track-artist, .zune-surface .feed-table-head > span:nth-child(3) { display: none; }
  .zune-surface .track-row .track-meta-mobile { display: block; grid-column: 2; font-size: 11px; color: var(--text-2); overflow: hidden; text-overflow: ellipsis; }
  .zune-surface .track-right { font-size: 9px; grid-column: 3; grid-row: 1; }
  .zune-surface .track-art { grid-row: 1 / 3; }
  .zune-surface .last-spun-link { padding: 10px 16px; }
  .zune-surface .last-spun-track { display: flex; min-width: 0; }
  .zune-surface .last-spun-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .zune-surface .last-spun-artist { display: none; }
  .zune-surface .bio-headline { font-size: 28px; }
}
@media (max-width: 760px) { .window-explorer { width: 100%; height: 520px; } }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.social-monogram { font: bold 17px Arial, sans-serif; letter-spacing: -1px; }
.xp-menu-programs-bottom { position: relative; }
.xp-all-programs { position: absolute; bottom: 0; left: calc(100% - 2px); width: 185px; background: #fff; color: #111; border: 1px solid #2e68bf; border-left: 5px solid #2e68bf; box-shadow: 2px 2px 3px #0004; z-index: 2; }
.xp-all-programs button { font-size: 11px; }
.xp-all-programs .desktop-app-icon { width: 20px; height: 20px; flex-basis: 20px; }
.zune-surface .section-label-big { margin: 0 0 14px; }
.zune-surface .qp-new .qp-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); aspect-ratio: 1; }
.zune-surface .qp-new .qp-grid .tile { width: auto; aspect-ratio: auto; min-width: 0; }
.zune-surface .qp-new .qp-grid .tile:first-child { grid-column: 1; grid-row: 1 / 3; }
.zune-surface .action-tile-name { overflow-wrap: anywhere; }
.zune-surface .pivot-page[data-page="music"] .section-label-big { opacity: .65; }
@container (max-width: 550px) {
  .zune-surface .track-row { grid-template-rows: auto auto; }
  .zune-surface .track-artist { display: block; grid-column: 2; grid-row: 2; font-size: 11px; }
  .zune-surface .qp-new .qp-grid { max-width: 400px; }
}
@media (prefers-reduced-motion: reduce) {
  .zune-surface .album, .zune-surface .photo-tile, .zune-surface .track-row, .zune-surface .recent-row, .zune-surface .artist-tile, .zune-surface .smart-tile, .zune-surface .tile { opacity: 1; transform: none; }
}
.zune-surface .qp-new .qp-grid { aspect-ratio: 1.4; }
@container (max-width: 550px) { .zune-surface .track-row .track-song { grid-column: 2 / 4; } .zune-surface .track-row .track-right { grid-row: 2; } }
/* Classic outline sizing leaves the app untouched until the pointer is released. */
.xp-resize-outline { position: fixed; z-index: 99; pointer-events: none; border: 3px solid #fff; outline: 1px dashed #000; mix-blend-mode: difference; }

/* Independent review: native-density details and working small-screen switching. */
.xp-start.is-pressed { background: linear-gradient(#245d20, #1e741c 30%, #328d26 70%, #225b1b); box-shadow: inset 2px 2px 5px #103a1d; filter: none; }
.xp-account { position: relative; isolation: isolate; background: none; border: 1px solid transparent; }
.xp-account::before { content: ''; position: absolute; inset: 0; z-index: -1; border: 1px solid #b6cffb; border-radius: 7px 0 0 7px; background: #0049af; mask-image: linear-gradient(90deg, #000 35%, transparent); opacity: 0; }
.xp-account .xp-account-picture { opacity: .75; border-color: #a9bde8; }
.xp-account:hover, .xp-account:focus-visible { border-color: transparent; background: none; }
.xp-account:hover::before, .xp-account:focus-visible::before { opacity: 1; }
.xp-account:hover .xp-account-picture, .xp-account:focus-visible .xp-account-picture { opacity: 1; border-color: #ffdc74; }
.xp-turn-off { display: flex; align-items: center; gap: 7px; padding: 0; background: none; border: 0; color: white; font: 14px Tahoma, sans-serif; cursor: pointer; }
.xp-power-icon { display: inline-grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; border: 1px solid white; border-radius: 3px; background: linear-gradient(135deg, #ffb6a3, #e76440 45%, #b53617); box-shadow: inset 1px 1px #fff8; color: white; font: bold 20px Arial, sans-serif; }
.xp-powered-off { position: fixed; inset: 0; z-index: 110; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px; background: #000; color: #e5973d; font: 18px Tahoma, sans-serif; text-align: center; padding: 24px; }
.xp-powered-off button { padding: 6px 20px; border: 1px solid #a6a6a6; background: #ece9d8; color: #111; font: 12px Tahoma, sans-serif; cursor: pointer; }
.xp-turn-off:focus-visible, .xp-powered-off button:focus-visible { outline: 2px solid white; outline-offset: 4px; }
.explorer-file { grid-template-columns: 48px minmax(0, 1fr); }
.explorer-file > img { width: 48px; height: 48px; object-fit: contain; }
.explorer-toolbar { flex-wrap: wrap; }
.explorer-up { display: grid; place-items: center; width: 25px; height: 25px; color: #3e9140; font: bold 28px Arial, sans-serif; text-shadow: 1px 1px #fff; }
.zune-surface .music-mosaic { grid-auto-flow: dense; }
@media (max-width: 760px) {
  .xp-desktop { height: 100dvh; min-height: 0; overflow: hidden; padding: 90px 8px 38px; }
  .xp-desktop .desktop-window { width: 100% !important; height: calc(100dvh - 128px) !important; max-width: none; margin: 0; }
  .xp-desktop .desktop-window:not(.is-active) { display: none; }
  .xp-desktop .window-zune .zune-surface { min-height: 0; max-height: none; }
  .xp-welcome-bottom { flex-wrap: wrap; }
}

.explorer-file > img[src$="application.png"] { image-rendering: pixelated; }

/* Vibedows: a visitor's desktop, with a four-tile dance-floor mark. */
.groove-mark{display:inline-grid;grid-template-columns:repeat(2,1fr);gap:3px;width:28px;height:28px;transform:rotate(-12deg) skewY(5deg);flex:none}
.groove-mark i{border-radius:2px 6px 2px 2px;box-shadow:inset 1px 1px 1px #fff9,1px 2px 1px #1235;background:linear-gradient(135deg,#ffad42,#ed3d78)}
.groove-mark i:nth-child(2){background:linear-gradient(135deg,#c0fa3e,#4cba78)}.groove-mark i:nth-child(3){background:linear-gradient(135deg,#6ee4ff,#6e55eb)}.groove-mark i:nth-child(4){background:linear-gradient(135deg,#ffe85e,#ff822c)}
.xp-wordmark .groove-mark{position:absolute;right:22px;top:-15px;width:60px;height:60px;gap:5px}.xp-wordmark{font-size:34px}.xp-wordmark small{letter-spacing:.02em}
.xp-account{border:1px solid transparent;border-radius:7px;background:none!important;box-shadow:none}.xp-account::before{border:1px solid #b6cffb;border-radius:7px;background:linear-gradient(90deg,#1454b4,#1454b400);mask-image:linear-gradient(90deg,#000 45%,transparent)}.xp-account:hover,.xp-account:focus-visible{border:1px solid transparent}.xp-account:focus-visible{outline:1px dotted #fff;outline-offset:3px}.xp-account .xp-account-picture{border-radius:5px}
.xp-start .groove-mark{width:24px;height:24px;gap:2px;margin-right:2px}.explorer-menubar>.groove-mark{width:20px;height:20px;margin-left:auto;margin-right:6px}
.zune-window-content{display:flex;flex:1;min-height:0;overflow:hidden}.zune-content{width:100%;height:100%;min-height:0}.creativity-content{min-height:100%;background:#050505}.icon-messenger{background:linear-gradient(#bce8f5,#4c9fca);color:#79ce2e;font:bold 24px Georgia;text-shadow:1px 1px #236729}.icon-pinball{background:radial-gradient(circle at 35% 25%,#fff,#83d1e8 20%,#174f79 35%,#fc8627 38%,#f84b75 70%);color:transparent}
.window-messenger{width:min(620px,calc(100% - 180px));height:min(650px,calc(100% - 100px));left:150px;top:48px}.window-word{width:min(820px,calc(100% - 180px));height:calc(100% - 120px);left:170px;top:50px}.window-photos{width:min(900px,calc(100% - 180px));height:calc(100% - 110px);left:130px;top:42px}.window-pinball{width:min(760px,calc(100% - 180px));height:calc(100% - 90px);left:160px;top:25px}
.messenger-surface,.word-surface,.photos-surface,.pinball-surface{flex:1;min-height:0;overflow:hidden;background:#ece9d8}.desktop-shortcuts{gap:13px}.desktop-shortcuts button{min-height:62px}.xp-tasks button{min-width:60px}.xp-menu-body{min-height:320px}.xp-all-programs{max-height:50vh;overflow:auto}
.collection-apps{display:flex;gap:4px;padding:5px;background:#ece9d8;flex-wrap:wrap}.collection-apps button{display:flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid transparent;background:none;color:#172c46;font:11px Tahoma,sans-serif;cursor:pointer}.collection-apps button:hover{border-color:#bbb;background:#fff}.collection-apps img{width:20px;height:20px}
.collection-pivots{display:flex;gap:25px;margin-bottom:20px}.collection-pivots button{border:0;background:none;color:var(--text-dim);font:200 28px 'Segoe UI',sans-serif;cursor:pointer}.collection-pivots button[aria-pressed=true]{color:var(--text)}.collection-count{font:12px 'Segoe UI',sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;color:var(--text-dim)}.collection-albums,.collection-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}.collection-albums .tile{aspect-ratio:1;min-height:150px}.collection-photos img{width:100%;height:160px;object-fit:cover}.collection-photos span{display:block;font-size:12px;padding:6px;color:var(--text-2)}

.project-link-icon { width: 16px; height: 16px; object-fit: contain; vertical-align: middle; margin-right: 5px; }
.explorer-folder{border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}.explorer-folder:focus-visible{outline:2px solid #316ac5;outline-offset:-2px}

.keygen-webgl{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.keygen-webgl[data-ready=true]{opacity:1}
/* Compact Luna Start cap with the custom dance-floor mark. */
.xp-start{height:30px;min-width:99px;padding:0 13px 2px 7px;gap:4px;border-radius:0 12px 13px 0;border:1px solid #1b6324;border-left:0;background:linear-gradient(#3b8b35 0%,#83b87d 7%,#469f3c 15%,#37932e 45%,#278223 73%,#257c23 87%,#195d1d 100%);box-shadow:inset 0 1px 2px #c4e3a6,inset -3px 0 5px #174c23,1px 0 2px #143d28;color:white;font:italic bold 21px/1 'Trebuchet MS',Tahoma,sans-serif;letter-spacing:-.6px;text-shadow:1px 2px 2px #12431a}.xp-start .groove-mark{width:23px;height:23px;margin:0 2px 0 0;filter:drop-shadow(1px 1px 1px #163c25)}.xp-start:hover{filter:brightness(1.07)}
/* Hit areas extend inward from the frame; corners remain easy to acquire. */
.xp-resize-n,.xp-resize-s{height:7px;left:15px;right:15px}.xp-resize-e,.xp-resize-w{width:7px;top:15px;bottom:15px}.xp-resize-ne,.xp-resize-nw,.xp-resize-se,.xp-resize-sw{width:17px;height:17px}.xp-titlebar{cursor:grab}.xp-titlebar:active{cursor:grabbing}.xp-window-controls{position:relative;z-index:9}.xp-window-controls button{cursor:default}.xp-titlebar .desktop-app-icon{pointer-events:none}
.window-zune,.window-zune.is-active{border:1px solid #777;border-radius:0;box-shadow:0 5px 14px #0008}.window-zune>.xp-titlebar{height:23px;padding:0 5px;background:var(--zune-chrome-bg,#faf9f6);box-shadow:none;color:#777;font:10px Tahoma,sans-serif}.window-zune>.xp-titlebar>.desktop-app-icon{display:none}.window-zune>.xp-titlebar>.xp-window-title{font-size:0;text-shadow:none}.window-zune>.xp-titlebar .xp-window-controls{gap:0}.window-zune>.xp-titlebar .xp-window-controls button{height:20px;width:22px;background:none;border:0;border-radius:0;box-shadow:none;color:#777}.window-zune>.xp-titlebar .xp-window-controls button:hover{background:#7772}.window-zune>.xp-titlebar .xp-close:hover{background:#d02657;color:white}
.window-zune .xp-minimize-glyph{height:1px;background:currentColor}.window-zune .xp-maximize-glyph{width:9px;height:8px;border-color:currentColor;border-top-width:1px}.window-zune .xp-restore-glyph{border-color:currentColor;border-top-width:1px;box-shadow:2px -2px 0 -1px var(--zune-chrome-bg,#faf9f6),2px -2px 0 0 currentColor}.window-zune .xp-close-glyph::before,.window-zune .xp-close-glyph::after{background:currentColor;height:1px;width:10px}.window-zune .xp-close-glyph{width:10px;height:10px}

img.desktop-app-icon.real-zune-icon{object-fit:contain;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(1px 1px 1px #0003)}

.window-zune>.xp-titlebar .xp-window-controls button{color:#aaa}.window-zune:has(.pivot-page[data-page="music"].active)>.xp-titlebar .xp-window-controls button{color:#555}.window-zune>.xp-titlebar .xp-window-controls .xp-close:hover{color:#fff}

/* Keep both startup apps usable: side by side where the viewport allows it. */
@media(min-width:1180px){.window-zune{width:calc(100% - 500px)}.window-keygen{right:28px;top:36px}}
@media(min-width:761px) and (max-width:1179px){.window-keygen{top:90px;right:18px}}
@media(min-width:761px) and (max-height:479px){.xp-desktop{min-height:0}.window-zune{height:calc(100% - 80px)}}

/* Folder-first desktop and the project encyclopedia. */
.desktop-keygen-name{font-family:'Trebuchet MS',Tahoma,sans-serif;font-weight:900;font-style:italic;letter-spacing:.03em;text-shadow:1px 1px #181044,0 0 5px #422d8b}
.explorer-menubar>button{border:0;background:none;color:#111;font:11px Tahoma,sans-serif;padding:5px 9px}
.explorer-menubar>button:hover{background:#d8e6fa}
.explorer-sidebar button[aria-current=page]{font-weight:bold}
.explorer-files.gallery-view:not(.details-view){grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.gallery-view:not(.details-view) .explorer-thumbnail{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding:8px;gap:4px}
.gallery-view:not(.details-view) .explorer-thumbnail>img{grid-row:auto;width:100%;height:116px;object-fit:contain;background:#f4f3ed;border:1px solid #d4d0c8;padding:4px}
.explorer-files.details-view .explorer-file{width:100%;grid-template-columns:16px minmax(0,2fr) minmax(0,1fr);text-align:left}
.explorer-files.details-view .explorer-file>img{width:16px;height:16px;grid-row:auto}
.explorer-toolbar button:disabled{opacity:.5;cursor:default}
.explorer-file:focus-visible,.explorer-menubar>button:focus-visible,.encarta-surface button:focus-visible,.encarta-surface a:focus-visible{outline:2px solid #316ac5;outline-offset:-2px}
.window-encarta{left:145px;top:42px;width:min(980px,calc(100% - 190px));height:calc(100% - 100px)}
.encarta-surface{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#f6f0de;color:#30291d;font:12px/1.5 Tahoma,Verdana,sans-serif;container-type:inline-size}
.encarta-banner{display:flex;align-items:center;gap:14px;padding:13px 22px;color:#fff4c7;background:linear-gradient(110deg,#241c18,#493824 65%,#6c522d);border-bottom:3px solid #b7924d}
.encarta-seal{font:italic 42px Georgia,serif;border:1px solid #b69a58;border-radius:50%;width:53px;height:53px;display:grid;place-items:center;background:#231f17}
.encarta-wordmark{font:32px/1 Georgia,serif;letter-spacing:.04em}.encarta-banner p{margin:4px 0 0;color:#ddcba4;font-size:11px}.encarta-edition{margin-left:auto;font-size:9px;letter-spacing:.18em}
.encarta-toolbar{display:flex;gap:15px;align-items:center;padding:5px 12px;background:linear-gradient(#f1e4c4,#d8c598);border-bottom:1px solid #a7956d;font-size:10px}
.encarta-toolbar button{padding:4px 8px;background:#f7eed7;border:1px solid #a99669;color:#352b1d;font:11px Tahoma,sans-serif;cursor:pointer}.encarta-toolbar button:disabled{opacity:.5;cursor:default}
.encarta-layout{display:grid;grid-template-columns:210px minmax(0,1fr);flex:1;min-height:0}
.encarta-index{padding:14px 12px;overflow:auto;background:#e5dcc2;border-right:1px solid #b4a27c}.encarta-index label{display:block;font-weight:bold;font-size:11px;margin-bottom:10px}.encarta-index input,.encarta-index select{display:block;width:100%;margin-top:4px;padding:5px;border:1px solid #a19476;background:#fffdf5;color:#30291d;font:11px Tahoma,sans-serif}.encarta-result-count{color:#685c44;font-size:10px;margin:12px 0 6px}.encarta-index nav{display:flex;flex-direction:column;gap:2px}.encarta-index nav button{padding:7px 8px;border:1px solid transparent;background:none;text-align:left;font:12px Tahoma,sans-serif;color:#30291d;cursor:pointer}.encarta-index nav button:hover{background:#f5ecd4}.encarta-index nav button[aria-current=page]{background:#53402a;color:#fff3cf;border-color:#3a2c1b}.encarta-index small{display:block;font-size:10px;margin-top:2px;opacity:.8}
.encarta-page{overflow:auto;padding:26px 30px;background:linear-gradient(90deg,#e5dcc2 0,#fbf7e9 12px,#fbf7e9);overflow-wrap:anywhere}.encarta-kicker{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6a5531;margin:0 0 5px}.encarta-page h1{font:32px/1.15 Georgia,serif;margin:0 0 20px;color:#3a2c1e}.encarta-page h2{font:20px Georgia,serif;border-bottom:1px solid #d6c8a8;padding-bottom:5px;margin:22px 0 9px}.encarta-description{font:17px/1.6 Georgia,serif;max-width:60ch}.encarta-preview{margin:0 0 20px}.encarta-preview>div{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#f9eac0;background:radial-gradient(ellipse at top,#68563b,#2c2821);border:5px double #b8a171;padding:20px}.encarta-preview svg{width:44px;height:44px}.encarta-preview strong{font:26px Georgia,serif}.encarta-preview span{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.encarta-preview figcaption{font-size:10px;color:#706146;margin-top:5px}.encarta-facts{display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 12px}.encarta-facts dt{font-weight:bold}.encarta-facts dd{margin:0}.encarta-note{font-size:10px;color:#706146}.encarta-external{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px;margin-top:22px;color:#244f88;border:1px solid #c6b790;background:#f2ead4;text-decoration:underline}.encarta-external img{width:24px;height:24px}.encarta-external span{font-size:10px}.encarta-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:25px}.encarta-library button{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 9px;text-align:left;padding:14px;background:#f4ecd6;border:1px solid #d0bf96;color:#3a2c1e;cursor:pointer;font:12px/1.5 Tahoma,sans-serif}.encarta-library button:hover{background:#e9dcba;border-color:#9f8655}.encarta-library svg{grid-row:1/3}.encarta-library strong{font:18px Georgia,serif}.encarta-library small{font-size:10px;color:#705833}.encarta-library span{grid-column:1/-1;margin-top:5px}.encarta-status{border-top:1px solid #b4a27c;background:#e5dcc2;padding:4px 12px;font-size:10px}
@container(max-width:600px){.encarta-layout{grid-template-columns:155px minmax(0,1fr)}.encarta-page{padding:18px}.encarta-edition{display:none}.encarta-toolbar>span{display:none}.encarta-facts{grid-template-columns:1fr}.encarta-facts dd{margin-bottom:5px}.encarta-page h1{font-size:27px}}
@container(max-width:390px){.encarta-layout{grid-template-columns:1fr}.encarta-index{max-height:160px;border-bottom:1px solid #b4a27c}.encarta-banner{padding:10px}.encarta-seal{display:none}}
.encarta-project-image{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;background:#211e19;border:1px solid #b8a171}.encarta-preview figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}.encarta-library-preview{grid-column:1/-1;width:100%;height:120px;object-fit:contain;background:#211e19;margin-bottom:6px}.encarta-library button:has(.encarta-library-preview)>strong,.encarta-library button:has(.encarta-library-preview)>small{grid-column:1/-1}

/* Encarta 95–97: illustrated multimedia home, compact encyclopedia articles. */
.encarta-surface{background:#eeefea;color:#30312d;font:12px/1.5 Tahoma,Verdana,sans-serif}
.encarta-masthead{background:#302f2c;color:#c6c4ae;text-align:center;font:10px/22px Tahoma,sans-serif;letter-spacing:.32em;border-bottom:1px solid #0b0b0a}
.encarta-toolbar{background:#272624;color:#ece9d6;border-bottom:2px solid #a6a17e;padding:2px 7px;gap:2px;min-height:25px}
.encarta-toolbar button{background:transparent;color:#f6f0db;border:1px solid transparent;padding:1px 10px;font:11px/18px Tahoma,sans-serif}
.encarta-toolbar button:hover:not(:disabled){background:#514d3d;border-color:#aaa58b}.encarta-toolbar button:disabled{color:#99968c}
.encarta-toolbar-divider{height:16px;border-left:1px solid #aaa58b;margin:0 5px}.encarta-toolbar-caption{margin-left:auto;letter-spacing:.06em}
.encarta-home{position:relative;flex:1;min-height:440px;overflow:auto;background:#b9d4df url('/assets/encarta/alexarta-collage.png') center/cover;color:#193c58;isolation:isolate}
.encarta-home:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#d7edf2b0,transparent 42%),linear-gradient(90deg,#d4e8eb22 35%,#d4e8eb88 61%,#c8e1e999)}
.encarta-home-brand{position:absolute;top:24px;left:28px;width:51%;text-shadow:0 2px 2px #e1f2f6}
.encarta-home-brand p{margin:0 0 20px;font:bold 10px Tahoma,sans-serif;letter-spacing:.4em}
.encarta-home-brand h1{margin:0;font:clamp(40px,6.5cqw,72px)/1 'Times New Roman',serif;letter-spacing:.035em;color:#17394e;font-weight:400}
.encarta-home-subtitle{display:block;margin:7px 0 0 8%;font:italic 16px Georgia,serif;letter-spacing:.25em}
.encarta-year{display:block;color:#36688755;font:italic 190px/.9 'Times New Roman',serif;margin-left:15%;text-shadow:none;letter-spacing:-.09em}
.encarta-home-menu{position:relative;margin:25px 18px 80px 57%;display:flex;flex-direction:column;gap:clamp(12px,2.6cqw,30px)}
.encarta-home-menu button{display:flex;align-items:center;gap:15px;text-align:left;background:none;border:1px solid transparent;color:#183e5c;padding:5px;cursor:pointer;font-family:Tahoma,sans-serif;text-shadow:0 1px #e6f6f8}
.encarta-home-menu button:hover{background:#e4f5f970;border-color:#6f95a7}.encarta-home-menu img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(1px 2px 0 #4f6d7870)}
.encarta-home-menu strong{display:block;font-size:12px;letter-spacing:.23em;text-transform:uppercase}.encarta-home-menu small{display:block;font-size:12px;margin-top:3px;line-height:1.4}
.encarta-home-footer{position:absolute;bottom:16px;left:28px;right:22px;display:flex;justify-content:space-between;align-items:end;gap:15px;font:10px Tahoma,sans-serif}
.encarta-home-footer button{padding:6px 10px;background:#d3e7eb90;border:1px solid #315469;color:#193c58;letter-spacing:.12em;font:10px Tahoma,sans-serif;cursor:pointer}
.encarta-layout{grid-template-columns:190px minmax(0,1fr)}
.encarta-index{background:#e6e8e0;border-color:#aaa78c;padding:10px}.encarta-index input,.encarta-index select{background:#f9faf6;border-color:#aaa78c;color:#30312d}.encarta-index nav button{color:#33352d;padding:5px 7px}.encarta-index nav button:hover{background:#d6d8c8}.encarta-index nav button[aria-current=page]{background:#8d8b68;color:#fff;border-color:#6f6e50}.encarta-result-count{color:#66674d}
.encarta-page{padding:12px 16px;background:#f4f4ef url('/assets/encarta/alexarta-collage.png') left bottom/auto 100% no-repeat;background-blend-mode:screen}
.encarta-page h1{background:#a29c75;color:white;margin:-12px -16px 14px;padding:4px 13px;font:19px/1.3 Tahoma,sans-serif}.encarta-kicker{margin:0 0 8px;color:#73714e;font-size:10px}.encarta-page h2{font:bold 12px/1.5 Tahoma,sans-serif;color:#575437;background:#dbd9c7;border:1px solid #aaa78c;padding:2px 6px;margin:15px 0 7px}
.encarta-description{font:13px/1.65 Tahoma,sans-serif;max-width:65ch}.encarta-preview{float:left;width:46%;margin:0 18px 12px 0;background:#f0f0e9;border:1px solid #a09d83;padding:4px}.encarta-preview>div{min-height:190px;background:#dce5dd;color:#4f685e;border:1px solid #b1b5a2}.encarta-preview strong{font:24px Georgia,serif}.encarta-project-image{max-height:280px;background:#e6e8e0;border-color:#aaa78c}.encarta-preview figcaption{font-size:10px;color:#64644d}.encarta-facts{gap:5px 10px;font-size:11px}.encarta-external{clear:both;background:#e8e7da;border-color:#aaa78c;margin-top:16px;padding:6px}.encarta-note{color:#66674d}.encarta-library{gap:1px;border-top:1px solid #aaa78c;margin-top:15px}.encarta-library button{background:#e9ebe3;border:0;border-bottom:1px solid #aaa78c;padding:10px;color:#3d4439}.encarta-library button:hover{background:#d4ddcf}.encarta-library strong{font:18px Georgia,serif}.encarta-library small{color:#656548}.encarta-status{background:#d8d8c8;border-color:#aaa78c;color:#55543f;padding:2px 10px}
@container(max-width:650px){.encarta-home-brand{left:18px;top:20px}.encarta-home-brand h1{font-size:7cqw}.encarta-home-subtitle{font-size:12px;letter-spacing:.1em}.encarta-year{font-size:140px}.encarta-home-menu{margin-left:53%;gap:13px}.encarta-home-menu button{gap:8px}.encarta-home-menu strong{font-size:10px;letter-spacing:.15em}.encarta-home-menu small{font-size:11px}.encarta-home-menu img{width:30px;height:30px}.encarta-home-footer span{display:none}.encarta-preview{float:none;width:auto;margin:0 0 12px}.encarta-layout{grid-template-columns:150px minmax(0,1fr)}.encarta-masthead{letter-spacing:.15em;font-size:9px}}
@container(max-width:430px){.encarta-home{min-height:600px}.encarta-home-brand{position:relative;width:auto}.encarta-home-brand h1{font-size:44px}.encarta-year{display:none}.encarta-home-menu{margin:50px 15px 65px 25%;background:#dbedf0b3;gap:10px}.encarta-home-footer{left:18px}.encarta-layout{grid-template-columns:1fr}.encarta-index{max-height:160px}.encarta-toolbar-caption{display:none}}
.encarta-page h1{margin-top:0}.encarta-page .encarta-description{max-width:none;display:flow-root}

.xp-welcome.is-entering .xp-welcome-accounts,.xp-welcome.is-entering .xp-welcome-bottom>*{visibility:hidden}.xp-welcome.is-entering .xp-welcome-divider{opacity:0}.xp-welcome.is-entering .xp-welcome-brand .xp-wordmark{visibility:hidden}
/* Individual hand-drawn project plates, displayed from two lossless art sheets. */
.encarta-project-plate{width:100%;aspect-ratio:1;background-size:300% 400%;background-repeat:no-repeat;background-color:#eddfc0}
.encarta-preview .encarta-project-plate{padding:0;border:0;min-height:0;display:block}
.encarta-illustrated-preview{padding:7px;background:#f0e5cb;border:1px solid #a99060;box-shadow:inset 0 0 0 2px #f8f0db}
.encarta-illustrated-preview figcaption{padding:5px 3px;font:italic 12px/1.5 Georgia,serif;color:#6e5735}.encarta-plate-number{display:block;font:9px/1.8 Tahoma,sans-serif;letter-spacing:.16em;color:#8a7148}
.encarta-page:has(.encarta-illustrated-preview){background:#f4eddb;color:#4b3b26;background-image:repeating-linear-gradient(0deg,#99774105 0 1px,transparent 1px 4px)}
.encarta-page:has(.encarta-illustrated-preview) h1{background:#a08c62}.encarta-page:has(.encarta-illustrated-preview) h2{background:#e6dac0;border-color:#b5a27b;color:#66502f}
.encarta-reference{clear:both;margin:20px 0 10px;border:1px solid #b5a27b;padding:7px;background:#ede2ca;max-width:480px}.encarta-reference img{display:block;width:100%;max-height:220px;object-fit:contain}.encarta-reference figcaption{font:11px/1.5 Tahoma,sans-serif;margin-top:5px}.encarta-reference a{color:#6e5735}
.encarta-library .encarta-project-plate{grid-column:1/-1;max-width:230px;justify-self:center}.encarta-library button{background:#f0e5cb}.encarta-library button>strong,.encarta-library button>small{grid-column:1/-1}

.window-pinball{width:min(1000px,calc(100% - 180px));height:min(780px,calc(100% - 80px))}
/* First-open splash cards: once per app in this desktop session. */
.app-splash{position:absolute;inset:24px 0 0;z-index:12;display:grid;place-items:center;background:#ece9d8b8;color:#26354c;padding:20px;font:12px Tahoma,sans-serif}
.app-splash-card{width:min(420px,100%);padding:32px 30px 15px;border:1px solid #777;box-shadow:3px 5px 10px #0005;background:#fff;overflow:hidden}
.app-splash h2{font:32px/1.15 'Trebuchet MS',Tahoma,sans-serif;margin:10px 0}.app-splash p{margin:8px 0 25px}.app-splash footer{display:flex;justify-content:space-between;align-items:center;font:10px Tahoma,sans-serif;gap:12px;margin-top:25px}.app-splash footer button{border:1px solid currentColor;background:transparent;color:inherit;padding:4px 7px;cursor:pointer;font:10px Tahoma,sans-serif}.app-splash footer button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.splash-loading{display:flex;gap:3px;width:80px;height:5px;overflow:hidden}.splash-loading i{width:18px;flex:none;background:currentColor;animation:splash-load 1s ease-in-out infinite}.splash-loading i:nth-child(2){animation-delay:.1s}.splash-loading i:nth-child(3){animation-delay:.2s}@keyframes splash-load{50%{opacity:.25;transform:translateX(10px)}}
.splash-zune{background:#130a12cf;color:#eee}.splash-zune .app-splash-card{background:radial-gradient(ellipse at bottom,#a91356,transparent 60%),#100b10;border-color:#742b50}.splash-alex-logo{width:240px;height:90px;object-fit:contain;filter:brightness(1.8)}.splash-zune p{color:#f4bed8;letter-spacing:.15em}
.splash-encarta .app-splash-card{background:linear-gradient(#dceef1aa,#cee6eddd),url('/assets/encarta/alexarta-collage.png') center/cover;color:#1c4055;border-color:#657f86;min-height:275px}.splash-encarta h2{font:44px Georgia,serif;letter-spacing:.04em}.splash-encarta p{font:italic 15px Georgia,serif}
.splash-messenger .app-splash-card{background:linear-gradient(#fafcff,#c7e6f7);border-color:#7ba7bd}.splash-msn-logo{width:72px;height:72px}.splash-messenger h2{font-size:27px;color:#244f7a}
.splash-word .app-splash-card{background:linear-gradient(120deg,#fff 65%,#c6d9ed);border-top:6px solid #df7420}.splash-word-logo{display:block;font:bold 48px Georgia,serif;color:#2559a4}.splash-word h2{font:25px Arial,sans-serif}.splash-word p{font:24px Arial,sans-serif}
.splash-keygen{background:#000d}.splash-keygen .app-splash-card{background:radial-gradient(ellipse at 30% 40%,#b56b99,#333068 60%,#080617);color:#efffb1;border:3px ridge #ddd}.splash-keygen h2{font:italic 34px 'Brush Script MT','Segoe Script',cursive;text-shadow:2px 2px #000}.splash-keygen p{letter-spacing:.15em}
.splash-pinball{background:#000d;color:#bba1ff}.splash-pinball .app-splash-card{background:#000;border:4px ridge #aaa;width:300px;padding:12px}.splash-pinball-art{display:block;width:100%;max-height:240px;object-fit:contain}.splash-pinball h2{display:none}.splash-pinball p{font-size:10px;margin-bottom:12px}
@media(prefers-reduced-motion:reduce){.splash-loading i{animation:none}}

.encarta-home-brand h1{font-size:clamp(36px,5.7cqw,64px)}
.encarta-project-diagram{display:block;width:100%;height:auto;aspect-ratio:320/250;background:#f6f0e1}.encarta-preview svg.encarta-project-diagram{width:100%;height:auto}.encarta-real-preview{display:block;width:100%;max-height:300px;object-fit:contain;background:#eee7d6}.encarta-library .encarta-project-diagram,.encarta-library .encarta-real-preview{grid-column:1/-1;width:100%;height:160px;object-fit:contain}.encarta-illustrated-preview{box-shadow:none;padding:5px}.encarta-home:before{background:linear-gradient(180deg,#d7edf2b0,transparent 45%),linear-gradient(90deg,#d4e8eb44 30%,#d4e8eb88 61%,#c8e1e999)}

/* Personal shell: four record labels, with transparent desktop artwork. */
.groove-mark{transform:rotate(-9deg);gap:2px}
.groove-mark i,.groove-mark i:nth-child(n){border-radius:50%;background:radial-gradient(circle,#e8dfcc 0 5%,transparent 6%),radial-gradient(circle,var(--record-label) 0 27%,#17151e 29% 44%,#59515e 46% 48%,#17151e 50% 65%,#4e4756 67% 69%,#17151e 71%);box-shadow:inset 1px 1px 1px #fff6,1px 1px 1px #0005;--record-label:#ed6848}
.groove-mark i:nth-child(2){--record-label:#8ad64a}.groove-mark i:nth-child(3){--record-label:#67bdff}.groove-mark i:nth-child(4){--record-label:#f4cc53}
img.desktop-app-icon,.desktop-shortcuts img.desktop-app-icon{background:transparent;box-shadow:none;border-radius:0;object-fit:contain}
.app-splash{position:fixed;inset:0;z-index:90;background:transparent;pointer-events:none}
.app-splash-card{pointer-events:auto}
@media(prefers-reduced-motion:reduce){.splash-loading i{animation:none}}

.splash-messenger .app-splash-card{background:radial-gradient(ellipse at 50% 35%,#fff 30%,#edf5fb);text-align:center;border-color:#91aebd}
.msm-signin-animation{position:relative;width:180px;height:140px;margin:0 auto 14px;perspective:400px}
.msm-signin-animation img{position:absolute;left:48px;top:8px;width:84px;height:115px;animation:msm-sign-in 2.2s linear infinite;filter:drop-shadow(0 5px 3px #47667b33)}
.msm-signin-animation img:nth-child(2){animation-delay:-1.1s}
@keyframes msm-sign-in{0%,100%{transform:translateX(-38px) scale(.75);z-index:0;opacity:.75}25%{transform:translateX(0) scale(.65);z-index:0;opacity:.65}50%{transform:translateX(38px) scale(.85);z-index:1;opacity:.9}75%{transform:translateX(0) scale(1.08);z-index:2;opacity:1}}
.splash-messenger h2{font:22px 'Trebuchet MS',Tahoma,sans-serif}.splash-messenger .splash-loading{display:none}
@media(prefers-reduced-motion:reduce){.msm-signin-animation img{animation:none;transform:translateX(-30px) scale(.8)}.msm-signin-animation img:nth-child(2){transform:translateX(25px)}}

/* First-open splash cards follow the original applications' proportions. */
.splash-zune{background:transparent}.splash-zune .app-splash-card{width:min(600px,90vw);height:220px;padding:32px;display:grid;place-items:center;border:5px ridge #cbd0ce;background:linear-gradient(105deg,#ed995a,#df258c)}
.splash-zune .splash-alex-logo{width:310px;height:120px;filter:brightness(0) invert(1)}
.splash-messenger .app-splash-card{width:245px;padding:22px 22px 12px;background:#eaf5f7;border:1px solid #c5d9df;box-shadow:2px 3px 8px #0003}
.splash-messenger h2{margin:0;font:bold 23px Tahoma,sans-serif;color:#52766c;text-shadow:1px 1px #fff}
.splash-messenger .msm-signin-animation{margin:12px auto 0;perspective:400px;transform-style:preserve-3d}
.splash-encarta .app-splash-card{position:relative;width:min(560px,90vw);height:350px;padding:0;border:2px ridge #cbd4d8;background:url('/assets/encarta/alexarta-collage.png') center 40%/cover}
.splash-encyclopedia-title{position:absolute;bottom:28px;left:0;right:0;padding:9px 18px;background:linear-gradient(90deg,#153f83df,#728cbacb);border-block:1px solid #d6cb9c;color:#fff9d7;text-align:right;text-shadow:1px 2px #152244}
.splash-encarta h2{margin:0;font:36px Georgia,serif;letter-spacing:.06em}.splash-encarta h2 small{font-size:.8em}.splash-encarta p{margin:2px 0 0;font:italic 13px Georgia,serif}
.xp-resize-n,.xp-resize-s{height:10px;left:28px;right:28px}.xp-resize-e,.xp-resize-w{width:10px;top:28px;bottom:28px}
.xp-resize-ne,.xp-resize-nw,.xp-resize-se,.xp-resize-sw{width:28px;height:28px}
.xp-resize-ne{clip-path:polygon(65% 0,100% 0,100% 100%,65% 100%)}
.xp-resize-nw{clip-path:polygon(0 0,100% 0,100% 30%,30% 30%,30% 100%,0 100%)}

.retro-icon{display:block;width:30px;height:30px;flex:none}.explorer-toolbar button:disabled .retro-icon{filter:grayscale(1);opacity:.55}.explorer-toolbar button{gap:5px}
.explorer-address button{border:0;background:transparent;color:#111;padding:2px 3px;font:11px Tahoma,sans-serif;white-space:nowrap;cursor:pointer}.explorer-address button:hover{background:#dceaff}.explorer-address .explorer-edit-path{margin-left:auto;border:1px solid #a6b9c9;background:#e6eef8}.explorer-address>div>input{flex:1;min-width:0;border:0}.explorer-body.without-sidebar{grid-template-columns:1fr}.explorer-path-error{margin:0;padding:7px;background:#fffbd6;font:11px Tahoma,sans-serif}.explorer-sidebar[hidden]{display:none}

.msm-signin-animation img{animation-duration:1.2s}.msm-signin-animation img:nth-child(2){animation-delay:-.6s;filter:hue-rotate(45deg) drop-shadow(0 5px 3px #47667b33)}
@keyframes msm-sign-in{0%,100%{transform:translate3d(-38px,0,0) rotateY(-18deg) scale(.8);z-index:0}25%{transform:translate3d(0,-4px,-60px) rotateY(0deg) scale(.7);z-index:0}50%{transform:translate3d(38px,0,0) rotateY(18deg) scale(.8);z-index:1}75%{transform:translate3d(0,5px,45px) rotateY(0deg);z-index:2}}

/* A multimedia catalogue: typeset jackets, real screenshots and guided trails. */
.encarta-home-menu{gap:12px;margin-bottom:225px}.encarta-home-menu button{transition:background .15s}.encarta-home-menu button:hover strong{text-decoration:underline;text-underline-offset:4px}
.encarta-spotlight{position:absolute;right:24px;bottom:60px;width:40%;background:#edf2e5e8;border:1px solid #718a91;box-shadow:2px 2px 0 #49647335}
.encarta-spotlight-heading{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;background:#284f65;color:#f5f0cf;font:9px Tahoma,sans-serif;letter-spacing:.16em}.encarta-spotlight-heading>div{display:flex;gap:9px;align-items:center}.encarta-spotlight-heading button{background:none;border:0;color:#fff;padding:2px;cursor:pointer}
.encarta-feature-entry{display:grid;grid-template-columns:105px 1fr;gap:12px;width:100%;padding:9px;text-align:left;border:0;background:none;color:#233c47;cursor:pointer}.encarta-feature-entry>.encarta-real-preview,.encarta-feature-entry>.encarta-cover{height:104px;width:105px;object-fit:cover;min-height:0}.encarta-feature-entry>span{display:flex;flex-direction:column;gap:5px}.encarta-feature-entry>span>strong{font:22px Georgia,serif}.encarta-feature-entry small{font:11px/1.4 Tahoma,sans-serif}.encarta-feature-entry em{font:10px Tahoma,sans-serif;text-decoration:underline;margin-top:auto}.encarta-feature-entry:hover{background:#fff9}
.encarta-page,.encarta-page:has(.encarta-illustrated-preview){background:#f2eddd;color:#35372d;background-image:none;padding:22px}.encarta-page h1,.encarta-page:has(.encarta-illustrated-preview) h1{background:none;border-block:1px solid #a29a7d;color:#303f43;font:32px/1.15 Georgia,serif;margin:0 0 18px;padding:11px 0}.encarta-page h2,.encarta-page:has(.encarta-illustrated-preview) h2{background:none;border:0;border-bottom:1px solid #b9b095;padding:4px 0;font:bold 12px Tahoma,sans-serif;color:#55513c}.encarta-page .encarta-description{font:17px/1.6 Georgia,serif;margin:0 0 18px}.encarta-kicker{font:9px Tahoma,sans-serif;color:#695b3b;letter-spacing:.2em}
.encarta-cover,.encarta-preview>.encarta-cover{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;min-height:0;height:230px;width:100%;padding:16px;background:var(--cover-ink,#294851);color:#f3e8c4;border:0;text-align:left}
.encarta-cover:after{content:'';position:absolute;inset:7px;border:1px solid #f3e8c440;pointer-events:none}.encarta-cover>small{font:9px Tahoma,sans-serif;letter-spacing:.16em;text-transform:uppercase;z-index:1}.encarta-cover>strong,.encarta-preview .encarta-cover>strong{font:32px/.95 Georgia,serif;max-width:90%;overflow-wrap:anywhere;z-index:1}.encarta-cover>span,.encarta-preview .encarta-cover>span{font:10px/1.4 'Courier New',monospace;text-transform:none;letter-spacing:0;max-width:75%;z-index:1}.encarta-cover>b{font:8px Tahoma,sans-serif;letter-spacing:.18em;border-top:1px solid #f3e8c470;padding-top:8px;width:100%;z-index:1}
.encarta-cover.cover-record{background:#b14e39}.encarta-cover.cover-record>strong{max-width:60%}.encarta-vinyl{position:absolute;right:-65px;top:20px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,#e4cf94 0 3%,#c99836 3.5% 18%,#191c1d 19% 31%,#3a3b35 32% 33%,#191c1d 34% 48%,#45433c 49% 50%,#191c1d 51% 63%,#45433c 64% 65%,#191c1d 66%);transform:rotate(-20deg);box-shadow:4px 7px 8px #0004}
.encarta-cover.cover-game{background:repeating-linear-gradient(0deg,transparent 0 22px,#acd2c00e 23px),repeating-linear-gradient(90deg,#182f35 0 22px,#acd2c029 23px);color:#d8e7b1}.encarta-wireframe{position:absolute;right:8px;top:-24px;font:230px/.9 Georgia,serif;color:#b8d69936;transform:rotate(20deg)}
.encarta-cover.cover-teletext{background:#080808;color:#fff;font-family:monospace}.encarta-cover.cover-teletext>small{background:#174aaf;padding:4px;color:#ffed44;width:100%}.encarta-cover.cover-teletext>strong{font:bold 42px monospace;color:#ffed44;text-transform:uppercase;text-shadow:2px 2px #b73930}.encarta-cover.cover-teletext>span{color:#65e5e7}.encarta-cover.cover-teletext>b{color:#6adb59}
.encarta-library{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;border:0}.encarta-library>button{display:flex;flex-direction:column;gap:5px;padding:0 0 10px;background:transparent;border-bottom:1px solid #b4a782}.encarta-library>button:hover{background:#e5dfcb}.encarta-library .encarta-cover,.encarta-library .encarta-real-preview{height:170px;max-height:none;object-fit:cover}.encarta-library>button>strong{font:19px Georgia,serif}.encarta-library>button>span{font:11px/1.5 Tahoma,sans-serif}.encarta-library>button>small{font:9px Tahoma,sans-serif;color:#6e634c}.encarta-library .encarta-cover>strong{font-size:26px}.encarta-feature-entry .encarta-cover{padding:10px}.encarta-feature-entry .encarta-cover>strong{font-size:18px}.encarta-feature-entry .encarta-cover>span,.encarta-feature-entry .encarta-cover>b{display:none}.encarta-feature-entry .encarta-cover>small{font-size:7px}
.encarta-trails{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 22px}.encarta-trails>button{position:relative;text-align:left;padding:14px 12px;border:1px solid #a99b74;background:#e7ddbe;color:#3f432f;cursor:pointer}.encarta-trails>button:hover{background:#d9dcbf;border-color:#5a674b}.encarta-trails img{width:32px;height:32px;margin-bottom:10px}.encarta-trail-number{position:absolute;right:9px;top:4px;font:italic 38px Georgia,serif;color:#a59a79}.encarta-trails strong{display:block;font:18px/1.15 Georgia,serif}.encarta-trails p{font:11px/1.5 Tahoma,sans-serif;margin:8px 0 12px}.encarta-trails small{font:9px Tahoma,sans-serif;text-decoration:underline}
.encarta-subjects{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 18px}.encarta-subjects button{border:1px solid #a99b7b;background:#faf5e5;color:#53492f;font:10px Tahoma,sans-serif;padding:6px 8px;cursor:pointer}.encarta-subjects button[aria-pressed=true]{background:#4d5a4c;color:#fff4d7;border-color:#4d5a4c}.encarta-subjects b{margin-left:7px;font-size:9px;opacity:.7}
.encarta-related{clear:both;padding-top:8px;margin-top:18px}.encarta-related p{font:12px/1.5 Georgia,serif}.encarta-related ol{display:flex;list-style:none;gap:6px;padding:0;counter-reset:stop}.encarta-related li{flex:1;min-width:0;counter-increment:stop}.encarta-related button{width:100%;height:100%;padding:8px;border:1px solid #a79f80;background:#e7e0c8;color:#334635;text-align:left;font:13px Georgia,serif;cursor:pointer}.encarta-related button:before{content:counter(stop,decimal-leading-zero) ' / ';color:#857955;font:10px Tahoma,sans-serif}.encarta-related button:disabled{background:#465749;color:#fff5d5;cursor:default}.encarta-related button span{display:block;font:9px Tahoma,sans-serif;margin-top:8px}.encarta-repository-details{padding:8px 0;border-block:1px solid #c5bda3}.encarta-repository-details summary{font:11px Tahoma,sans-serif;cursor:pointer;color:#565139}.encarta-repository-details .encarta-facts{margin-top:12px}
.encarta-surface :focus-visible{outline:2px solid #345b89;outline-offset:2px}
@container(max-width:650px){.encarta-trails{grid-template-columns:1fr}.encarta-trails>button{padding-left:57px}.encarta-trails img{position:absolute;left:12px;top:16px}.encarta-trails p{margin:5px 0}.encarta-trail-number{font-size:24px}.encarta-trails strong{padding-right:35px}.encarta-page{padding:15px}.encarta-spotlight{width:44%;right:16px}.encarta-feature-entry{grid-template-columns:1fr}.encarta-feature-entry>.encarta-cover,.encarta-feature-entry>.encarta-real-preview{display:none}.encarta-home-menu{margin-bottom:220px}.encarta-related ol{flex-direction:column}}
@container(max-width:430px){.encarta-spotlight{position:relative;bottom:auto;right:auto;width:auto;margin:10px 18px 65px}.encarta-home-menu{margin-bottom:10px}.encarta-home{min-height:700px}.encarta-library{grid-template-columns:1fr}}
.encarta-cover>small{color:inherit}.encarta-library .encarta-real-preview{object-fit:contain}
/* Keep the home controls in document flow when the window is shortened. */
.encarta-home-menu{margin-bottom:0}.encarta-spotlight{position:relative;right:auto;bottom:auto;margin:32px 24px 28px auto}.encarta-home-footer{position:relative;left:auto;right:auto;bottom:auto;margin:16px 22px}
@container(max-width:650px){.encarta-spotlight{margin-right:16px}}
@container(max-width:430px){.encarta-home-menu{margin-bottom:10px}.encarta-spotlight{margin:20px 18px}.encarta-home-footer{margin:16px 18px}}

.xp-display-properties{position:fixed;inset:0;margin:auto;width:min(470px,calc(100vw - 30px));max-height:calc(100dvh - 40px);padding:0;border:3px solid #1853dc;border-radius:8px 8px 0 0;background:#ece9d8;color:#111;box-shadow:4px 5px 15px #0005;overflow:auto;font:11px Tahoma,sans-serif}.xp-display-properties::backdrop{background:#0002}.xp-display-properties .xp-titlebar{cursor:default}.xp-display-body{padding:12px 10px 8px}.xp-display-tab{display:inline-block;padding:5px 12px;border:1px solid #aaa;border-top:3px solid #f1b649;border-bottom:0;background:#f5f4ed;border-radius:3px 3px 0 0;position:relative;top:1px}.xp-display-panel{border:1px solid #aaa;padding:12px;background:#f5f4ed}.xp-monitor{width:220px;margin:0 auto;position:relative;padding:9px 9px 16px;background:linear-gradient(120deg,#f0eee8,#b8b6ac);border:1px solid #8a8c85;border-radius:7px 7px 12px 12px;box-shadow:inset 2px 2px #fff,2px 3px 3px #0003}.xp-monitor-screen{position:relative;height:122px;border:3px inset #5c5d58;border-radius:4px;overflow:hidden}.xp-monitor-taskbar{position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(#76a6f9,#225cce)}.xp-monitor-taskbar:before{content:'';display:block;width:26px;height:6px;background:#3f9b39}.xp-monitor>i{position:absolute;bottom:5px;right:14px;width:4px;height:4px;background:#8bda43;border-radius:50%}.xp-wallpaper-name{text-align:center;margin:8px 0 12px;min-height:14px}.xp-wallpaper-sources{display:flex;gap:4px;margin-bottom:7px}.xp-display-properties button:not(.xp-close){font:11px Tahoma,sans-serif;cursor:pointer}.xp-wallpaper-sources button,.xp-display-actions button{border:1px solid #8b8b82;border-radius:3px;padding:5px 11px;background:linear-gradient(#fff,#e8e5d5);color:#111;box-shadow:inset 1px 1px #fff}.xp-wallpaper-sources button[aria-pressed=true]{background:#dae7fb;border-color:#4878b6}.xp-wallpaper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;height:185px;overflow:auto;padding:5px;border:1px solid #7f9db9;background:#fff}.xp-wallpaper-grid button{min-width:0;padding:3px;border:1px solid transparent;background:transparent;color:#111;text-align:center}.xp-wallpaper-grid button:hover{background:#ecf2fb}.xp-wallpaper-grid button[aria-pressed=true]{background:#316ac5;color:white;border-color:#154b9c}.xp-wallpaper-grid img,.xp-solid-colour{display:block;width:100%;height:58px;object-fit:cover;background:#3a6ea5}.xp-wallpaper-grid button>span:last-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:3px;font-size:10px}.xp-wallpaper-position{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:10px}.xp-wallpaper-position select{width:115px;padding:3px;color:#111;background:white;border:1px solid #7f9db9;font:11px Tahoma,sans-serif}.xp-display-actions{display:flex;justify-content:flex-end;gap:6px;padding-top:10px}.xp-display-actions button{min-width:70px}.xp-display-actions button:disabled{color:#999;cursor:default}.xp-display-properties :focus-visible{outline:2px solid #285ab2;outline-offset:1px}
.xp-display-properties>.xp-titlebar{background:linear-gradient(#2f8eff,#0754e5 20%,#034bd9 75%,#1466f5);color:#fff}