/* Vista proportions at 96 DPI. 9 pt = 12 CSS px. See docs/vista-reference.md. */
@font-face{font-family:Selawik;src:url('/static/fonts/selawik/selawk.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Selawik;src:url('/static/fonts/selawik/selawkb.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}
:root{--system-font:'Segoe UI',Selawik,Tahoma,Arial,sans-serif;--taskbar:30px;--ink:#000}
body{font:12px/1.35 var(--system-font)}
button,input,textarea{font-family:var(--system-font)}
.desktop-shortcuts{top:9px;left:6px;grid-template-rows:repeat(8,88px);gap:2px;grid-auto-flow:column}
.desktop-shortcut{width:78px;min-height:86px;padding:5px 2px;gap:4px;border-radius:3px;position:relative}
.desktop-shortcut svg{width:48px;height:48px;filter:drop-shadow(1px 2px 1px #0007)}
.desktop-shortcut span{font-size:12px;line-height:15px;color:#fff;text-shadow:0 1px 2px #000,1px 0 2px #000}
.desktop-shortcut:hover,.desktop-shortcut:focus-visible{border-color:#c6e8ff85;background:linear-gradient(#d5eeff29,#98c5ed32);box-shadow:inset 0 0 0 1px #ffffff26}
.desktop-gadgets{top:20px;right:18px;gap:20px}
.desktop-gadgets:before{content:'';position:fixed;right:0;top:0;bottom:var(--taskbar);width:186px;z-index:-1;background:linear-gradient(90deg,transparent,#070e1759);pointer-events:none}
.app-window{border:1px solid #162532;border-radius:7px 7px 5px 5px;padding:0 7px 7px;background:linear-gradient(116deg,#f4fbff9c 0%,rgb(var(--aero) / .78) 14%,rgb(var(--aero) / .4) 26%,#e7f4ff91 47%,rgb(var(--aero) / .53) 52%,rgb(var(--aero) / .80) 76%,#d3e7ee80);box-shadow:inset 0 0 0 1px #e9f7ffc9,0 5px 15px #0009;backdrop-filter:blur(9px) saturate(1.2);-webkit-backdrop-filter:blur(9px) saturate(1.2)}
.app-window.is-active{box-shadow:inset 0 0 0 1px #effaffd9,0 7px 20px #000b}
.app-window:not(.is-active){background:linear-gradient(115deg,#cdd7de9c,#89949b96 50%,#c1cdd399);box-shadow:inset 0 0 0 1px #e3ebef77,0 4px 12px #0006}
.window-titlebar{height:29px;gap:5px;padding-left:0}
.window-titlebar>svg{width:16px;height:16px}
.window-title{font:400 12px/18px var(--system-font);color:#000;letter-spacing:0;text-shadow:0 0 3px #fff,0 0 6px #fff,0 0 9px #fff;overflow:visible}
.window-controls{margin-right:-1px;border-color:#455964;border-radius:0 0 4px 4px;overflow:visible;height:20px}
.window-controls button{position:relative;display:block;width:27px;height:19px;padding:0;font-size:0;border-color:#5a6b78;background:linear-gradient(#f5fbff9c,#d4e4ee70 45%,#7996ac75 50%,#c5deec7d);box-shadow:inset 0 0 0 1px #ffffff70}
.window-controls button:first-child{border-radius:0 0 0 3px}
.window-controls button:last-child{width:47px;border-radius:0 0 3px 0;background:linear-gradient(#ecc4b7,#d38e7e 43%,#af452c 50%,#c87558);box-shadow:inset 0 0 0 1px #ffe7d47a}
.window-controls button:before,.window-controls button:after{content:'';position:absolute;box-sizing:border-box;filter:drop-shadow(0 1px 0 #ffffffae)}
.window-controls [data-window-action=minimize]:before{width:8px;height:3px;background:#17232c;bottom:4px;left:9px}
.window-controls [data-window-action=maximize]:before{width:10px;height:9px;border:1px solid #17232c;border-top-width:2px;left:8px;top:5px}
.is-maximized .window-controls [data-window-action=maximize]:before{width:8px;height:7px;left:8px;top:7px}
.is-maximized .window-controls [data-window-action=maximize]:after{width:8px;height:7px;border:1px solid #17232c;border-top-width:2px;left:11px;top:4px}
.window-controls [data-window-action=close]:before,.window-controls [data-window-action=close]:after{width:11px;height:2px;left:18px;top:8px;background:#fff;box-shadow:0 0 1px #692211;filter:none;transform:rotate(45deg)}
.window-controls [data-window-action=close]:after{transform:rotate(-45deg)}
.window-controls button:hover{background:linear-gradient(#e2f6ff,#81c9ed 44%,#1980b9 50%,#70c7ec);box-shadow:0 0 9px 2px #50c9ffab,inset 0 0 0 1px #e2f9ff}
.window-controls button:last-child:hover{background:linear-gradient(#f9c6b0,#e78c60 44%,#c64316 50%,#e99769);box-shadow:0 0 9px 2px #ef6428aa,inset 0 0 0 1px #ffdfb6}
.app-window.is-maximized{background:#070b10;border-color:#070b10;padding-top:0}
.is-maximized .window-title{color:#fff;text-shadow:none}
.window-content{border:1px solid #536775;box-shadow:0 0 0 1px #ffffff8c;background:#fff;color:#000}
.window-toolbar{height:34px;background:linear-gradient(#dce8ef,#bed0db);padding:3px 5px;gap:5px}
.navigation-buttons{gap:2px;padding-right:5px}
.navigation-buttons button{width:27px;height:27px;font-size:0;position:relative;opacity:1}
.navigation-buttons button:before{content:'';position:absolute;width:9px;height:9px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);left:10px;top:7px;filter:drop-shadow(0 1px 1px #244d68)}
.navigation-buttons .toolbar-forward:before{transform:rotate(225deg);left:7px}
.navigation-buttons button:disabled{filter:saturate(.25);opacity:.65}
.address-bar,.explorer-search{height:22px;border:1px solid #8195a2;background:#fff;box-shadow:inset 0 1px 2px #00000012}
.address-bar{gap:8px;font-size:12px;color:#171717;min-width:0;overflow:hidden;padding:0 5px}
.address-bar>svg{width:16px;height:16px;flex-shrink:0}
.explorer-search{width:145px}.explorer-search input{font-size:12px;font-style:italic;color:#333;padding:1px 5px}
.explorer-commandbar{height:29px;background:linear-gradient(#f1f7fd 0%,#d9e8f5 44%,#c1d6ed 48%,#e4eef8);border-top:1px solid #fbfdff;border-bottom:1px solid #a6b9cb;color:#142c43;padding:0 5px;gap:3px}
.explorer-commandbar button,.explorer-commandbar a{font-size:12px;padding:3px 7px;line-height:18px}
.explorer-sidebar{width:157px;background:linear-gradient(90deg,#f7f9fc,#edf3fa);padding:13px 7px;color:#000}
.explorer-sidebar h3{font-size:12px;color:#0c3973;font-weight:400;margin:0 0 5px 5px}
.explorer-sidebar button{font-size:12px;color:#000;line-height:18px;padding:2px 4px;gap:5px}
.explorer-sidebar button svg{width:16px;height:16px;flex-shrink:0}
.explorer-sidebar>a{font-size:12px;color:#0066cc;line-height:1.4;padding:4px}
.explorer-sidebar hr{margin:14px 2px;border-color:#d5dfeb}
.welcome-main{container-type:inline-size}
.welcome-banner{padding:17px 18px 15px;background:linear-gradient(110deg,#f8fbff,#e5f0f8);border-bottom:1px solid #cadbe9;gap:10px;min-height:86px}
.welcome-banner small{font:12px var(--system-font);letter-spacing:0;color:#40576b}
.welcome-banner h1{font:400 21px/1.2 var(--system-font);letter-spacing:0;color:#003399;margin:4px 0}
.welcome-banner>img{width:51px;height:51px;mix-blend-mode:normal;background:#10212c;border:1px solid #8297a8;border-radius:5px;box-shadow:0 0 0 2px #fff,inset 0 1px 3px #ffffff70}
.welcome-apps{padding:17px 17px 12px}
.welcome-apps h2{font:400 15px var(--system-font);color:#003399;margin:0 0 12px}
.welcome-apps h2:after{background:#b6cee4}
.app-row{min-height:66px;padding:6px 4px;gap:10px;border:1px solid transparent;border-radius:3px;color:#000}
.app-row svg{width:48px;height:48px}
.app-row>span{font-size:12px;line-height:17px}
.app-row small{font-size:12px;line-height:16px;color:#526171;margin-top:1px}
.app-row:hover{background:linear-gradient(#f1f9ff,#deeffc);border-color:#b8d6ef;box-shadow:inset 0 0 0 1px #fff}
.welcome-status{height:52px;background:linear-gradient(#f5faff,#e0edf8);border-top:1px solid #abc3d9;color:#152c40;font-size:12px;padding:5px 11px}
.welcome-status>svg{width:32px;height:32px}.welcome-status small{font-size:12px;color:#44596b}.welcome-status>a{font-size:12px;color:#0066cc}
@container(min-width:520px){.app-row{width:50%;float:left}.welcome-apps:after{content:'';display:block;clear:both}}
.taskbar{height:var(--taskbar);padding:0 8px 0 6px;gap:7px;background:linear-gradient(#a6b3bb9c 0%,#5b707ba8 3%,#3a535e91 45%,#07141bf2 49%,#172d39ee);border-top:1px solid #8ea3b299;box-shadow:0 -1px 0 #000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.start-button{width:38px;height:38px;margin-top:-7px;border:1px solid #05111c;overflow:hidden;box-shadow:inset 0 0 3px #e7f9ff,0 1px 3px #0008}
.start-button img{width:29px;height:29px}.start-button:after{inset:3px 5px 19px}
.quick-launch{gap:5px;padding:0 8px 0 1px;border-right:1px solid #c1d1db5c;height:23px;align-items:center}
.quick-launch button{padding:1px}.quick-launch svg{width:16px;height:16px}
.task-buttons{height:25px;gap:3px;overflow:hidden}.task-button{max-width:160px;flex-basis:160px;padding:2px 6px;font-size:12px;gap:5px;border:1px solid #6c818d;border-radius:3px;background:linear-gradient(#7894a64d,#b9cedc25 44%,#213b4b69 48%,#617a8b48);box-shadow:inset 0 0 0 1px #d8e8f22b;color:#fff}
.task-button svg{width:16px;height:16px}.task-button.is-active{background:linear-gradient(#7394a0a6,#5a818d80 44%,#253f4e9c 49%,#85b2b79c);border-color:#9cc5d4;box-shadow:inset 0 1px 4px #0008}
.system-tray{height:25px;gap:8px;padding-left:8px}.tray-time{font-size:12px;min-width:58px}.system-tray button{font-size:17px}
.start-menu{width:386px;padding:7px;gap:6px;border-radius:6px 6px 0 0;background:linear-gradient(112deg,#bfdae575,rgb(var(--aero) / .89) 27%,var(--theme-deep) 67%,rgb(var(--aero) / .76));backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.start-left{border-color:#5e7282}.start-apps{padding:4px 2px}.start-apps button{font-size:12px;min-height:40px;padding:4px 5px;gap:8px;color:#000}.start-apps svg{width:32px;height:32px}
.start-search{padding:8px 7px}.start-search input{height:23px;font-size:12px;font-style:italic;padding:2px 24px 2px 5px;border-color:#788b9c}
.start-right{width:139px;padding:1px 2px 0}.start-profile{padding:0 0 7px;gap:7px}.profile-orb{width:54px;height:54px;border:3px solid #c2d3dd;border-radius:5px}
.start-right>button,.start-right>a{font-size:12px;padding:7px 7px;line-height:18px}.start-footer button{font-size:11px;min-height:26px;padding:2px}
.appearance-heading h1{font-size:16px;color:#003399}.appearance-heading p,.theme-choice small,.theme-status,.sound-settings-link{font-size:12px;color:#304b62}.theme-choice strong{font-size:12px;color:#000}
.notes-toolbar,.notes-status,.embedded-toolbar,.embedded-toolbar a{font-size:12px;color:#253441}
.media-tabs,.sound-presets button,.media-track,.media-track small,.sound-mixer span,.video-list,.video-list>span{font-size:12px}.media-art p{font-size:12px;letter-spacing:0;color:#dae5ed}.media-track small{opacity:1;color:#29455c}.sound-mixer span{color:#d9e5ed}.video-list>span{color:#364d61}
.media-player .media-tabs{padding:8px 12px}.media-tabs strong{color:#fff}.sound-presets{gap:3px}.sound-presets button{padding:4px 3px}.master-volume output{font-size:11px}
:root[data-theme=aero]{--wallpaper:url('/static/img/desktop/aurora.svg');--wallpaper-filter:none;--aero:106 155 167;--theme-color:#608f9e;--theme-deep:#132830}
.theme-preview--aero{background-image:url('/static/img/desktop/aurora.svg');filter:none}
@media(max-height:790px){.desktop-shortcuts{grid-template-rows:repeat(6,88px)}}
@media(max-height:590px){.desktop-shortcuts{grid-template-rows:repeat(4,88px)}}
@media(max-width:640px){
  :root{--taskbar:44px}
  .desktop-shortcuts{grid-template-rows:repeat(4,88px);top:12px;left:7px}
  .app-window{padding:0!important;border:0;border-radius:0}.window-titlebar{height:35px;padding-left:7px}.window-controls{height:28px;margin-right:4px}.window-controls button{height:27px;width:33px}.window-controls button:last-child{width:45px}
  .window-controls [data-window-action=minimize]:before{left:11px;bottom:8px}.window-controls [data-window-action=maximize]:before{left:11px;top:9px}.window-controls [data-window-action=close]:before,.window-controls [data-window-action=close]:after{top:12px;left:17px}
  .window-toolbar{height:36px}.explorer-search{width:95px}.address-bar{font-size:12px;gap:4px}.explorer-commandbar{height:31px}.explorer-commandbar button,.explorer-commandbar a{font-size:11px;padding:3px 4px}
  .welcome-banner{padding:14px 17px}.welcome-banner h1{font-size:21px}.welcome-banner>img{width:48px;height:48px}.welcome-banner small{font-size:12px}.app-row{padding:9px 5px}.welcome-status{height:52px;padding:5px 8px}.welcome-status>a{font-size:11px}
  .taskbar{padding:0 6px}.task-buttons{height:32px}.task-button{flex-basis:36px;padding:3px 6px}.task-button svg{width:20px;height:20px}.start-button{margin-top:0}.tray-time{font-size:12px;min-width:57px}
  .start-menu{width:min(386px,100vw);bottom:44px;max-height:calc(100dvh - 56px)}.start-right{width:130px}.start-apps button{font-size:12px}.start-right>button,.start-right>a{font-size:12px;padding:7px 5px}
  .sound-presets button{font-size:11px}.sound-mixer span,.theme-choice small{font-size:12px}.theme-preview{height:74px}.theme-check{bottom:40px}
}