@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--win-bg: #c0c0c0;--win-text: #000000;--win-gray-light: #dfdfdf;--win-gray-dark: #808080;--win-darkest: #000000;--win-white: #ffffff;--win-blue: #000080;--win-blue-light: #1084d0;--status-online: #00ff00;--status-offline: #808080;--status-away: #ffff00}body{background-color:teal;font-family:Inter,Tahoma,"MS Sans Serif",sans-serif;font-size:11px;margin:0;padding:0;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;overflow:hidden}.window{background-color:var(--win-bg);border:1px solid var(--win-darkest);box-shadow:inset 1px 1px 0 var(--win-white),inset -1px -1px 0 var(--win-gray-dark),1px 1px 0 var(--win-darkest);padding:2px;display:flex;flex-direction:column;min-height:180px}.title-bar{background:linear-gradient(90deg,var(--win-blue),var(--win-blue-light));color:#fff;padding:3px 5px;font-weight:700;display:flex;justify-content:space-between;align-items:center;height:18px;-webkit-user-select:none;user-select:none}.title-bar-text{font-size:11px;letter-spacing:.5px}.title-bar-controls{display:flex;gap:2px}.title-bar-controls button{width:16px;height:14px;font-size:9px;line-height:10px;margin:0;padding:0;background:var(--win-bg);border:1px solid var(--win-darkest);box-shadow:inset 1px 1px 0 var(--win-white),inset -1px -1px 0 var(--win-gray-dark);font-family:inherit;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.title-bar-controls button:active{box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-white);padding-top:1px;padding-left:1px}.window-body{padding:4px;flex-grow:1;display:flex;flex-direction:column;overflow:hidden;background:var(--win-bg);min-height:0}input[type=text],input[type=password],textarea{border:1px solid var(--win-gray-dark);border-bottom-color:var(--win-white);border-right-color:var(--win-white);background:white;padding:4px;font-family:inherit;font-size:13px;outline:none;box-shadow:inset 1px 1px 0 var(--win-darkest)}button.retro-btn{background:var(--win-bg);border:1px solid var(--win-darkest);box-shadow:inset 1px 1px 0 var(--win-white),inset -1px -1px 0 var(--win-gray-dark);padding:4px 16px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500}button.retro-btn:active{box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-white);padding:5px 15px 3px 17px}.inset-box{border:1px solid var(--win-gray-dark);border-bottom-color:var(--win-white);border-right-color:var(--win-white);background:white;box-shadow:inset 1px 1px 0 var(--win-darkest);padding:10px}.retro-link{color:#44f;text-decoration:underline;cursor:pointer;font-size:11px}.retro-link:hover{color:red}::-webkit-scrollbar{width:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAD0lEQVQImWNkYGD4z4AGAAXWAf7rY3/sAAAAAElFTkSuQmCC) repeat;background-color:var(--win-gray-light)}::-webkit-scrollbar-thumb{background:var(--win-bg);border:1px solid var(--win-darkest);box-shadow:inset 1px 1px 0 var(--win-white),inset -1px -1px 0 var(--win-gray-dark)}@media (max-width: 600px){.window{width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important;border:none!important;box-shadow:none!important}}