:root{--win98-bg: #c0c0c0;--win98-dark: #808080;--win98-darker: #404040;--win98-white: #ffffff;--win98-black: #000000;--win98-title-active: #000080;--win98-title-inactive: #7f7f7f;--win98-title-text: #ffffff;--win98-border-light: #dfdfdf;--win98-border-dark: #808080;--win98-border-darker: #404040;--win98-selection: #000080;--win98-selection-text: #ffffff;--win98-button-face: #c0c0c0;--win98-scrollbar: #c0c0c0;--icq-green: #00aa00;--icq-yellow: #ffcc00;--icq-red: #cc0000;--icq-flower: #0a7a2e;--icq-blue: #0000cc}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:teal}body{font-family:"Microsoft Sans Serif",Tahoma,Arial,sans-serif;font-size:11px;color:var(--win98-black);image-rendering:pixelated}.win98-window{background:var(--win98-bg);border:2px solid;border-color:var(--win98-white) var(--win98-darker) var(--win98-darker) var(--win98-white);box-shadow:1px 1px 0 var(--win98-dark);position:relative;display:flex;flex-direction:column}.win98-title-bar{background:linear-gradient(to right,var(--win98-title-active),#1084d0);padding:3px 5px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;cursor:default;min-height:20px}.win98-title-bar.inactive{background:linear-gradient(to right,var(--win98-title-inactive),#b5b5b5)}.win98-title-bar-text{color:var(--win98-title-text);font-weight:700;font-size:11px;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win98-title-buttons{display:flex;gap:2px;flex-shrink:0}.win98-title-btn{width:16px;height:14px;background:var(--win98-bg);border:1px solid;border-color:var(--win98-white) var(--win98-darker) var(--win98-darker) var(--win98-white);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:9px;font-family:Marlett,Arial,sans-serif;padding:0;line-height:1}.win98-title-btn:active{border-color:var(--win98-darker) var(--win98-white) var(--win98-white) var(--win98-darker);padding:1px 0 0 1px}.win98-title-btn:hover{background:var(--win98-border-light)}.win98-title-btn.close:hover{background:#c00;color:#fff}.win98-btn{background:var(--win98-button-face);border:1px solid;border-color:var(--win98-white) var(--win98-darker) var(--win98-darker) var(--win98-white);padding:3px 10px;font-family:inherit;font-size:11px;cursor:pointer;min-height:23px;min-width:75px;outline:none;box-shadow:1px 1px 0 var(--win98-dark);position:relative;white-space:nowrap}.win98-btn:hover{background:var(--win98-border-light)}.win98-btn:active,.win98-btn.pressed{border-color:var(--win98-darker) var(--win98-white) var(--win98-white) var(--win98-darker);box-shadow:none;padding:4px 9px 2px 11px}.win98-btn:disabled{color:var(--win98-dark);text-shadow:1px 1px 0 var(--win98-white);cursor:not-allowed}.win98-btn.primary{border:2px solid var(--win98-black)}.win98-btn.small{min-width:40px;padding:2px 6px;min-height:18px;font-size:10px}.win98-btn.icon-btn{min-width:unset;width:24px;height:24px;padding:2px;display:flex;align-items:center;justify-content:center}.win98-input{background:var(--win98-white);border:1px solid;border-color:var(--win98-darker) var(--win98-white) var(--win98-white) var(--win98-darker);box-shadow:inset 1px 1px 0 var(--win98-dark);padding:3px 5px;font-family:inherit;font-size:11px;outline:none;width:100%}.win98-input:focus{outline:1px dotted var(--win98-black);outline-offset:-2px}.win98-textarea{background:var(--win98-white);border:1px solid;border-color:var(--win98-darker) var(--win98-white) var(--win98-white) var(--win98-darker);box-shadow:inset 1px 1px 0 var(--win98-dark);padding:3px 5px;font-family:inherit;font-size:11px;outline:none;resize:none;width:100%}.win98-textarea:focus{outline:1px dotted var(--win98-black);outline-offset:-2px}.win98-panel{border:1px solid;border-color:var(--win98-darker) var(--win98-white) var(--win98-white) var(--win98-darker);box-shadow:inset 1px 1px 0 var(--win98-dark);background:var(--win98-white);padding:4px}.win98-panel.raised{border-color:var(--win98-white) var(--win98-darker) var(--win98-darker) var(--win98-white);box-shadow:1px 1px 0 var(--win98-dark);background:var(--win98-bg)}.win98-separator{border:none;border-top:1px solid var(--win98-dark);border-bottom:1px solid var(--win98-white);margin:4px 0}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--win98-bg);border:1px solid var(--win98-dark)}::-webkit-scrollbar-thumb{background:var(--win98-bg);border:1px solid;border-color:var(--win98-white) var(--win98-darker) var(--win98-darker) var(--win98-white);box-shadow:1px 1px 0 var(--win98-dark)}::-webkit-scrollbar-button{background:var(--win98-bg);border:1px solid;border-color:var(--win98-white) var(--win98-darker) var(--win98-darker) var(--win98-white);width:16px;height:16px}.win98-tabs{display:flex;border-bottom:2px solid var(--win98-dark);gap:2px;padding:2px 2px 0}.win98-tab{background:var(--win98-bg);border:1px solid;border-color:var(--win98-white) var(--win98-darker) transparent var(--win98-white);padding:3px 10px;cursor:pointer;font-family:inherit;font-size:11px;margin-bottom:-2px;position:relative}.win98-tab.active{background:var(--win98-bg);border-bottom-color:var(--win98-bg);z-index:1;font-weight:700}.win98-menu{background:var(--win98-bg);border:1px solid;border-color:var(--win98-white) var(--win98-darker) var(--win98-darker) var(--win98-white);box-shadow:2px 2px 0 var(--win98-dark);padding:2px;min-width:120px;z-index:10000;position:absolute}.win98-menu-item{padding:3px 20px;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:6px}.win98-menu-item:hover{background:var(--win98-selection);color:var(--win98-selection-text)}.win98-menu-item.disabled{color:var(--win98-dark);cursor:not-allowed}.win98-menu-separator{border:none;border-top:1px solid var(--win98-dark);border-bottom:1px solid var(--win98-white);margin:2px 0}.win98-status-bar{background:var(--win98-bg);border-top:1px solid var(--win98-dark);padding:2px 4px;display:flex;align-items:center;gap:4px;font-size:10px}.win98-status-panel{border:1px solid;border-color:var(--win98-darker) var(--win98-white) var(--win98-white) var(--win98-darker);padding:1px 4px;flex:1}.win98-progress{background:var(--win98-white);border:1px solid;border-color:var(--win98-darker) var(--win98-white) var(--win98-white) var(--win98-darker);height:18px;position:relative;overflow:hidden}.win98-progress-bar{background:var(--win98-title-active);height:100%;transition:width .2s}.win98-tooltip{background:#ffffe1;border:1px solid var(--win98-black);padding:2px 5px;font-size:11px;position:absolute;z-index:9999;pointer-events:none;white-space:nowrap;box-shadow:1px 1px 0 var(--win98-dark)}.win98-listbox{background:var(--win98-white);border:1px solid;border-color:var(--win98-darker) var(--win98-white) var(--win98-white) var(--win98-darker);overflow-y:auto}.win98-listbox-item{padding:2px 4px;cursor:pointer;display:flex;align-items:center;gap:4px}.win98-listbox-item:hover,.win98-listbox-item.selected{background:var(--win98-selection);color:var(--win98-selection-text)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.win98-loading{animation:spin 1s linear infinite}.win98-label{font-size:11px;margin-bottom:2px;display:block}.win98-group-box{border:1px solid var(--win98-dark);padding:8px;margin:4px 0;position:relative}.win98-group-box-title{position:absolute;top:-7px;left:6px;background:var(--win98-bg);padding:0 4px;font-size:11px}#root{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:teal;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.icq-app{display:flex;align-items:flex-start;gap:4px;height:100vh;padding:8px;width:100%;overflow:hidden}.icq-main-window{width:220px;min-width:180px;max-width:280px;height:100%;max-height:700px;display:flex;flex-direction:column;flex-shrink:0;resize:horizontal;overflow:hidden}.icq-flower{height:16px;width:auto;display:inline-block;vertical-align:middle}.icq-logo-area{background:linear-gradient(135deg,#0a7a2e,#6dc24a,#0a7a2e);padding:6px;display:flex;align-items:center;gap:6px;border-bottom:2px solid var(--win98-darker)}.icq-logo-text{font-size:18px;font-weight:700;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.5);letter-spacing:2px;font-style:italic}.icq-uin-display{font-size:9px;color:#ffffffe6;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.icq-my-status{padding:4px;display:flex;align-items:center;gap:6px;background:var(--win98-bg);border-bottom:1px solid var(--win98-dark);cursor:pointer}.icq-my-status:hover{background:var(--win98-border-light)}.icq-my-avatar{width:32px;height:32px;border:1px solid var(--win98-dark);object-fit:cover;background:var(--win98-bg);flex-shrink:0}.icq-my-info{flex:1;overflow:hidden}.icq-my-nickname{font-weight:700;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icq-my-uin{font-size:9px;color:var(--win98-dark)}.status-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.3);flex-shrink:0;display:inline-block}.status-dot.online{background:#0c0;box-shadow:0 0 4px #0c0}.status-dot.away{background:#fc0;box-shadow:0 0 4px #fc0}.status-dot.na{background:#fc0}.status-dot.occupied{background:#c00}.status-dot.dnd{background:#c00;box-shadow:0 0 4px #c00}.status-dot.ffc{background:#0af;box-shadow:0 0 4px #0af}.status-dot.invisible{background:var(--win98-bg);border:1px solid var(--win98-dark)}.status-dot.offline{background:#888}.status-flower{font-size:14px;line-height:1;flex-shrink:0}.icq-contact-list{flex:1;overflow-y:auto;background:var(--win98-white);border:1px solid;border-color:var(--win98-darker) var(--win98-white) var(--win98-white) var(--win98-darker)}.icq-contact-group{-webkit-user-select:none;user-select:none}.icq-contact-group-header{background:#d4d4d4;padding:2px 4px;display:flex;align-items:center;gap:4px;cursor:pointer;font-weight:700;font-size:10px;border-bottom:1px solid var(--win98-dark);position:sticky;top:0;z-index:1}.icq-contact-group-header:hover{background:#c4c4c4}.icq-contact-item{display:flex;align-items:center;gap:5px;padding:3px 6px;cursor:pointer;position:relative}.icq-contact-item:hover{background:#e8e8ff}.icq-contact-item.selected{background:var(--win98-selection);color:var(--win98-selection-text)}.icq-contact-item.unread{font-weight:700}.icq-contact-avatar{width:24px;height:24px;border:1px solid var(--win98-dark);object-fit:cover;flex-shrink:0;background:var(--win98-bg)}.icq-contact-info{flex:1;overflow:hidden;line-height:1.3}.icq-contact-name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icq-contact-status-text{font-size:9px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icq-contact-item.selected .icq-contact-status-text{color:#aaf}.icq-unread-badge{background:#f40;color:#fff;font-size:9px;font-weight:700;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px;flex-shrink:0}.icq-toolbar{background:var(--win98-bg);border-top:1px solid var(--win98-dark);padding:3px;display:flex;align-items:center;gap:2px;flex-wrap:wrap}.icq-toolbar-btn{width:26px;height:26px;background:var(--win98-bg);border:1px solid;border-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;title:attr(title)}.icq-toolbar-btn:hover{border-color:var(--win98-white) var(--win98-darker) var(--win98-darker) var(--win98-white)}.icq-toolbar-btn:active{border-color:var(--win98-darker) var(--win98-white) var(--win98-white) var(--win98-darker)}.icq-chat-window{flex:1;min-width:300px;height:100%;max-height:700px;display:flex;flex-direction:column;overflow:hidden}.icq-chat-header{background:linear-gradient(to right,var(--win98-title-active),#1084d0);padding:4px 8px;display:flex;align-items:center;gap:8px;min-height:28px}.icq-chat-header-avatar{width:20px;height:20px;border:1px solid rgba(255,255,255,.5);object-fit:cover}.icq-chat-header-info{flex:1;overflow:hidden}.icq-chat-header-name{color:#fff;font-weight:700;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icq-chat-header-status{color:#fffc;font-size:9px}.icq-chat-header-actions{display:flex;gap:2px}.icq-chat-header-btn{width:20px;height:18px;background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.icq-chat-header-btn:hover{background:#ffffff59}.icq-messages{flex:1;overflow-y:auto;background:var(--win98-white);border:1px solid;border-color:var(--win98-darker) var(--win98-white) var(--win98-white) var(--win98-darker);padding:4px;display:flex;flex-direction:column;gap:2px}.icq-message{display:flex;flex-direction:column;max-width:85%;gap:1px;position:relative}.icq-message.mine{align-self:flex-end;align-items:flex-end}.icq-message.theirs{align-self:flex-start;align-items:flex-start}.icq-message-sender{font-size:10px;font-weight:700;color:var(--win98-title-active);padding:0 4px}.icq-message.mine .icq-message-sender{color:#070}.icq-message-bubble{background:#ffc;border:1px solid #cccc99;padding:4px 8px;font-size:12px;line-height:1.4;word-wrap:break-word;position:relative;max-width:100%}.icq-message.mine .icq-message-bubble{background:#cfc;border-color:#9c9}.icq-message.deleted .icq-message-bubble{background:#f0f0f0;color:#999;font-style:italic}.icq-message-meta{font-size:9px;color:#888;padding:0 4px;display:flex;align-items:center;gap:4px}.icq-message-edited{font-style:italic;color:#aaa;font-size:9px}.icq-read-tick{font-size:10px;color:#00c}.icq-reply-preview{background:#00008014;border-left:3px solid var(--win98-title-active);padding:2px 6px;font-size:10px;margin-bottom:2px;cursor:pointer}.icq-reply-preview .reply-sender{font-weight:700;color:var(--win98-title-active)}.icq-reply-preview .reply-content{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icq-reactions{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}.icq-reaction{background:#e8e8ff;border:1px solid #9999cc;padding:1px 5px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:2px;border-radius:2px}.icq-reaction:hover{background:#d0d0ff}.icq-reaction.mine{background:#ccf;border-color:#66c}.icq-reaction-count{font-size:9px;color:#444}.icq-typing{font-size:10px;color:#666;font-style:italic;padding:2px 4px;display:flex;align-items:center;gap:4px}.icq-typing-dots{display:flex;gap:2px}.icq-typing-dot{width:4px;height:4px;background:#666;border-radius:50%;animation:typing-bounce 1.4s infinite}.icq-typing-dot:nth-child(2){animation-delay:.2s}.icq-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}.icq-input-area{background:var(--win98-bg);border-top:1px solid var(--win98-dark);padding:4px;display:flex;flex-direction:column;gap:3px}.icq-input-toolbar{display:flex;align-items:center;gap:2px}.icq-input-row{display:flex;gap:3px;align-items:flex-end}.icq-message-input{flex:1;min-height:40px;max-height:120px;resize:none}.icq-send-btn{min-width:unset;width:60px;align-self:flex-end;height:40px;font-weight:700}.icq-attach-preview{display:flex;align-items:center;gap:4px;padding:3px;background:#ffe;border:1px solid #cccc66;font-size:10px}.icq-attach-preview img{max-width:40px;max-height:40px;object-fit:contain}.icq-attach-preview-remove{cursor:pointer;color:#c00;font-weight:700;font-size:12px;padding:0 2px}.icq-image-msg{max-width:200px;max-height:200px;cursor:zoom-in;border:1px solid var(--win98-dark);display:block}.icq-file-msg{display:flex;align-items:center;gap:4px;padding:4px;background:#f0f0f0;border:1px solid var(--win98-dark);cursor:pointer;text-decoration:none;color:inherit;font-size:11px}.icq-file-msg:hover{background:#e0e0ff}.icq-file-icon{font-size:20px}.icq-file-info{flex:1;overflow:hidden}.icq-file-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icq-file-size{font-size:9px;color:#666}.icq-context-menu{position:fixed;z-index:10000}.icq-status-menu{position:absolute;bottom:100%;left:0;right:0;z-index:1000}.icq-status-item{display:flex;align-items:center;gap:6px;padding:4px 8px;cursor:pointer;font-size:11px}.icq-status-item:hover{background:var(--win98-selection);color:var(--win98-selection-text)}.icq-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:9000}.icq-modal{min-width:280px;max-width:480px;width:90%;max-height:80vh;display:flex;flex-direction:column}.icq-modal-body{padding:12px;overflow-y:auto;flex:1}.icq-modal-footer{padding:8px 12px;border-top:1px solid var(--win98-dark);display:flex;justify-content:flex-end;gap:4px}.icq-auth-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.icq-auth-window{width:340px}.icq-auth-logo{background:linear-gradient(135deg,#0a7a2e,#6dc24a);padding:20px;display:flex;flex-direction:column;align-items:center;gap:6px}.icq-auth-logo-text{font-size:36px;font-weight:700;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.4);letter-spacing:4px;font-style:italic}.icq-auth-logo-sub{font-size:12px;color:#ffffffe6;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.icq-auth-form{padding:12px;display:flex;flex-direction:column;gap:8px}.icq-form-row{display:flex;flex-direction:column;gap:2px}.icq-form-row-inline{display:flex;align-items:center;gap:8px}.icq-search-box{display:flex;align-items:center;gap:2px;padding:2px;background:var(--win98-bg);border-bottom:1px solid var(--win98-dark)}.icq-search-input{flex:1;height:20px;font-size:11px}.icq-profile-avatar{width:64px;height:64px;border:2px solid var(--win98-dark);object-fit:cover;cursor:pointer}.icq-date-divider{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:9px;color:#999}.icq-date-divider:before,.icq-date-divider:after{content:"";flex:1;border-top:1px solid #ddd}.icq-msg-actions{position:absolute;top:0;right:-80px;display:none;flex-direction:column;gap:1px;z-index:100}.icq-message:hover .icq-msg-actions{display:flex}.icq-message.mine:hover .icq-msg-actions{right:unset;left:-80px}@keyframes notification-pop{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.icq-notification{position:fixed;bottom:20px;right:20px;background:var(--win98-bg);border:2px solid;border-color:var(--win98-white) var(--win98-darker) var(--win98-darker) var(--win98-white);padding:0;min-width:200px;z-index:9999;animation:notification-pop .2s ease-out;box-shadow:2px 2px 0 var(--win98-dark)}em-emoji-picker{--border-radius: 0;--font-family: "Microsoft Sans Serif", "Tahoma", "Arial", sans-serif;--font-size: 11px;height:280px;width:280px}@media (max-width: 600px){.icq-main-window{width:100%;max-width:100%}.icq-chat-window{display:none}.icq-chat-window.active{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;height:100vh;max-height:100vh}.icq-app{padding:0}.icq-main-window{height:100vh;max-height:100vh}}.icq-messages::-webkit-scrollbar{width:16px}.icq-contact-list::-webkit-scrollbar{width:16px}