html{background-color:#1b2636;text-align:center;color:#fff}body{margin:0;color:#fff;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:local(""),url(/assets/nunito-v16-latin-regular.06f3af3f.woff2) format("woff2")}#app{height:100vh;text-align:center}:root{--win-grey: #D4D0C8;--win-blue: #0A246A;--win-bevel-light: #FFFFFF;--win-bevel-dark: #808080;--win-bevel-black: #000000;--retro-yellow: #FFFFE1}body{margin:0;padding:0;background-color:var(--win-grey);font-family:Tahoma,"MS Sans Serif",sans-serif;font-size:11px;-webkit-font-smoothing:none;overflow:auto;user-select:none}#root{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box}::-webkit-scrollbar{width:16px;height:16px;background:var(--win-grey)}::-webkit-scrollbar-button{display:block;width:16px;height:16px;background-color:var(--win-grey);border:1px solid;border-color:var(--win-bevel-light) var(--win-bevel-black) var(--win-bevel-black) var(--win-bevel-light)}::-webkit-scrollbar-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 2 L1 8 L9 8 Z' fill='black'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}::-webkit-scrollbar-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8 L1 2 L9 2 Z' fill='black'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}::-webkit-scrollbar-button:start:increment,::-webkit-scrollbar-button:end:decrement{display:none}.window-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999}.away-editor-window{background:var(--win-grey);border:2px solid;border-color:var(--win-bevel-light) var(--win-bevel-dark) var(--win-bevel-dark) var(--win-bevel-light);box-shadow:2px 2px 10px #00000080}.win-btn{padding:2px 12px;background:var(--win-grey);border:2px solid;border-color:var(--win-bevel-light) var(--win-bevel-dark) var(--win-bevel-dark) var(--win-bevel-light);font-size:11px}.win-btn:active{border-color:var(--win-bevel-dark) var(--win-bevel-light) var(--win-bevel-light) var(--win-bevel-dark)}::-webkit-scrollbar-thumb{background:var(--win-grey);border:1px solid;border-color:var(--win-bevel-light) var(--win-bevel-black) var(--win-bevel-black) var(--win-bevel-light)}.window{background:var(--win-grey);width:100vw;height:100vh;display:flex;flex-direction:column}.title-bar{background:var(--win-grey);display:flex;justify-content:space-between;align-items:center;padding:3px 2px 3px 3px;border-bottom:1px solid var(--win-bevel-dark)}.title-bar-text{font-weight:700;color:#000;letter-spacing:0;margin-right:24px}.title-bar-controls{display:flex;gap:2px}button[aria-label=Close]{min-width:16px;width:16px;height:14px;padding:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}button[aria-label=Close]:after{content:"x";margin-top:-2px}button{background:var(--win-grey);border:1px solid;border-top-color:var(--win-bevel-light);border-left-color:var(--win-bevel-light);border-right-color:var(--win-bevel-black);border-bottom-color:var(--win-bevel-black);box-shadow:1px 1px 0 var(--win-bevel-dark) inset,-1px -1px 0 var(--win-bevel-dark) inset;padding:4px 12px;font-family:inherit;font-size:11px;color:#000;outline:none}button:active{border-top-color:var(--win-bevel-black);border-left-color:var(--win-bevel-black);border-right-color:var(--win-bevel-light);border-bottom-color:var(--win-bevel-light);box-shadow:none;transform:translate(1px,1px)}input[type=text],input[type=password]{border:2px solid;border-top-color:var(--win-bevel-dark);border-left-color:var(--win-bevel-dark);border-right-color:var(--win-bevel-light);border-bottom-color:var(--win-bevel-light);background:white;padding:2px 4px;font-family:inherit;font-size:11px}.sign-on-container{display:flex;flex-direction:column;width:420px;max-width:95vw;height:300px;max-height:95vh;background:var(--win-grey);box-shadow:2px 2px 10px #00000080;overflow:hidden}@media (max-width: 500px),(max-height: 500px){.sign-on-container{height:100vh!important;width:100vw!important;max-height:100vh!important;max-width:100vw!important;border:none;box-shadow:none;border-radius:0}}.logo-large{width:120px;margin-bottom:20px}.sign-on-form{border:1px solid var(--win-bevel-dark);padding:20px;display:flex;flex-direction:column;gap:10px;width:100%;max-width:250px;box-sizing:border-box}@media (max-width: 400px){.login-banner{display:none!important}}.tab-container{display:flex;border-bottom:1px solid var(--win-bevel-light);margin-bottom:10px}.tab{padding:4px 8px;border:1px solid;border-top-color:var(--win-bevel-light);border-left-color:var(--win-bevel-light);border-right-color:var(--win-bevel-black);border-bottom-color:var(--win-bevel-light);background:var(--win-grey);margin-right:2px;cursor:pointer;color:#000;font-weight:700}.tab.active{background:var(--win-grey);border-bottom:2px solid var(--win-grey);margin-bottom:-1px;z-index:10}.buddy-list-window{min-width:200px;max-width:300px}@media (max-width: 500px){.buddy-list-window{width:100%!important;max-width:100%!important;height:100%!important;border:none}}.menu-bar{display:flex;gap:12px;padding:2px 6px;border-bottom:1px solid var(--win-bevel-light);background:var(--win-grey)}.menu-bar span{cursor:pointer;color:#000;padding:2px 4px}.menu-bar span:hover{background:navy;color:#fff}.buddy-list-header{background:#000080;padding:8px;border-bottom:1px solid var(--win-bevel-dark);display:flex;align-items:center;gap:12px}.buddy-list-content{flex:1;background:white;border:2px solid;border-color:var(--win-bevel-dark) var(--win-bevel-light) var(--win-bevel-light) var(--win-bevel-dark);margin:4px;padding:4px;overflow-y:auto}.group-header{cursor:pointer;padding:2px 4px;font-weight:700;color:#000;display:flex;align-items:center;gap:2px}.group-header:hover{background-color:var(--retro-yellow)}.group-header.active{background-color:#ff0;color:#000}.arrow{display:inline-block;width:12px;font-size:9px}.group-items{padding-left:2px}.buddy-item{padding:1px 16px;cursor:pointer;white-space:nowrap;font-family:Tahoma,sans-serif;font-size:11px}@media (max-width: 500px){.buddy-item{font-size:14px;padding:8px 16px}}.buddy-item.online{color:#000;font-weight:700}.buddy-item.offline{color:gray;font-style:italic}.buddy-item:hover{background-color:#0a246a;color:#fff}.buddy-item.dev-link{color:#00f;text-decoration:underline}.empty-message{color:gray;font-style:italic;padding-left:4px}.ticker-area{height:20px;border:2px solid;border-color:var(--win-bevel-dark) var(--win-bevel-light) var(--win-bevel-light) var(--win-bevel-dark);margin:0 4px;background:white;overflow:hidden;white-space:nowrap;display:flex;align-items:center}.ticker-text{animation:ticker 10s linear infinite;padding-left:100%;color:#000}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-200%)}}.ad-banner{height:60px;margin:4px;background:black;color:#ff0;display:flex;align-items:center;justify-content:center;border:2px solid grey}.buddy-list-footer{display:flex;justify-content:space-around;padding:4px;border-top:1px solid var(--win-bevel-light)}.icon-btn{min-width:40px;font-weight:700}.im-window{display:flex!important;flex-direction:column!important;width:100%!important;height:100%;text-align:left!important}.im-log-container{flex:1;background:white;border:2px solid;border-color:var(--win-bevel-dark) var(--win-bevel-light) var(--win-bevel-light) var(--win-bevel-dark);overflow-y:auto;padding:8px;margin-bottom:4px;font-family:Times New Roman,serif;font-size:14px}.im-input-area{height:60px;background:white;border:2px solid;border-color:var(--win-bevel-dark) var(--win-bevel-light) var(--win-bevel-light) var(--win-bevel-dark);box-sizing:border-box}.im-input-area textarea{width:100%;height:100%;border:none;outline:none;resize:none;padding:4px;font-family:Times New Roman,serif;font-size:14px;box-sizing:border-box}.im-name-me{color:#00f;font-weight:700}.im-name-buddy{color:red;font-weight:700}.im-timestamp{color:gray;font-size:10px;margin-right:6px}.im-log-container{word-break:break-word;overflow-wrap:break-word}.im-log-container>div{word-break:break-word;white-space:pre-wrap}.im-log-container strong{font-weight:700!important}.im-log-container em{font-style:italic!important}.im-log-container u{text-decoration:underline!important}.menu-item:hover{background:#000080;color:#fff}
