: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);overflow:hidden;user-select:none}#desktop::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--desktop-wallpaper);background-position:center;background-size:var(--wallpaper-size);background-repeat:var(--wallpaper-repeat);opacity:0;transition:opacity 700ms ease-out;will-change:opacity}#desktop.wallpaper-ready::before{opacity:1}#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:9999;pointer-events:none;box-sizing:border-box;border:2px solid var(--title-mid);outline:1px solid var(--system-face);background:transparent;box-shadow:inset 1px 1px var(--title-end),inset -1px -1px var(--title-start),1px 1px 0 1px var(--title-start)}
.webamp-native{inset:0!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;overflow:visible}.webamp-native .webamp-host{position:absolute;inset:0;overflow:visible;pointer-events:none}.webamp-native #webamp{pointer-events:none}.webamp-native #webamp .window{padding:0!important;box-shadow:none!important}.webamp-native #main-window,.webamp-native #equalizer-window,.webamp-native #playlist-window,.webamp-native #milkdrop-window,.webamp-native #webamp-context-menu{pointer-events:auto}.webamp-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:6px 9px;color:#fff;background:rgba(0,0,0,.72);border:1px solid #c0c0c0;font:11px Tahoma,Arial,sans-serif;white-space:nowrap;pointer-events:none}.webamp-native.webamp-ready .webamp-loading{display:none}
.webamp-native #webamp .title-bar{min-height:0;padding:0}
#taskbar{position:fixed;left:0;right:0;bottom:0;height:30px;padding:2px;background:var(--system-face);display:flex;align-items:center;border-top:2px solid var(--highlight);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:24px;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{height:22px;flex:none;border-left:1px solid var(--shadow);border-right:1px solid var(--highlight);margin:0 1px}
#tasks{display:flex;align-items:center;gap:3px;flex:1;min-width:0;height:24px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
#tasks::-webkit-scrollbar{display:none}
.task-button{display:flex;align-items:center;justify-content:flex-start;gap:4px;flex:0 1 160px;width:160px;max-width:160px;min-width:32px;height:22px;padding:3px 5px;border:0;border-radius:0;color:var(--button-text);background:var(--button-face);box-shadow:inset -1px -1px var(--dark-shadow),inset 1px 1px var(--highlight),inset -2px -2px var(--shadow),inset 2px 2px var(--light);text-align:left;overflow:hidden;white-space:nowrap;font:11px Tahoma,Arial,sans-serif;user-select:none}
.task-button .task-label{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:16px}
#tasks .task-button:is(.active,:active){padding:4px 4px 2px 6px;box-shadow:inset -1px -1px var(--highlight),inset 1px 1px var(--dark-shadow),inset -2px -2px var(--light),inset 2px 2px var(--shadow)}
.task-button.active{font-weight:bold;background-color:var(--button-face);background-image:repeating-conic-gradient(var(--highlight) 0% 25%,var(--button-face) 0% 50%);background-size:2px 2px;background-position:2px 2px;background-clip:padding-box}
.task-button:focus{outline:0}.task-button:focus-visible{outline:1px dotted var(--button-text);outline-offset:-4px}
#tray{flex:none;height:24px;min-width:87px;border:1px inset var(--highlight);display:flex;align-items:center;justify-content:center;gap:7px;padding:0 6px;font-size:11px;cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none}
#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}#tasks .task-button{min-width:32px}.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:#1d1d1d}
.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,#desktop::before{transition:none!important}}
.app-icon-image{display:block;object-fit:contain}.desktop-icon .icon{height:38px}.desktop-icon .icon .app-icon-image{width:34px;height:34px;margin:1px auto 3px;filter:drop-shadow(1px 1px #222)}.start-item{display:flex!important;align-items:center;gap:8px}.start-item .app-icon-image{flex:none;width:24px;height:24px}.start-item .app-icon-fallback{display:inline-block;flex:none;width:24px;text-align:center;font-size:18px}.task-button .app-icon-image,.task-button .app-icon-fallback{display:block;flex:0 0 16px;width:16px;height:16px;margin:0;object-fit:contain;line-height:16px;text-align:center}
.music-picker-overlay{position:fixed;inset:0;z-index:23000;display:grid;place-items:center;background:rgba(0,0,0,.38);pointer-events:auto}.music-picker-dialog{width:min(510px,calc(100vw - 24px));height:min(430px,calc(100vh - 44px));padding:3px;background:var(--window-face);box-shadow:2px 2px 0 rgba(0,0,0,.55)}.music-picker-dialog .window-body{display:flex;height:calc(100% - 22px);min-height:0;margin:6px;flex-direction:column}.music-picker-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;align-items:center}.music-picker-toolbar button{min-width:34px;height:23px;padding:0 7px}.music-picker-path{height:22px;padding:4px 6px;overflow:hidden;background:#fff;box-shadow:inset -1px -1px #fff,inset 1px 1px #808080,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;font:11px Tahoma,Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis}.music-picker-list{flex:1;min-height:0;margin-top:6px;padding:2px;overflow:auto;background:#fff;box-shadow:inset -1px -1px #fff,inset 1px 1px #808080,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a}.music-picker-entry{display:grid;width:100%;height:25px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;padding:2px 5px;border:0!important;box-shadow:none!important;background:transparent!important;color:#000!important;text-align:left;text-shadow:none!important;font:11px Tahoma,Arial,sans-serif}.music-picker-entry:hover,.music-picker-entry:focus,.music-picker-entry.selected{background:var(--selection-bg)!important;color:#fff!important;outline:0}.music-picker-entry .entry-size{padding-left:9px;font-variant-numeric:tabular-nums}.music-picker-status{height:23px;padding:5px 2px 0;overflow:hidden;font:11px Tahoma,Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis}.music-picker-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.music-picker-actions button{min-width:95px}.music-picker-actions .play-folder{margin-right:auto}

.theme-ui #start-button.active{box-shadow:inset -1px -1px var(--highlight),inset 1px 1px var(--dark-shadow),inset -2px -2px var(--light),inset 2px 2px var(--shadow)}

.desktop-transition-out #desktop{filter:grayscale(1);transform:scale(.99);transition:opacity 180ms linear,transform 190ms ease-in,filter 190ms linear}
@media(prefers-reduced-motion:reduce){.desktop-transition-out #desktop{transform:none;filter:none;transition:none}}