:root{--win98-bg: #008080;--win98-gray: #c0c0c0;--win98-gray-light: #dfdfdf;--win98-gray-dark: #808080;--win98-black: #000000;--win98-white: #ffffff;--win98-blue: #000080;--win98-blue-light: #1084d0;--font-main: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-pixel: "Courier New", Courier, monospace}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-main);overflow:hidden;background-color:#000;-webkit-user-select:none;user-select:none}.win98-btn{background:var(--win98-gray);border-top:2px solid var(--win98-white);border-left:2px solid var(--win98-white);border-right:2px solid var(--win98-black);border-bottom:2px solid var(--win98-black);box-shadow:1px 1px 0 var(--win98-black);padding:4px 8px;font-family:var(--font-main);font-size:12px;cursor:pointer}.win98-btn:active{border-top:2px solid var(--win98-black);border-left:2px solid var(--win98-black);border-right:2px solid var(--win98-white);border-bottom:2px solid var(--win98-white);transform:translate(1px,1px)}.win98-window{background:var(--win98-gray);border-top:2px solid var(--win98-white);border-left:2px solid var(--win98-white);border-right:2px solid var(--win98-black);border-bottom:2px solid var(--win98-black);box-shadow:1px 1px 0 var(--win98-black);display:flex;flex-direction:column}.win98-title-bar{background:linear-gradient(90deg,var(--win98-blue),var(--win98-blue-light));color:var(--win98-white);padding:2px 4px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:12px}.win98-content{padding:2px;flex:1;overflow:auto}