:root{--win-bg: #ffccbc;--win-bg-deep: #eab0a0;--win-gray: #fffdf9;--win-gray-light: #ffffff;--win-gray-dark: #000000;--win-black: #000000;--win-white: #ffffff;--win-title-bg: #fffdf9;--win-title-text: #000000;--accent-pink: #ffb7b2;--accent-green: #c7f9cc;--accent-blue: #a0e7e5;--font-main: "Geneva", "Verdana", sans-serif;--font-mono: "Monaco", "Courier New", monospace;--border-width: 1px;--border-standard: 1px solid #000;--shadow-standard: 2px 2px 0px 0px #000;--shadow-deep: 4px 4px 0px 0px #000}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--win-bg);background-image:linear-gradient(45deg,#000000 25%,transparent 25%,transparent 75%,#000000 75%,#000000),linear-gradient(45deg,#000000 25%,transparent 25%,transparent 75%,#000000 75%,#000000);background-size:2px 2px;background-position:0 0,1px 1px;background-blend-mode:overlay;background-color:#ffccbc;opacity:1;font-family:var(--font-main);overflow:hidden;-webkit-user-select:none;user-select:none;color:var(--win-black)}button{font-family:inherit}.win98-box{background-color:var(--win-gray);border:var(--border-standard);box-shadow:var(--shadow-standard);padding:0;border-radius:2px;color:var(--win-text)}.win98-btn{background-color:var(--win-white);border:var(--border-standard);box-shadow:1px 1px #000;padding:2px 6px;font-size:12px;cursor:pointer;transition:all .1s}.win98-btn:active{box-shadow:inset 1px 1px #000;transform:translate(1px,1px)}.win98-title-bar{background-color:var(--win-white);border-bottom:var(--border-standard);padding:4px 6px;display:flex;justify-content:space-between;align-items:center;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#000 2px,#000 3px);background-size:100% 100%}.win98-title-bar.inactive{background-image:none;background-color:#eee}.win98-title-text{background:var(--win-white);padding:0 8px;font-weight:700;border:1px solid #000}::-webkit-scrollbar{width:16px;height:16px;background:var(--win-white);border-left:1px solid #000;border-top:1px solid #000}::-webkit-scrollbar-track{background:#fff;border-left:1px solid #000}::-webkit-scrollbar-thumb{background:silver;border:1px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px #888}::-webkit-scrollbar-button{background:silver;border:1px solid #000;height:16px;width:16px;box-shadow:inset 1px 1px #fff,inset -1px -1px #888;display:block}::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='black'><polygon points='50,30 20,70 80,70'/></svg>");background-size:8px;background-repeat:no-repeat;background-position:center}::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='black'><polygon points='50,70 20,30 80,30'/></svg>");background-size:8px;background-repeat:no-repeat;background-position:center}.retro-scrollbar{scrollbar-width:auto;scrollbar-color:#000 #fff}.react-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;cursor:se-resize;z-index:100}.react-resizable-handle-se{background-image:linear-gradient(135deg,transparent 0%,transparent 50%,#000 50%,#000 55%,transparent 55%,transparent 60%,#000 60%,#000 65%,transparent 65%,transparent 70%,#000 70%,#000 75%,transparent 75%,transparent 80%,#000 80%,#000 85%,transparent 85%);width:15px;height:15px;bottom:2px;right:2px}.stippled-icon-effect{-webkit-mask-image:linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%,#000),linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%,#000);-webkit-mask-size:3px 3px;-webkit-mask-position:0 0,1.5px 1.5px;mask-image:linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%,#000),linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%,#000);mask-size:3px 3px;mask-position:0 0,1.5px 1.5px;opacity:.7;transition:opacity .3s ease}@keyframes mask-slide{0%{-webkit-mask-position:0 0,1.5px 1.5px;mask-position:0 0,1.5px 1.5px}to{-webkit-mask-position:3px 3px,4.5px 4.5px;mask-position:3px 3px,4.5px 4.5px}}.stippled-icon-effect:hover{opacity:1;animation:mask-slide 3s linear infinite}.stippled-icon-effect.active{opacity:1;-webkit-mask-image:none;mask-image:none;animation:none}@keyframes shimmer-exit{0%{opacity:1;transform:scale(1) skew(0);filter:hue-rotate(0deg)}50%{opacity:.8;transform:scale(.95) skew(10deg);filter:hue-rotate(90deg) blur(2px)}to{opacity:0;transform:scale(.8) skew(20deg);filter:hue-rotate(180deg) blur(10px)}}.window-closing{animation:shimmer-exit .5s forwards ease-in-out;pointer-events:none}.retro-sparkles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:radial-gradient(white,rgba(255,255,255,.8) 1px,transparent 2px),radial-gradient(white,rgba(255,255,255,.8) 1px,transparent 2px),radial-gradient(white,rgba(255,255,255,.6) 2px,transparent 3px);background-size:550px 550px,350px 350px,250px 250px;background-position:0 0,40px 60px,130px 270px;animation:twinkle 5s ease-in-out infinite alternate;opacity:.5;z-index:1}@keyframes twinkle{0%{opacity:.3;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}.retro-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000000d 50%,#0000000d);background-size:100% 4px;z-index:2;opacity:.6;animation:scanline-flicker 10s infinite}@keyframes scanline-flicker{0%{opacity:.6}5%{opacity:.5}10%{opacity:.6}to{opacity:.6}}