:root{--surface: #c0c0c0;--button-highlight: #ffffff;--button-face: #dfdfdf;--button-shadow: #808080;--window-frame: #0a0a0a;--dialog-blue: #000080;--dialog-blue-light: #1084d0;--dialog-gray: #808080;--dialog-gray-light: #b5b5b5;--link-blue: #0000ff;--element-spacing: 8px;--grouped-button-spacing: 4px;--grouped-element-spacing: 6px;--radio-width: 12px;--checkbox-width: 13px;--radio-label-spacing: 6px;--range-track-height: 4px;--range-spacing: 10px;--radio-total-width-precalc: var(--radio-width) + var(--radio-label-spacing);--radio-total-width: calc(var(--radio-total-width-precalc));--radio-left: calc(-1 * var(--radio-total-width-precalc));--radio-dot-width: 4px;--radio-dot-top: calc(var(--radio-width) / 2 - var(--radio-dot-width) / 2);--radio-dot-left: calc(
    -1 * (var(--radio-total-width-precalc)) + var(--radio-width) / 2 - var(
      --radio-dot-width
    ) / 2
  );--checkbox-total-width-precalc: var(--checkbox-width) +
  var(--radio-label-spacing);--checkbox-total-width: calc(var(--checkbox-total-width-precalc));--checkbox-left: calc(-1 * var(--checkbox-total-width-precalc));--checkmark-width: 7px;--checkmark-top: 3px;--checkmark-left: 3px;--border-width: 1px;--border-raised-outer: inset -1px -1px var(--window-frame),
  inset 1px 1px var(--button-highlight);--border-raised-inner: inset -2px -2px var(--button-shadow),
  inset 2px 2px var(--button-face);--border-sunken-outer: inset -1px -1px var(--button-highlight),
  inset 1px 1px var(--window-frame);--border-sunken-inner: inset -2px -2px var(--button-face),
  inset 2px 2px var(--button-shadow);--border-window-outer: inset -1px -1px var(--window-frame),
  inset 1px 1px var(--button-face);--border-window-inner: inset -2px -2px var(--button-shadow),
  inset 2px 2px var(--button-highlight);--border-field: inset -1px -1px var(--button-highlight),
  inset 1px 1px var(--button-shadow), inset -2px -2px var(--button-face),
  inset 2px 2px var(--window-frame)}body{background:#008080;margin:0;padding:0;height:100svh;display:flex;flex-direction:column;justify-content:flex-end;font-family:Arial, sans-serif;user-select:none;font-weight:300;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}main{position:relative;height:100svh;display:flex;flex-wrap:wrap;gap:0.2rem;padding:1rem}.window{min-width:7.1rem;min-height:3.2rem;position:absolute;top:20%;left:40%;display:none;overflow:hidden;resize:both}.window.active{display:block}.window.minimized .window-body{display:none}.window.minimized{position:fixed;bottom:0;left:0;height:20px}.window.maximized{position:fixed;top:0 !important;left:0 !important;transform:unset;width:calc(100% - 0.4rem) !important;height:calc(100% - 0.4rem) !important;resize:none !important;height:calc(100vh - 0.4rem) !important;z-index:9999}.title-bar{min-height:14px}.title-bar-text{padding-right:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window:not(.maximized) .title-bar{cursor:move}.desktop-items{position:absolute;top:0;left:0;display:flex;padding:1rem;gap:0.2rem}.desktop-item{position:relative;text-align:center;color:white;width:75rem;min-height:5rem;max-width:3.7rem;flex-direction:column;align-items:center;justify-content:center;border:1px solid transparent;cursor:pointer}.desktop-item .icon{display:block}.desktop-item img{width:32px;margin-bottom:-0.3rem}a.desktop-item{text-decoration:none}.desktop-item .text{display:inline;margin:0.5rem 0;padding:0.2px 1px;text-align:center;border:1px dotted #ffffff00}.desktop-item .overlay{display:none;width:32px;height:32px;position:absolute;mask-image:var(--icon-image);-webkit-mask-image:var(--icon-image);background:#000080;opacity:0.5;z-index:9}.desktop-item.active .overlay{display:block}.desktop-item.active .text{background:#000080;border:1px dotted #fff}.title-bar img{position:absolute;width:1rem}.notepad{background:#FFFFFF;box-shadow:inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;display:block;margin:0;padding:10px;flex-grow:1}.window-body:has(.notepad){display:flex;margin:0;height:calc(100% - 1.3rem)}@media (max-width:767px){.window-body:has(.notepad){height:calc(100% - 1.3rem)}}.title-bar:has(img) .title-bar-text{margin-left:1.2rem}.title-bar-controls{position:absolute;right:5px}.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se{display:none !important}.window-body:has(.sunken-panel){margin:0}.sunken-panel table{width:100%}.window-body:has(.sunken-panel),.sunken-panel{height:calc(100% - 0.6rem)}.taskbar{box-shadow:var(--border-window-outer), var(--border-window-inner);background:var(--surface);padding:3px;z-index:99}.taskbar .status-bar{justify-content:flex-end}.taskbar p.status-bar-field#time{flex:0;padding:0.2rem 1rem;text-align:right;white-space:nowrap}