:root{--desktop-bg:#5c6f7b;--title-start:#263746;--title-mid:#607b8b;--title-end:#b2c4ce;--system-face:#d4d0c8}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Tahoma,"MS Sans Serif",Arial,sans-serif;background:#5c6f7b}.hidden{display:none!important}.window{background:var(--system-face)}.title-bar{background:linear-gradient(90deg,var(--title-start) 0%,var(--title-mid) 55%,var(--title-end) 100%);min-height:18px;padding:2px 3px;user-select:none;-webkit-user-select:none}.title-bar-text{font-family:Tahoma,Arial,sans-serif;font-size:11px;user-select:none;-webkit-user-select:none}.login-screen{height:100%;display:grid;place-items:center;background:#5c6f7b}.login-window{width:min(352px,calc(100vw - 24px));padding:2px;box-shadow:1px 1px #000}.login-window .title-bar{cursor:default;touch-action:none}.server-banner{width:348px;height:76px;margin:1px 0 0;padding:0;overflow:hidden}.server-banner img{display:block;width:348px;height:76px;max-width:none;margin:0;padding:0;border:0;object-fit:none}.login-body{margin:0!important;padding:14px 8px 8px;background:#d4d0c8}.login-field{display:grid;grid-template-columns:82px 1fr;align-items:center;margin-bottom:7px}.login-field label{font-size:11px;white-space:nowrap}.login-field input[type="text"],.login-field input[type="password"],.login-field input:not([type]){appearance:none;height:20px;width:100%;padding:3px 4px;background:#fff;border:0;border-radius:0;box-shadow:inset -1px -1px #fff,inset 1px 1px #808080,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;font-family:Tahoma,Arial,sans-serif;font-size:11px;outline:0}.login-field input:focus{outline:1px dotted #000;outline-offset:-4px}.login-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:13px}.login-actions button{min-width:64px;height:22px;font-family:Tahoma,Arial,sans-serif;font-size:11px}.login-actions button:last-child{min-width:80px}.error{color:#a00000;margin:0 0 9px 82px;font-size:11px}.field-row-stacked input{width:100%}button{background-color:var(--system-face);box-shadow:inset -1px -1px #808080,inset 1px 1px #fff,inset -2px -2px #aca899,inset 2px 2px #f5f4ea}button:not(:disabled):active,.task-button.active{box-shadow:inset -1px -1px #fff,inset 1px 1px #808080,inset -2px -2px #f5f4ea,inset 2px 2px #aca899;background-color:#e3dfce}
#desktop{position:fixed;inset:0 0 30px;background-color:var(--desktop-bg);background-image:var(--desktop-wallpaper);background-position:center;background-size:var(--wallpaper-size);background-repeat:var(--wallpaper-repeat);overflow:hidden;user-select:none}#desktop-icons{position:absolute;inset:0}.desktop-icon{position:absolute;width:76px;min-height:72px;text-align:center;color:white;text-shadow:1px 1px #000;padding:4px;border:1px solid transparent;font-size:11px}.desktop-icon:focus,.desktop-icon.selected{outline:1px dotted white;background:var(--selection-bg)}.desktop-icon .icon{display:block;font-size:32px;line-height:38px;filter:drop-shadow(1px 1px #222)}.desktop-icon .label{line-height:13px}
#windows{position:absolute;inset:0;pointer-events:none}.app-window{position:absolute;min-width:240px;min-height:150px;display:flex;flex-direction:column;pointer-events:auto;padding:3px}.app-window.inactive .title-bar{background:linear-gradient(90deg,#7a8490,#a8b0b8)}.app-window.maximized{inset:0!important;width:auto!important;height:auto!important}.app-window .title-bar{touch-action:none;cursor:default;flex:none}.app-window .window-body{margin:2px 0 0;flex:1;min-height:0;background:#fff;padding:0;overflow:hidden;position:relative}.app-window iframe{border:0;width:100%;height:100%;display:block;background:white}.resize-handle{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize}.drag-shield{position:absolute;inset:0;display:none;z-index:2}.app-window.manipulating .drag-shield,.app-window.inactive:not(.same-origin-frame) .drag-shield{display:block}.window-ghost{position:fixed;z-index:12000;pointer-events:none;border:2px solid #fff;outline:1px solid #000;background:rgba(128,128,128,.48);box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #404040;transform-origin:top left;will-change:transform,opacity}
#taskbar{position:fixed;left:0;right:0;bottom:0;height:30px;padding:2px;background:var(--system-face);display:flex;border-top:2px solid #fff;z-index:10000;gap:3px}#start-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:3px;width:84px;min-width:84px;height:25px;padding:2px 8px 2px 3px;font:bold 11px Tahoma,Arial,sans-serif;line-height:11px}.start-label{display:block;position:relative;top:0}.start-logo{display:block;flex:0 0 16px;width:16px;height:16px;object-fit:contain;image-rendering:pixelated}.task-divider{border-left:1px solid #808080;border-right:1px solid #fff;margin:1px 1px}#tasks{display:flex;gap:3px;flex:1;min-width:0}.task-button{height:25px;max-width:180px;min-width:90px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Tahoma,Arial,sans-serif;font-size:11px}.task-button.active{box-shadow:inset -1px -1px #fff,inset 1px 1px #808080,inset -2px -2px #f5f4ea,inset 2px 2px #aca899;background:#e3dfce}.task-button .small-icon{margin-right:5px}#tray{min-width:87px;border:1px inset #fff;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 6px;font-size:11px}
#start-menu{position:fixed;left:2px;bottom:30px;width:468px;height:442px;z-index:11000;padding:2px;background:var(--system-face)}.start-header{height:41px;padding:10px 10px;color:#fff;background:linear-gradient(90deg,var(--title-start) 0%,var(--title-mid) 70%,var(--title-end) 100%);font:bold italic 20px Georgia,serif;text-shadow:1px 1px #183c70}.start-content{display:grid;grid-template-columns:1fr 1fr;height:364px}.start-items,.start-system{padding:6px;background:#fff}.start-system{border-left:1px solid #808080;background:var(--system-face)}.start-item,.start-system button{display:block;width:100%;height:39px;border:0!important;box-shadow:none!important;text-align:left;background-color:transparent!important;font:11px Tahoma,Arial,sans-serif;padding:5px 8px}.start-item:hover,.start-item:focus,.start-system button:hover,.start-system button:focus{background-color:var(--title-mid)!important;color:#fff}.start-system hr{border:0;border-top:1px solid #aca899;border-bottom:1px solid #fff;margin:5px 3px}.start-footer{height:33px;display:flex;justify-content:flex-end;align-items:center;gap:4px;padding:3px;background:var(--system-face);border-top:1px solid #fff}.start-footer form{margin:0}.start-footer button{height:25px;border:0;box-shadow:none;padding:2px 7px;background-color:transparent}.start-footer button:hover{background-color:var(--title-mid);color:#fff}
.desktop-context{position:fixed;z-index:11500;width:210px;padding:2px;background:var(--system-face);border:1px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px #808080,2px 2px 0 rgba(0,0,0,.28)}.desktop-context button{display:flex;align-items:center;gap:7px;width:100%;height:25px;padding:3px 7px;border:0!important;box-shadow:none!important;background:transparent!important;text-align:left;font:11px Tahoma,Arial,sans-serif}.desktop-context button:hover,.desktop-context button:focus{background:#0a246a!important;color:#fff;outline:0}.desktop-context button span{flex:1}.menu-separator{margin:2px 3px;border-top:1px solid #808080;border-bottom:1px solid #fff}
@media(max-width:600px){.app-window{max-width:100vw}.desktop-icon{width:68px}.task-button{min-width:40px}.task-button span:not(.small-icon){display:none}.login-field{grid-template-columns:78px 1fr}.login-actions{gap:4px}.login-actions button{min-width:58px}#start-menu{width:calc(100vw - 4px);height:min(442px,calc(100vh - 32px))}.start-content{height:calc(100% - 74px)}}
.login-actions button:only-child{min-width:64px}
.login-field label{color:#000!important;text-shadow:none!important}
.login-screen{background:#5c6f7b}
.login-window,.login-window .login-body{background:#d4d0c8}
.login-window .login-actions button{background-color:#d4d0c8;box-shadow:inset -1px -1px #404040,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf}
.login-window .login-actions button:not(:disabled):active{background-color:#d4d0c8;box-shadow:inset -1px -1px #fff,inset 1px 1px #404040,inset -2px -2px #dfdfdf,inset 2px 2px #808080}
.login-status{flex:1;min-width:0;height:22px;margin:0;padding-right:6px;overflow:hidden;color:#a00000;font:11px Tahoma,Arial,sans-serif;line-height:22px;text-align:left;white-space:nowrap;text-overflow:ellipsis}
.login-status .error{margin:0;color:#a00000}
:root{--system-face:#d4d0c8;--selection-bg:#365f91;--desktop-wallpaper:none;--wallpaper-size:cover;--wallpaper-repeat:no-repeat}
.login-build{position:fixed;right:9px;bottom:7px;color:rgba(255,255,255,.58);font:10px Tahoma,Arial,sans-serif;letter-spacing:.1px;text-shadow:1px 1px rgba(0,0,0,.28);user-select:none}
.desktop-context button:hover,.desktop-context button:focus{background:var(--selection-bg)!important}.start-item:hover,.start-item:focus,.start-system button:hover,.start-system button:focus{background-color:var(--selection-bg)!important}
:root{--window-face:#d4d0c8;--taskbar-bg:#d4d0c8;--menu-face:#d4d0c8;--button-face:#d4d0c8}.app-window{background:var(--window-face)}#taskbar{background:var(--taskbar-bg)}#start-menu,.start-system,.start-footer,.desktop-context{background:var(--menu-face)}.app-window button,#start-button,.task-button{background-color:var(--button-face)}
.modal-overlay{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;background:rgba(0,0,0,.48)}.logoff-dialog{width:min(350px,calc(100vw - 24px));padding:3px;background:var(--window-face);box-shadow:2px 2px 0 rgba(0,0,0,.55)}.logoff-dialog .window-body{margin:10px 9px 8px}.logoff-message{display:flex;align-items:center;gap:13px;min-height:54px;font:11px Tahoma,Arial,sans-serif}.logoff-icon{font-size:30px;filter:drop-shadow(1px 1px #808080)}.logoff-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:9px}.logoff-actions form{margin:0}.logoff-actions button{min-width:75px;background-color:var(--button-face)}
.desktop-context button:focus:not(:hover){background:transparent!important;color:#000;outline:1px dotted #000;outline-offset:-5px}.session-entering .login-screen{animation:session-enter 180ms linear}.session-entering .login-window{animation:dialog-enter 180ms ease-out}.login-transition-out .login-screen,.login-transition-out .login-build{opacity:0;transition:opacity 180ms linear}.login-transition-out .login-window{transform:scale(.985);transition:transform 180ms ease-in}.session-entering #desktop,.session-entering #taskbar{animation:session-enter 180ms linear}#desktop,#taskbar{transition:opacity 180ms linear}.modal-overlay{transition:opacity 180ms linear}.desktop-transition-out #desktop,.desktop-transition-out #taskbar,.desktop-transition-out .modal-overlay{opacity:0}@keyframes session-enter{from{opacity:0}to{opacity:1}}@keyframes dialog-enter{from{transform:scale(.985)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.session-entering .login-screen,.session-entering .login-window,.session-entering #desktop,.session-entering #taskbar{animation:none!important}.login-screen,.login-build,.login-window,#desktop,#taskbar,.modal-overlay{transition:none!important}}