:root{--w98-teal: #008080;--w98-gray: #c0c0c0;--w98-light: #ffffff;--w98-border-light: #dfdfdf;--w98-border-dark: #808080;--w98-border-black: #000000;--w98-navy-start: #000080;--w98-navy-end: #1084d0;--w98-inactive-start: #808080;--w98-inactive-end: #b5b5b5;--w98-blue-highlight: #000080;--w98-yellow: #ffff00;--w98-green: #008000;--w98-red: #cc0000;--w98-font: "MS Sans Serif", "Microsoft Sans Serif", Tahoma, Geneva, sans-serif;--w98-font-mono: "Courier New", Courier, monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--w98-teal);font-family:var(--w98-font);font-size:11px;color:#000;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.w98-bevel-raised{background-color:var(--w98-gray);border-top:1px solid var(--w98-light);border-left:1px solid var(--w98-light);border-right:1px solid var(--w98-border-black);border-bottom:1px solid var(--w98-border-black);box-shadow:inset 1px 1px 0 var(--w98-border-light),inset -1px -1px 0 var(--w98-border-dark)}.w98-bevel-sunken{background-color:var(--w98-gray);border-top:1px solid var(--w98-border-dark);border-left:1px solid var(--w98-border-dark);border-right:1px solid var(--w98-light);border-bottom:1px solid var(--w98-light);box-shadow:inset 1px 1px 0 var(--w98-border-black),inset -1px -1px 0 var(--w98-border-light)}.w98-bevel-field{background-color:#fff;border-top:1px solid var(--w98-border-dark);border-left:1px solid var(--w98-border-dark);border-right:1px solid var(--w98-light);border-bottom:1px solid var(--w98-light);box-shadow:inset 1px 1px 0 var(--w98-border-black),inset -1px -1px 0 var(--w98-border-light);color:#000}.w98-button{background-color:var(--w98-gray);font-family:var(--w98-font);font-size:11px;padding:3px 10px;min-height:22px;border-top:1px solid var(--w98-light);border-left:1px solid var(--w98-light);border-right:1px solid var(--w98-border-black);border-bottom:1px solid var(--w98-border-black);box-shadow:inset 1px 1px 0 var(--w98-border-light),inset -1px -1px 0 var(--w98-border-dark);cursor:default;display:inline-flex;align-items:center;justify-content:center;gap:4px;outline:none;white-space:nowrap}.w98-button:hover{filter:brightness(1.02)}.w98-button:active,.w98-button.active{border-top:1px solid var(--w98-border-black);border-left:1px solid var(--w98-border-black);border-right:1px solid var(--w98-light);border-bottom:1px solid var(--w98-light);box-shadow:inset 1px 1px 0 var(--w98-border-dark),inset -1px -1px 0 var(--w98-border-light);padding:4px 9px 2px 11px}.w98-button:focus-visible{outline:1px dotted #000;outline-offset:-4px}.w98-button.btn-primary{font-weight:700}.w98-window{position:absolute;background-color:var(--w98-gray);border-top:1px solid var(--w98-light);border-left:1px solid var(--w98-light);border-right:1px solid var(--w98-border-black);border-bottom:1px solid var(--w98-border-black);box-shadow:inset 1px 1px 0 var(--w98-border-light),inset -1px -1px 0 var(--w98-border-dark),2px 2px 10px #0006;display:flex;flex-direction:column;z-index:10}.w98-window.active{z-index:20}.w98-titlebar{height:20px;background:linear-gradient(90deg,var(--w98-navy-start) 0%,var(--w98-navy-end) 100%);color:#fff;font-family:var(--w98-font);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:0 3px 0 4px;cursor:move;-webkit-user-select:none;user-select:none}.w98-window:not(.active) .w98-titlebar{background:linear-gradient(90deg,var(--w98-inactive-start) 0%,var(--w98-inactive-end) 100%);color:silver}.w98-titlebar-title{display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.w98-titlebar-controls{display:flex;align-items:center;gap:2px}.w98-titlebar-btn{width:16px;height:14px;background-color:var(--w98-gray);border-top:1px solid var(--w98-light);border-left:1px solid var(--w98-light);border-right:1px solid var(--w98-border-black);border-bottom:1px solid var(--w98-border-black);box-shadow:inset 1px 1px 0 var(--w98-border-light),inset -1px -1px 0 var(--w98-border-dark);color:#000;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:default;padding:0;line-height:1}.w98-titlebar-btn:active{border-top:1px solid var(--w98-border-black);border-left:1px solid var(--w98-border-black);border-right:1px solid var(--w98-light);border-bottom:1px solid var(--w98-light);box-shadow:inset 1px 1px 0 var(--w98-border-dark),inset -1px -1px 0 var(--w98-border-light);padding:1px 0 0 1px}.w98-menubar{height:20px;background-color:var(--w98-gray);display:flex;align-items:center;padding:0 4px;border-bottom:1px solid var(--w98-border-dark);font-size:11px}.w98-menu-item{padding:2px 6px;cursor:default;position:relative}.w98-menu-item:hover,.w98-menu-item.open{background-color:var(--w98-blue-highlight);color:#fff}.w98-menu-dropdown{position:absolute;top:100%;left:0;background-color:var(--w98-gray);border-top:1px solid var(--w98-light);border-left:1px solid var(--w98-light);border-right:1px solid var(--w98-border-black);border-bottom:1px solid var(--w98-border-black);box-shadow:inset 1px 1px 0 var(--w98-border-light),inset -1px -1px 0 var(--w98-border-dark),2px 2px 6px #0000004d;z-index:100;min-width:140px;padding:2px 1px;color:#000}.w98-dropdown-item{padding:3px 14px;display:flex;align-items:center;justify-content:space-between;cursor:default;white-space:nowrap}.w98-dropdown-item:hover{background-color:var(--w98-blue-highlight);color:#fff}.w98-dropdown-divider{height:1px;background-color:var(--w98-border-dark);border-bottom:1px solid var(--w98-light);margin:3px 1px}.w98-toolbar{background-color:var(--w98-gray);display:flex;align-items:center;gap:3px;padding:3px 4px;border-bottom:1px solid var(--w98-border-dark);flex-wrap:wrap}.w98-toolbar-sep{width:2px;height:18px;background-color:var(--w98-border-dark);border-right:1px solid var(--w98-light);margin:0 4px}.w98-statusbar{height:22px;background-color:var(--w98-gray);display:flex;align-items:center;gap:2px;padding:2px;border-top:1px solid var(--w98-border-light);font-size:11px}.w98-statusbar-panel{padding:1px 6px;border-top:1px solid var(--w98-border-dark);border-left:1px solid var(--w98-border-dark);border-right:1px solid var(--w98-light);border-bottom:1px solid var(--w98-light);box-shadow:inset 1px 1px 0 var(--w98-border-black),inset -1px -1px 0 var(--w98-border-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.w98-desktop{position:absolute;top:0;left:0;right:0;bottom:28px;padding:12px;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:16px;z-index:1}.w98-desktop-icon{width:72px;display:flex;flex-direction:column;align-items:center;cursor:default;text-align:center;padding:4px 2px}.w98-desktop-icon.selected{outline:1px dotted #ffffff}.w98-desktop-icon.selected .w98-icon-label{background-color:var(--w98-blue-highlight);color:#fff}.w98-icon-img{width:32px;height:32px;margin-bottom:4px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(1px 1px 0px rgba(0,0,0,.5))}.w98-icon-label{color:#fff;font-size:11px;padding:1px 3px;line-height:1.2;word-break:break-word}.w98-taskbar{position:absolute;bottom:0;left:0;right:0;height:28px;background-color:var(--w98-gray);border-top:1px solid var(--w98-light);box-shadow:inset 0 1px 0 var(--w98-border-light);display:flex;align-items:center;padding:2px 3px;gap:3px;z-index:1000}.w98-start-button{background-color:var(--w98-gray);height:22px;padding:2px 6px;font-weight:700;font-size:11px;display:flex;align-items:center;gap:4px;border-top:1px solid var(--w98-light);border-left:1px solid var(--w98-light);border-right:1px solid var(--w98-border-black);border-bottom:1px solid var(--w98-border-black);box-shadow:inset 1px 1px 0 var(--w98-border-light),inset -1px -1px 0 var(--w98-border-dark);cursor:default}.w98-start-button:active,.w98-start-button.active{border-top:1px solid var(--w98-border-black);border-left:1px solid var(--w98-border-black);border-right:1px solid var(--w98-light);border-bottom:1px solid var(--w98-light);box-shadow:inset 1px 1px 0 var(--w98-border-dark),inset -1px -1px 0 var(--w98-border-light);padding:3px 5px 1px 7px}.w98-task-buttons{display:flex;align-items:center;gap:3px;flex:1;overflow-x:auto}.w98-task-btn{height:22px;max-width:160px;min-width:100px;padding:2px 5px;display:flex;align-items:center;gap:4px;font-size:11px;border-top:1px solid var(--w98-light);border-left:1px solid var(--w98-light);border-right:1px solid var(--w98-border-black);border-bottom:1px solid var(--w98-border-black);box-shadow:inset 1px 1px 0 var(--w98-border-light),inset -1px -1px 0 var(--w98-border-dark);background-color:var(--w98-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.w98-task-btn.active{border-top:1px solid var(--w98-border-black);border-left:1px solid var(--w98-border-black);border-right:1px solid var(--w98-light);border-bottom:1px solid var(--w98-light);box-shadow:inset 1px 1px 0 var(--w98-border-dark),inset -1px -1px 0 var(--w98-border-light);background-color:#e0e0e0;background-image:radial-gradient(circle,#808080 1px,transparent 1px);background-size:2px 2px;font-weight:700}.w98-tray{height:22px;padding:2px 6px;border-top:1px solid var(--w98-border-dark);border-left:1px solid var(--w98-border-dark);border-right:1px solid var(--w98-light);border-bottom:1px solid var(--w98-light);box-shadow:inset 1px 1px 0 var(--w98-border-black),inset -1px -1px 0 var(--w98-border-light);display:flex;align-items:center;gap:6px;font-size:11px}.w98-start-menu{position:absolute;bottom:28px;left:0;width:max-content;min-width:245px;background-color:var(--w98-gray);border-top:1px solid var(--w98-light);border-left:1px solid var(--w98-light);border-right:1px solid var(--w98-border-black);border-bottom:1px solid var(--w98-border-black);box-shadow:inset 1px 1px 0 var(--w98-border-light),inset -1px -1px 0 var(--w98-border-dark),2px -2px 10px #0006;display:flex;z-index:1001;box-sizing:border-box}.w98-start-side-banner{width:28px;background:linear-gradient(180deg,navy,#1084d0);color:#fff;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:flex-end;padding:8px 4px;font-weight:700;font-size:14px;letter-spacing:1px;box-sizing:border-box}.w98-start-items{flex:1;padding:3px 2px;display:flex;flex-direction:column;min-width:0;box-sizing:border-box}.w98-start-item{padding:4px 10px;display:flex;align-items:center;gap:8px;cursor:default;white-space:nowrap}.w98-start-item:hover{background-color:var(--w98-blue-highlight);color:#fff}.w98-start-menu .w98-dropdown-divider{height:1px;background-color:var(--w98-border-dark);border-bottom:1px solid var(--w98-light);margin:3px 2px;width:auto}.w98-tabs-header{display:flex;align-items:flex-end;gap:2px;padding:0 4px;border-bottom:1px solid var(--w98-border-dark);margin-bottom:-1px}.w98-tab{padding:4px 10px;background-color:var(--w98-gray);border-top:1px solid var(--w98-light);border-left:1px solid var(--w98-light);border-right:1px solid var(--w98-border-black);border-bottom:1px solid var(--w98-border-dark);border-top-left-radius:3px;border-top-right-radius:3px;cursor:default;font-size:11px;position:relative;top:1px}.w98-tab.active{padding:5px 10px 4px;font-weight:700;border-bottom:1px solid var(--w98-gray);background-color:var(--w98-gray);z-index:2;top:0}.w98-tabs-body{border-top:1px solid var(--w98-light);border-left:1px solid var(--w98-light);border-right:1px solid var(--w98-border-black);border-bottom:1px solid var(--w98-border-black);box-shadow:inset 1px 1px 0 var(--w98-border-light),inset -1px -1px 0 var(--w98-border-dark);padding:8px;background-color:var(--w98-gray)}input[type=text],input[type=password],select,textarea{font-family:var(--w98-font);font-size:11px;padding:3px 4px;background-color:#fff;border-top:1px solid var(--w98-border-dark);border-left:1px solid var(--w98-border-dark);border-right:1px solid var(--w98-light);border-bottom:1px solid var(--w98-light);box-shadow:inset 1px 1px 0 var(--w98-border-black),inset -1px -1px 0 var(--w98-border-light);outline:none;color:#000}input[type=text]:focus,select:focus,textarea:focus{background-color:#fff}select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.w98-progress-bar{height:16px;background-color:var(--w98-gray);border-top:1px solid var(--w98-border-dark);border-left:1px solid var(--w98-border-dark);border-right:1px solid var(--w98-light);border-bottom:1px solid var(--w98-light);box-shadow:inset 1px 1px 0 var(--w98-border-black),inset -1px -1px 0 var(--w98-border-light);padding:2px;display:flex;gap:2px;overflow:hidden}.w98-progress-block{width:8px;height:100%;background-color:var(--w98-navy-start);flex-shrink:0}::-webkit-scrollbar{width:16px;height:16px;background-color:var(--w98-gray)}::-webkit-scrollbar-thumb{background-color:var(--w98-gray);border-top:1px solid var(--w98-light);border-left:1px solid var(--w98-light);border-right:1px solid var(--w98-border-black);border-bottom:1px solid var(--w98-border-black);box-shadow:inset 1px 1px 0 var(--w98-border-light),inset -1px -1px 0 var(--w98-border-dark)}::-webkit-scrollbar-track{background-color:#dfdfdf;background-image:radial-gradient(circle,#808080 1px,transparent 1px);background-size:2px 2px}