/* Vista Aero, Windows 10 and Windows 11: independent browser-shell recreations. */
:root:is([data-os=vista],[data-os="10"],[data-os="11"]){--os-font:'Segoe UI',Tahoma,Arial,sans-serif;--window-bg:var(--chrome);--desktop-top:0px;font-family:var(--os-font)}
:root:is([data-os=vista],[data-os="10"],[data-os="11"]) :is(.classic-app,.window-title,.program-icon,.task-button,.folder-button,.project-card,.project-card h3,.project-card h3>button,.card-content,.collection-heading,.window-menubar,.bevel-button,.window-statusbar){font-family:var(--os-font)}
:root:is([data-os=vista],[data-os="10"],[data-os="11"]) #start-menu>.start-brand{display:none}
:root:is([data-os=vista],[data-os="10"],[data-os="11"]) #start-menu>nav{padding:0;width:100%;min-width:0}
:root:is([data-os=vista],[data-os="10"],[data-os="11"]) #start-menu{left:0;bottom:calc(var(--taskbar-height,48px) + 2px);max-height:max(0px,calc(var(--desk-height,100dvh) - var(--taskbar-height,48px) - 8px));max-width:calc(100vw - 8px);min-height:0;overflow-x:hidden;overflow-y:auto}
:root:is([data-os=vista],[data-os="10"],[data-os="11"]) #start-menu button{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 10px;background:transparent;color:inherit;text-align:left;font:13px/1.35 var(--os-font);border:1px solid transparent;box-shadow:none}
:root:is([data-os=vista],[data-os="10"],[data-os="11"]) #start-menu button>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
:root:is([data-os=vista],[data-os="10"],[data-os="11"]) #start-menu button:hover,:root:is([data-os=vista],[data-os="10"],[data-os="11"]) #start-menu button:focus-visible{background:#0000000b;color:inherit;border-color:#00000015;outline:none}
:root:is([data-os=vista],[data-os="10"],[data-os="11"]) #start-menu svg{width:28px;height:28px;flex:none}
:root:is([data-os=vista],[data-os="10"],[data-os="11"]) .start-button>strong{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
:root:is([data-os=vista],[data-os="10"],[data-os="11"]) .desktop-shortcut svg{image-rendering:auto;filter:drop-shadow(0 2px 2px #0005)}
:root:is([data-os=vista],[data-os="10"],[data-os="11"]) .modern-search{margin:0;padding:12px}
.modern-search label{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #b8c4cf;box-shadow:inset 0 1px 2px #0001;color:#52616f;padding:0 10px}
.modern-search input{min-width:0;flex:1;width:100%;height:36px;border:0;background:transparent;color:#172b3e;font:14px var(--os-font);outline:none}
.modern-search label:focus-within{outline:2px solid #268cdb;outline-offset:-2px}
:root[data-os] #start-menu .modern-search svg{width:18px;height:18px}
.modern-search-results{padding:6px 16px 20px;min-height:200px}.modern-search-results [data-search-count]{font:12px var(--os-font);margin:10px 0}.modern-search-results [data-search-list]>button{width:100%}
:root:is([data-os=vista],[data-os="10"],[data-os="11"]) .clock-era{font-family:var(--os-font);font-size:12px}
/* Aero Glass: luminous blue glass, compact glossy caption buttons, round Start orb. */
:root[data-os=vista]{--chrome:#f0f2f4;--paper:#fff;--sidebar:#edf3f9;--navy:#287bac;--ink:#182b3b;--muted:#596b79;--line:#ccd8e2;--os-border:#60839e;--os-title:linear-gradient(#cce7f4bb,#8aabc9aa 50%,#7b9bbabb);--os-inactive:linear-gradient(#dae7edcc,#b0c5d8aa)}
:root[data-os=vista] :is(.main-window,.app-window,.detail-window){padding:5px;background:linear-gradient(130deg,#edfaffb8,#83a6bec4 45%,#dceff5a8);backdrop-filter:blur(12px);border:1px solid #3d586c;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffffa0,0 6px 24px #0007}
:root[data-os=vista].desktop-ready [data-window-id]>.titlebar,:root[data-os=vista] .dialog-titlebar{height:31px;min-height:31px;padding:0 0 4px 4px;background:transparent;border:0;color:#102435}
:root[data-os=vista].desktop-ready [data-window-id]:not(.is-focused)>.titlebar{background:transparent;color:#536978}
:root[data-os=vista] .window-title{font:12px var(--os-font);font-weight:400;text-shadow:0 0 4px #fff,0 0 8px #fff,0 1px 1px #fff;max-width:calc(100% - 106px)}
:root[data-os=vista] .window-controls{gap:0;align-self:flex-start;margin-top:-5px}
:root[data-os=vista] .window-controls>.chrome-icon-button,:root[data-os=vista] .dialog-close{width:29px;height:21px;min-width:29px;min-height:21px;color:#172d3e;border:1px solid #516e83;background:linear-gradient(#f8feffa8,#b7d3e56b 45%,#6489a988 46%,#c4dceb7a);box-shadow:inset 0 0 0 1px #ffffff7f;border-radius:0 0 3px 3px}
:root[data-os=vista] .window-controls>.chrome-icon-button[data-chrome-icon=close],:root[data-os=vista] .dialog-close{width:46px;background:linear-gradient(#f4b4a7,#d26758 48%,#b53d2a 50%,#d98771);color:#fff;border-color:#744132;text-shadow:0 1px #611;box-shadow:inset 0 0 0 1px #ffd8c866}
:root[data-os=vista] .window-controls>button:hover{box-shadow:0 0 7px #4dbfff,inset 0 0 0 1px #fff;filter:brightness(1.15)}
:root[data-os=vista] .is-maximized{border-radius:0;background:#294654;padding:1px;backdrop-filter:none}:root[data-os=vista] .is-maximized>.titlebar{padding-top:3px!important}:root[data-os=vista] .is-maximized .window-title{color:#fff;text-shadow:0 1px #123}
:root[data-os=vista] .window-menubar,:root[data-os=vista] .addressbar{background:linear-gradient(#fbfdff,#e2edf5);border-color:#b6c8d8}:root[data-os=vista] .explorer-layout{border:1px solid #7d99ac;margin-top:0}:root[data-os=vista] .window-statusbar{background:#edf4fa}
:root[data-os=vista] .taskbar{background:linear-gradient(#3d536cdb,#13263cef 48%,#071322f2 50%,#122d40f0);border-top:1px solid #b9cadd;min-height:40px;padding:2px 7px;gap:8px;box-shadow:0 -1px #263c52;backdrop-filter:blur(14px)}
:root[data-os=vista] .start-button{flex:none;width:39px;height:39px;min-height:39px;padding:6px;border:1px solid #8ab7d5;border-radius:50%;background:radial-gradient(ellipse at 50% 16%,#e9fcff 0,#528ca7 28%,#132b47 53%,#164d68 72%,#55ccf3 100%);box-shadow:inset 0 1px 2px #fff,0 0 3px #000;color:#fff}
:root[data-os=vista] .start-button:hover,:root[data-os=vista] .start-button[aria-expanded=true]{filter:brightness(1.25);box-shadow:0 0 9px #42d3ff;border-radius:50%}
:root[data-os=vista] .start-button svg{width:26px;height:26px;filter:drop-shadow(0 1px 1px #000)}
:root[data-os=vista] .task-list .task-button{color:#fff;min-height:31px;border:1px solid #98b7cf70;border-radius:3px;background:linear-gradient(#bddef534,#50739540);box-shadow:inset 0 0 0 1px #fff2;text-shadow:0 1px 2px #000;font-weight:400}
:root[data-os=vista] .task-list .task-button.is-active{background:linear-gradient(#b9dcf16b,#477e9d80);box-shadow:inset 0 -2px 8px #a5def7a0;border-color:#b4def0}
:root[data-os=vista] .quick-desktop{background:transparent;color:#c6e3f9;border:1px solid #a0c2d647;box-shadow:none}
:root[data-os=vista] .taskbar>.clock-era{color:#fff;border:0;border-left:1px solid #ffffff38;box-shadow:inset 1px 0 #0003;background:#0c203b42;padding-left:7px}
:root[data-os=vista] #start-menu{width:402px;border:1px solid #3c637b;border-radius:8px 8px 0 0;background:linear-gradient(120deg,#546f83ed,#183448f5);padding:6px;box-shadow:inset 0 0 0 1px #ffffff60,0 4px 24px #0006;color:#fff}
.vista-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:7px}.vista-apps{background:#fff;color:#1b2832;border:1px solid #abbccc;border-radius:4px;padding:6px 2px;min-width:0}.vista-places{padding:9px 2px 2px;min-width:0}.vista-places>strong{display:block;padding:6px 12px 12px;font-weight:600}.vista-avatar{width:56px;height:56px;margin:0 auto 0 12px;border:2px solid #d8eaf7;border-radius:5px;background:linear-gradient(#d2e9fb,#8baab9);box-shadow:0 1px 5px #0006;display:grid;place-items:center}.vista-avatar svg{width:40px!important;height:40px!important}
:root[data-os=vista] .vista-apps>button,:root[data-os=vista] .vista-places>button{width:100%;min-height:43px}:root[data-os=vista] #start-menu .vista-places>button{font-size:12px;padding:8px 10px}:root[data-os=vista] .vista-places>button>svg{display:none}:root[data-os=vista] #start-menu .vista-apps button:hover{background:linear-gradient(#f4fcff,#cde6f6);border-color:#9cc9e3;color:#1b3549;border-radius:3px}:root[data-os=vista] #start-menu .vista-places button:hover{background:#fff2;color:#fff;border-color:#fff5;border-radius:3px}
:root[data-os=vista] .modern-search{padding:9px 1px 1px}:root[data-os=vista] .modern-search label{border-color:#314957}:root[data-os=vista] .modern-search input{height:28px;font-size:12px}:root[data-os=vista] .modern-search-results{background:#fff;color:#1a2b38;border-radius:4px}:root[data-os=vista] .start-submenu{background:#fff;border:1px solid #7494ac;color:#192a36;border-radius:3px}
/* Windows 10: flat white caption bars, sharp corners and a charcoal live-tile menu. */
:root[data-os="10"]{--chrome:#f4f4f4;--paper:#fff;--sidebar:#f2f2f2;--navy:#0078d7;--ink:#202020;--muted:#606060;--line:#dedede;--os-border:#aaa;--os-title:#fff;--os-inactive:#f7f7f7}
:root:is([data-os="10"],[data-os="11"]) :is(.main-window,.app-window,.detail-window){padding:0;border:1px solid #aeb4bc;background:var(--chrome);box-shadow:0 8px 26px #0003}
:root:is([data-os="10"],[data-os="11"]).desktop-ready [data-window-id]>.titlebar,:root:is([data-os="10"],[data-os="11"]) .dialog-titlebar{height:34px;min-height:34px;padding:0 0 0 12px;background:var(--os-title);border:0;color:var(--ink)}
:root:is([data-os="10"],[data-os="11"]).desktop-ready [data-window-id]:not(.is-focused)>.titlebar{background:var(--os-inactive);color:#6b7075}
:root:is([data-os="10"],[data-os="11"]) .window-title{font-size:12px;font-weight:400;text-shadow:none;max-width:calc(100% - 144px)}
:root:is([data-os="10"],[data-os="11"]) .window-controls{height:100%;gap:0}
:root:is([data-os="10"],[data-os="11"]) .window-controls>.chrome-icon-button,:root:is([data-os="10"],[data-os="11"]) .dialog-close{width:46px;height:100%;min-width:46px;min-height:32px;background:transparent;border:0;box-shadow:none;border-radius:0;color:#222}
:root:is([data-os="10"],[data-os="11"]) .window-controls>button:hover{background:#e6e6e6}:root:is([data-os="10"],[data-os="11"]) .window-controls>button[data-chrome-icon=close]:hover,:root:is([data-os="10"],[data-os="11"]) .dialog-close:hover{background:#e81123;color:#fff}
:root:is([data-os="10"],[data-os="11"]) .window-controls .chrome-glyph{shape-rendering:auto}
:root:is([data-os="10"],[data-os="11"]) :is(.window-menubar,.addressbar){background:var(--chrome);border-color:#ddd}:root:is([data-os="10"],[data-os="11"]) .explorer-layout{margin:0;border:0;border-top:1px solid #dedede}
:root:is([data-os="10"],[data-os="11"]) .window-statusbar{background:#f8f8f8;border:0}:root:is([data-os="10"],[data-os="11"]) .window-statusbar>span{border:0;box-shadow:none}
:root:is([data-os="10"],[data-os="11"]) :is(.bevel-button:not(.start-button),.view-button){background:#f8f8f8;border:1px solid #bcbcbc;box-shadow:none;color:#222}
:root:is([data-os="10"],[data-os="11"]) .folder-button.is-active{background:#d5ebfc;color:#111;border-color:transparent}:root:is([data-os="10"],[data-os="11"]) .folder-button:hover{background:#e7f1f8}:root:is([data-os="10"],[data-os="11"]) .folder-nav{background:none;border:0;padding:0}
:root[data-os="10"] .taskbar{background:#171717ee;color:#fff;border:0;box-shadow:none;min-height:44px;padding:0;gap:0;backdrop-filter:blur(16px)}
:root[data-os="10"] .start-button{flex:none;background:transparent;border:0;box-shadow:none;color:#fff;width:48px;min-width:48px;min-height:44px;align-self:stretch;padding:11px;border-radius:0}:root[data-os="10"] .start-button svg{width:22px;height:22px}
:root[data-os="10"] .start-button:hover,:root[data-os="10"] .start-button[aria-expanded=true]{background:#ffffff18;box-shadow:none;color:#58bbff}
:root[data-os="10"] .quick-desktop{background:transparent;border:0;color:#fff;box-shadow:none;min-height:42px;width:36px}
:root[data-os="10"] .task-list{gap:3px}:root[data-os="10"] .task-list .task-button{background:transparent;border:0;border-bottom:2px solid #77bcf0;border-radius:0;color:#fff;box-shadow:none;min-height:44px;font-weight:400;padding:4px 12px;margin:0;max-width:180px}:root[data-os="10"] .task-list .task-button.is-active{background:#fff2;border-bottom-color:#54b8ff}
:root[data-os="10"] .taskbar>.clock-era{background:#ffffff08;color:#fff;border:0;border-left:1px solid #ffffff29;box-shadow:none;padding:0 7px;margin-left:4px}
:root[data-os="10"] #start-menu{width:648px;background:#242424f5;color:#fff;border:1px solid #4d4d4d;border-radius:0;padding:0;box-shadow:0 5px 24px #0006}
.ten-layout{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,1.16fr);gap:5px;padding:0 12px 14px 0}.ten-rail{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.ten-apps,.ten-pins{min-width:0}.ten-apps h3,.ten-pins h3{font:400 13px var(--os-font);margin:12px 9px 10px;color:#e6e6e6}.ten-apps>button{width:100%;min-height:43px}:root[data-os="10"] #start-menu .ten-rail button{width:44px;height:48px;justify-content:center;padding:8px}.ten-rail button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ten-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ten-tiles>button{aspect-ratio:1.25;flex-direction:column;justify-content:center!important;position:relative;min-height:98px}
:root[data-os="10"] #start-menu .ten-tiles>button{background:#0078d7;color:#fff;border:2px solid #ffffff12;padding:10px 6px 25px}:root[data-os="10"] #start-menu .ten-tiles>button:nth-child(3n+2){background:#007b78}:root[data-os="10"] #start-menu .ten-tiles>button:nth-child(3n){background:#70419f}
:root[data-os="10"] #start-menu .ten-tiles>button>svg{width:36px;height:36px}.ten-tiles>button>span{position:absolute;bottom:6px;left:8px;right:5px;font-size:11px}
:root[data-os="10"] #start-menu button:hover,:root[data-os="10"] #start-menu button:focus-visible{background:#ffffff18;color:#fff;border-color:#ffffff55}:root[data-os="10"] #start-menu .ten-tiles>button:hover{outline:2px solid #ffffff80;outline-offset:-2px;filter:brightness(1.1)}
:root[data-os="10"] .modern-search{padding:12px 14px}:root[data-os="10"] .modern-search label{background:#fff;border:0}:root[data-os="10"] .start-submenu{background:#2e2e2e;border:1px solid #686868;color:#fff}
/* Windows 11: rounded light Mica-inspired surfaces and a centered launcher group. */
:root[data-os="11"]{--chrome:#f5f7fa;--paper:#fff;--sidebar:#f3f6fb;--navy:#0067c0;--ink:#1b2533;--muted:#606878;--line:#dfe5ed;--os-border:#cdd7e3;--os-title:#edf2fa;--os-inactive:#f5f7fa}
:root[data-os="11"] :is(.main-window,.app-window,.detail-window){background:#f5f7fa;border:1px solid #fff9;border-radius:9px;box-shadow:0 1px 3px #0003,0 10px 34px #22365338}
:root[data-os="11"].desktop-ready [data-window-id]>.titlebar,:root[data-os="11"] .dialog-titlebar{background:linear-gradient(115deg,#f5f7fbdc,#e9f0faed);border-radius:8px 8px 0 0;height:38px;min-height:38px}
:root[data-os="11"] .window-controls>button[data-chrome-icon=close]{border-radius:0 8px 0 0}
:root[data-os="11"] .is-maximized{border-radius:0;box-shadow:none}:root[data-os="11"] .is-maximized>.titlebar,:root[data-os="11"] .is-maximized .window-controls>button{border-radius:0!important}
:root[data-os="11"] .window-menubar{border-bottom:1px solid #e1e7ee}:root[data-os="11"] .window-menubar>button{border-radius:4px;padding:6px 10px}:root[data-os="11"] .window-menubar>button:hover{background:#e3ecf7;box-shadow:none}
:root[data-os="11"] .addressbar{background:#f9fafc;padding:8px}:root[data-os="11"] .explorer-navigation input,:root[data-os="11"] .browser-url{border:1px solid #d3dbe5;border-bottom-color:#abb9c8;border-radius:5px;background:#fff}
:root[data-os="11"] :is(.bevel-button:not(.start-button),.view-button,.version-option){border-radius:5px}:root[data-os="11"] .project-card{border-radius:6px;overflow:hidden}:root[data-os="11"] .folder-button{border-radius:4px;margin-bottom:2px}:root[data-os="11"] .program-icon:hover{background:#e4eefb;border-radius:5px}
:root[data-os="11"] .taskbar{background:#e9f1fce8;backdrop-filter:blur(24px);color:#1b2d43;border-top:1px solid #ffffffbd;box-shadow:0 -1px 0 #b9c7d766;min-height:49px;height:auto;padding:0 6px;gap:0}
:root[data-os="11"] .win11-launchers{position:absolute;top:0;bottom:0;display:flex;align-items:center;gap:4px;max-width:calc(100% - 118px);min-width:0}
:root[data-os="11"] .win11-launchers .task-list{flex:0 1 auto;min-width:0;max-width:100%;overflow-x:auto;gap:3px;scrollbar-width:none}
:root[data-os="11"] .win11-launchers .task-list .task-button{flex:0 0 40px;width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;border:0;border-radius:4px;background:transparent;box-shadow:none;color:#17263d;position:relative;margin:0;padding:7px;justify-content:center}
:root[data-os="11"] .task-button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
:root[data-os="11"] .task-list .task-button.is-active{background:#ffffffb0!important}:root[data-os="11"] .task-button.is-active:after{content:'';position:absolute;bottom:2px;width:16px;height:3px;background:#0078d4;border-radius:2px}
:root[data-os="11"] .task-button svg{width:26px;height:26px}:root[data-os="11"] .start-button{flex:0 0 40px;width:40px;min-width:40px;height:40px;min-height:40px;max-height:40px;margin:0;padding:9px;border:0;border-radius:5px;background:transparent;box-shadow:none;color:#087acb}
:root[data-os="11"] .start-button svg{width:24px;height:24px}:root[data-os="11"] .start-button[aria-expanded=true],:root[data-os="11"] .start-button:hover{background:#ffffffb0;box-shadow:none}
:root[data-os="11"] .quick-desktop{flex:none;background:transparent;color:#556b81;border:0;box-shadow:none;width:34px;height:40px;min-height:40px;border-radius:4px}:root[data-os="11"] .quick-desktop:hover{background:#fff8}:root:is([data-os="10"],[data-os="11"]) .task-separator{display:none}
:root[data-os="11"] .taskbar>.clock-era{margin-left:auto;border:0;border-left:1px solid #adbdcf66;box-shadow:none;background:#ffffff28;color:#21354a;font-family:var(--os-font);padding:0 5px;min-height:48px}
:root[data-os="11"] #start-menu{width:620px;left:max(4px,calc(50% - 310px));bottom:calc(var(--taskbar-height,49px) + 10px);max-height:max(0px,calc(var(--desk-height,100dvh) - var(--taskbar-height,49px) - 22px));background:linear-gradient(135deg,#f1f6fefa,#e5eefbfa);color:#172333;border:1px solid #ffffffb5;border-radius:9px;box-shadow:0 10px 34px #17344e42;padding:0}
.eleven-menu>.modern-search{padding:26px 30px 16px!important}.eleven-menu .modern-search label{border-radius:20px;border:1px solid #c8d4e4;border-bottom-color:#6e90b4;background:#ffffffcc}.eleven-menu .modern-search input{height:34px;font-size:13px}
.eleven-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 32px}.eleven-heading h3{font:600 14px var(--os-font);margin:0}.eleven-heading small{font:11px var(--os-font);color:#6b7989}
:root[data-os="11"] #start-menu .eleven-heading .start-parent{background:#ffffffab;padding:3px 8px;border:1px solid #c9d4e080;border-radius:4px;min-height:27px;font-size:12px;gap:7px}.eleven-heading .start-parent>svg{display:none}.eleven-heading .start-parent>b{font-size:12px;color:#637386}
.eleven-pins{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:8px 20px 16px;gap:3px}
:root[data-os="11"] #start-menu .eleven-pins>button{flex-direction:column;align-items:center;text-align:center;min-height:84px;padding:12px 3px 6px;border-radius:5px;font-size:11px;gap:7px}:root[data-os="11"] #start-menu .eleven-pins svg{width:32px;height:32px}
.eleven-recommended{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:2px 27px 25px}:root[data-os="11"] #start-menu .eleven-recommended>button{border-radius:5px;min-height:52px;font-size:12px;gap:12px}
.eleven-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 34px;background:#dce8f68a;border-top:1px solid #cad8e957}.modern-user{display:flex;align-items:center;gap:12px;font:13px var(--os-font)}.modern-user>svg{width:28px;height:28px}
:root[data-os="11"] #start-menu .eleven-footer>button{padding:8px;border-radius:5px}.eleven-footer>button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:root[data-os="11"] #start-menu .eleven-footer>button svg{width:19px;height:19px}
:root[data-os="11"] .start-submenu{background:#eff4fc;border:1px solid #b9cadd;border-radius:7px;color:#21384c}
/* Appearance-picker previews use the same artwork and distinctive era geometry. */
.version-mini[data-preview-os=vista]{background:#204853 url('wallpapers/winvista-aurora-thumb.jpg') center/cover}.version-mini[data-preview-os=vista]>i{background:#ffffff9c;border:3px solid #b9dce7aa;border-radius:5px}.version-mini[data-preview-os=vista]>i:before{background:linear-gradient(#d4eefaaa,#5b83a780)}.version-mini[data-preview-os=vista]>b{background:#122c42;border-color:#a2c7df}.version-mini[data-preview-os=vista]>b:before{left:2px;top:-4px;width:15px;height:15px;border-radius:50%;background:radial-gradient(#65b6ba,#1c4671);border:1px solid #a5daed}
.version-mini[data-preview-os="10"]{background:#052851 url('wallpapers/win10-hero-thumb.jpg') center/cover}.version-mini[data-preview-os="10"]>i{background:#fff;border:1px solid #888}.version-mini[data-preview-os="10"]>i:before{background:#f7f7f7;height:9px;border-bottom:1px solid #ddd}.version-mini[data-preview-os="10"]>b{background:#171717;border:0}.version-mini[data-preview-os="10"]>b:before{background:#eee;width:8px;height:8px;border:0}
.version-mini[data-preview-os="11"]{background:#c4dbf1 url('wallpapers/win11-bloom-thumb.jpg') center/cover}.version-mini[data-preview-os="11"]>i{background:#fff;border:1px solid #ffffffb3;border-radius:5px;box-shadow:0 2px 4px #0003}.version-mini[data-preview-os="11"]>i:before{background:#e9eff7;border-radius:3px;height:9px}.version-mini[data-preview-os="11"]>b{background:#e6effbf0;border:0}.version-mini[data-preview-os="11"]>b:before{left:45%;background:#1684d6;width:8px;height:8px;border:0}
:root:is([data-os="10"],[data-os="11"]) .version-option{background:#fff;border:1px solid #c4ccd5;box-shadow:none}:root[data-os="11"] .version-option[aria-pressed=true]{outline-color:#3284cb;background:#edf6ff}
/* The web-only power overlay keeps the selected era instead of reverting to XP. */
.power-screen[data-power-os=vista]{background:radial-gradient(ellipse at 35% 120%,#5298b4,#092532 70%);color:#fff}.power-screen[data-power-os=vista] .boot-brand{font:300 38px 'Segoe UI',sans-serif}
.power-screen:is([data-power-os="10"],[data-power-os="11"]){background:#0067b8;color:#fff}.power-screen:is([data-power-os="10"],[data-power-os="11"]) .boot-brand{font:300 32px 'Segoe UI',sans-serif}.power-screen:is([data-power-os="10"],[data-power-os="11"]) .boot-flag{transform:none;gap:4px}.power-screen:is([data-power-os="10"],[data-power-os="11"]) .boot-flag i{background:#fff!important;box-shadow:none;border:0;border-radius:0}
.power-screen[data-power-os="11"] .boot-progress{width:26px;height:26px;border:3px solid #fff4;border-top-color:#fff;border-radius:50%;background:none;animation:modern-spin 1s linear infinite}.power-screen[data-power-os="11"] .boot-progress>span{display:none}@keyframes modern-spin{to{transform:rotate(360deg)}}
@media(max-width:820px){
 :root:is([data-os=vista],[data-os="10"],[data-os="11"]) .window-controls>.chrome-icon-button{width:34px!important;height:30px!important;min-width:34px;min-height:30px}
 :root[data-os=vista] .window-controls>.chrome-icon-button[data-chrome-icon=close]{width:42px!important}:root[data-os=vista] .window-controls{margin-top:0}
 :root:is([data-os=vista],[data-os="10"],[data-os="11"]).desktop-ready [data-window-id]>.titlebar{min-height:36px;height:36px;padding:2px 2px 2px 7px!important}
 :root:is([data-os=vista],[data-os="10"],[data-os="11"]) .window-title{max-width:calc(100% - 112px)!important}
 :root:is([data-os=vista],[data-os="10"],[data-os="11"]) .taskbar{padding-bottom:calc(2px + env(safe-area-inset-bottom,0px));min-height:48px}
 :root[data-os="11"] .win11-launchers{bottom:env(safe-area-inset-bottom,0px)}
 :root[data-os=vista] #start-menu button{padding:7px 7px;font-size:12px;min-height:39px}.vista-places>strong{padding-bottom:6px}.vista-avatar{width:45px;height:45px}.vista-avatar>svg{width:33px!important;height:33px!important}
 :root[data-os="10"] #start-menu{width:620px}.ten-layout{grid-template-columns:38px minmax(0,1fr) minmax(0,1.06fr);padding-right:8px;gap:3px}:root[data-os="10"] #start-menu button{font-size:12px;padding:8px 5px;gap:6px}:root[data-os="10"] #start-menu .ten-rail button{width:36px}.ten-tiles>button{min-height:78px;aspect-ratio:1}:root[data-os="10"] #start-menu .ten-tiles svg{width:29px;height:29px}.ten-apps h3,.ten-pins h3{font-size:12px;margin-left:5px}
 :root[data-os="11"] .taskbar .clock-era{font-size:11px}.eleven-menu>.modern-search{padding:18px 18px 10px!important}.eleven-heading{padding:9px 22px}.eleven-pins{padding:4px 12px 12px;grid-template-columns:repeat(4,minmax(0,1fr))}.eleven-recommended{padding:2px 17px 18px}.eleven-footer{padding:10px 24px}
}
@media(max-width:480px){
 :root[data-os=vista] #start-menu{width:calc(100vw - 6px)}.vista-columns{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
 :root[data-os="10"] #start-menu{width:calc(100vw - 6px)}.ten-layout{grid-template-columns:34px minmax(0,1fr) minmax(0,1fr);gap:0;padding-right:6px}.ten-tiles{gap:4px}.ten-tiles>button{aspect-ratio:auto;min-height:74px}:root[data-os="10"] #start-menu .ten-tiles>button{padding:6px 2px 24px}.ten-tiles>button>span{font-size:9px;left:4px;right:2px}.ten-apps>button>span{font-size:11px}:root[data-os="10"] #start-menu .ten-apps svg{width:22px;height:22px}
 .eleven-pins{grid-template-columns:repeat(3,minmax(0,1fr))}:root[data-os="11"] #start-menu .eleven-pins>button{min-height:70px;padding:6px 3px;font-size:11px}.eleven-heading{padding:8px 20px}.eleven-heading small{font-size:10px}.eleven-recommended{gap:0}:root[data-os="11"] #start-menu .eleven-recommended>button{font-size:11px;padding:7px 6px}.eleven-menu .modern-search input{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.power-screen[data-power-os="11"] .boot-progress{animation:none}:root:is([data-os=vista],[data-os="10"],[data-os="11"]) *{scroll-behavior:auto}}
@media(forced-colors:active){:root:is([data-os=vista],[data-os="10"],[data-os="11"]) :is(.window,.taskbar,#start-menu){background:Canvas;color:CanvasText;border:1px solid CanvasText;backdrop-filter:none;box-shadow:none}.ten-tiles>button{border:1px solid ButtonText!important}}