:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#376a8f;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:14px;line-height:1.35}*{box-sizing:border-box}body{touch-action:manipulation;min-width:320px;margin:0}#root{min-height:100svh}button,input,textarea{font-family:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #f4d35e}.boot-screen,.desktop-shell{background:linear-gradient(90deg,#ffffff47 1px,#0000 1px) 0 0/22px 22px,linear-gradient(#ffffff38 1px,#0000 1px) 0 0/22px 22px,linear-gradient(135deg,#376a8f 0%,#79a15c 52%,#d7c36c 100%);min-height:100svh}.boot-screen{place-items:center;padding:24px;display:grid}.desktop-shell{grid-template-columns:minmax(280px,330px) minmax(0,760px);justify-content:center;align-items:start;gap:18px;padding:28px;display:grid}.login-window,.buddy-window,.chat-window{background:#f0f0dc;border:1px solid #173251;border-radius:4px;overflow:hidden;box-shadow:inset 1px 1px #fff,inset -1px -1px #8f9778,0 18px 42px #19232e57}.login-window{width:min(100%,420px)}.window-titlebar{color:#fff;text-shadow:0 1px #06213c;background:linear-gradient(#2e78bf,#16508c);border-bottom:1px solid #0a2b4d;align-items:center;gap:9px;min-height:34px;padding:0 8px;font-size:13px;font-weight:700;display:flex}.window-titlebar>span:not(.flower-mark){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.window-buttons{gap:4px;margin-left:auto;display:flex}.window-buttons span{background:linear-gradient(#f7fbff,#9bb5d1);border:1px solid #11375f;width:15px;height:15px;box-shadow:inset 1px 1px #fff}.mobile-menu-toggle,.mobile-contacts-toggle,.mobile-panel,.mobile-panel-close{display:none}.flower-mark{flex:none;width:21px;height:21px;position:relative}.flower-mark i{background:#86c84b;border:1px solid #2d6d2e;border-radius:50%;width:10px;height:10px;position:absolute}.flower-mark i:first-child{top:0;left:5px}.flower-mark i:nth-child(2){background:#f1dc54;top:6px;right:0}.flower-mark i:nth-child(3){background:#e86e52;bottom:0;left:5px}.flower-mark i:nth-child(4){background:#62add8;top:6px;left:0}.login-content{gap:14px;padding:24px;display:grid}.uin-label,.login-note{color:#4e5a42;font-size:13px}.login-content h1{color:#11223c;letter-spacing:0;margin:0;font-family:Trebuchet MS,Verdana,sans-serif;font-size:42px;line-height:1}.login-content label{color:#23314c;font-size:13px;font-weight:700}input,textarea{box-sizing:border-box;color:#111827;width:100%;font:inherit;background:#fff;border:1px solid #7c8da0;border-radius:2px;box-shadow:inset 1px 1px 2px #1a273a33}input{height:38px;padding:0 10px}textarea{resize:vertical;min-height:78px;padding:9px 10px}button{color:#13223c;cursor:pointer;font:inherit;background:linear-gradient(#fffdf2,#d6d6bd);border:1px solid #435166;border-radius:3px;font-weight:700;box-shadow:inset 1px 1px #fff,inset -1px -1px #9b9b82}button:disabled{cursor:not-allowed;opacity:.52;transform:none}button:active{transform:translateY(1px);box-shadow:inset 1px 1px 2px #00000047}.auth-tabs{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:4px;display:grid}.auth-tabs button{min-height:32px;font-size:12px}.auth-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(#3c8bce,#15518f);box-shadow:inset 1px 1px #ffffff6b}.login-content button{min-height:40px}.error-line,.notice-line{color:#8a1c16;font-size:12px;font-weight:700}.invite-note{color:#21344f;background:#dcebc6;border:1px solid #9dad83;margin:0;padding:9px 10px;font-size:13px;font-weight:700;box-shadow:inset 1px 1px #fff}.invite-note.error{color:#8a1c16;background:#f4e1d6;border-color:#be8c73}.profile-strip{background:#e6e7cd;border-bottom:1px solid #b9bf9d;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.profile-info{flex:auto;gap:2px;min-width:0;display:grid}.profile-strip strong,.profile-strip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-strip strong{color:#15233a}.profile-strip span{color:#5e694f;font-size:12px}.profile-strip button{min-width:74px;min-height:29px;font-size:12px}.profile-status{color:#8a1c16}.profile-actions{flex:none;grid-template-columns:32px minmax(74px,auto);align-items:center;gap:6px;display:grid}.profile-actions button:not(.settings-button){min-width:74px}.profile-actions .settings-button{place-items:center;width:32px;min-width:32px;max-width:32px;height:29px;padding:0;display:inline-grid}.settings-button span{background:radial-gradient(circle,#0000 0 3px,#15233a 4px 5px,#0000 6px);border:2px solid #15233a;border-radius:50%;width:15px;height:15px;position:relative}.settings-button span:before,.settings-button span:after{content:"";background:#15233a;border-radius:2px;width:3px;height:21px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.settings-button span:after{transform:translate(-50%)rotate(90deg)}.toolbar{background:#f7f7e8;border-bottom:1px solid #c1c8a8;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px 12px;display:grid}.toolbar button{min-height:30px;font-size:16px;line-height:1}.invite-panel{background:#eef1d9;border-bottom:1px solid #c1c8a8;gap:7px;padding:9px 12px;display:grid}.invite-panel>button{min-height:31px;font-size:12px}.invite-link-row{grid-template-columns:minmax(0,1fr) 58px;gap:7px;display:grid}.invite-link-row input{height:31px;font-size:11px}.invite-link-row button{min-height:31px;font-size:12px}.contact-add{background:#f7f7e8;border-bottom:1px solid #c1c8a8;grid-template-columns:minmax(0,1fr) 42px;gap:7px;padding:9px 12px;display:grid}.contact-add input{height:31px;font-size:13px}.contact-add button{min-height:31px;font-size:18px;line-height:1}.contact-group{color:#21344f;text-transform:uppercase;background:#cadbb1;border-block:1px solid #9dad83;padding:8px 12px;font-size:12px;font-weight:700}.contact-group.offline-group{color:#4e5a62;background:#d7dacb;border-block-color:#b0b5a5}.contact-group.group-heading{grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:8px;display:grid}.contact-group.group-heading button{min-width:28px;min-height:24px;padding:0;font-size:15px;line-height:1}.contact-list{max-height:calc(100svh - 220px);display:grid;overflow:auto}.contact-list.offline-list{max-height:230px}.contact-list.group-list{max-height:220px}.empty-state{color:#5d6752;margin:0;padding:18px 14px;font-size:13px}.empty-state.compact{color:#7a806f;padding-block:10px}.contact-row{border:0;min-height:58px;box-shadow:none;text-align:left;background:#f4f4e4;border-bottom:1px solid #d3d4bc;border-radius:0;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 12px;display:grid}.contact-row.active{background:#d9e9c9}.contact-row.offline{background:#e7e8d8}.contact-row.offline.active{background:#dfe4d5}.contact-row.group-row{background:#eef1de}.contact-row.group-row.active{background:#dcebc6}.presence{border:1px solid #1d2e2694;border-radius:50%;width:11px;height:11px;box-shadow:inset 1px 1px #ffffffc7}.presence.status-free{background:#45b83d}.presence.status-busy{background:#c43b32}.presence.status-working{background:#e0bb33}.presence.offline{opacity:1;background:#a9b0b4;border-color:#77808a}.group-mark{color:#1f4d7c;background:linear-gradient(#f7fbff,#cdddb7);border:1px solid #5c704a;border-radius:2px;place-items:center;width:18px;height:18px;font-size:13px;font-weight:800;line-height:1;display:inline-grid;box-shadow:inset 1px 1px #fff}.contact-copy{gap:2px;min-width:0;display:grid}.contact-copy strong,.contact-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-copy strong{color:#101d35}.contact-row.offline .contact-copy strong{color:#56606a}.contact-copy small{color:#5b6552;font-size:12px}.contact-row.offline .contact-copy small{color:#747b70}.unread{color:#fff;background:#c33f32;border-radius:11px;place-items:center;min-width:22px;height:22px;font-size:12px;display:inline-grid}.chat-window{grid-template-rows:auto auto minmax(260px,1fr) auto auto;min-height:min(760px,100svh - 56px);display:grid;position:relative}.chat-header{background:#f8f8e8;border-bottom:1px solid #c1c8a8;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.chat-header div{align-items:center;gap:8px;min-width:0;display:flex}.chat-header strong,.chat-header small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-header strong{color:#14233b}.chat-header small{color:#5a654e;font-size:12px}.chat-header button{min-width:92px;min-height:30px;font-size:12px}.message-log{color:#1c2630;background:linear-gradient(90deg,#dff2ff 0%,#f6fbff 58%,#fff 100%);border-inline:3px solid #d4d8dc;flex-direction:column;gap:12px;padding:12px 14px 16px;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:16px;line-height:1.22;display:flex;overflow:auto}.message{max-width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.message.me,.message.friend{align-self:stretch}.message-status{color:#be2326;border-bottom:1px solid #aebfcc;margin:0 0 2px;padding:0 0 9px;font-size:16px;line-height:1.18;display:block;box-shadow:0 1px #fff}.message-status strong{font-weight:800}.message-meta{color:#141c9c;align-items:center;gap:6px;margin-bottom:2px;font-size:16px;line-height:1.18;display:flex}.message-meta strong{color:#141c9c;font-weight:800}.message.me .message-meta strong{color:#be2326}.message-meta time{color:#141c9c;font-size:16px;font-weight:800}.message p{color:#1e2934;overflow-wrap:anywhere;margin:0;padding-left:0;font-size:16px;font-weight:400}.message-smile{vertical-align:middle;max-width:42px;max-height:42px;margin:0 2px;display:inline-block}.smile-row{background:#dce5c5;border-top:1px solid #b4bd9c;gap:6px;padding:8px 10px;display:flex;overflow-x:auto}.smile-row button{flex:none;place-items:center;width:42px;min-width:42px;height:34px;min-height:34px;padding:2px;display:inline-grid}.smile-row img{pointer-events:none;max-width:34px;max-height:30px}.composer{background:#eff0d9;border-top:1px solid #b4bd9c;grid-template-columns:minmax(0,1fr) 92px;gap:10px;padding:10px;display:grid}.composer button{min-height:78px}.no-chat{color:#5d6752;background:linear-gradient(#ffffffbd,#ffffffbd),repeating-linear-gradient(0deg,#e9e9d4 0 1px,#f6f6e7 1px 23px);grid-row:2/-1;place-items:center;min-height:420px;display:grid}.no-chat p,.notice-line{margin:0}.notice-line{background:#f4e1d6;border-top:1px solid #be8c73;padding:8px 10px}.settings-backdrop{z-index:20;background:#0c1c2c57;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.settings-window{background:#f0f0dc;border:1px solid #173251;border-radius:4px;width:min(100%,430px);overflow:hidden;box-shadow:inset 1px 1px #fff,inset -1px -1px #8f9778,0 18px 42px #19232e6b}.group-create-window{width:min(100%,460px)}.settings-content{gap:14px;padding:14px;display:grid}.settings-form{background:#f8f8e8;border:1px solid #c1c8a8;gap:8px;padding:12px;display:grid}.settings-form label,.settings-label{color:#23314c;font-size:12px;font-weight:700}.settings-form input{height:32px;font-size:13px}.settings-form input[readonly]{color:#5e694f;background:#e7e8d3}.status-picker{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.status-picker button{min-height:31px;padding:0 6px;font-size:12px}.status-picker button[aria-pressed=true]{color:#fff;background:linear-gradient(#3c8bce,#15518f);box-shadow:inset 1px 1px #ffffff6b}.settings-count{color:#5e694f;justify-self:end;margin:-4px 0 0;font-size:11px}.password-form{background:#f8f0df;border-color:#d0bda6}.sound-form button{min-height:31px}.success-line{color:#246b22;margin:0;font-size:12px;font-weight:700}.settings-footer{justify-content:flex-end;display:flex}.settings-footer button{min-width:86px;min-height:31px}.group-member-list{background:#f3f4e2;border:1px solid #c1c8a8;max-height:210px;display:grid;overflow:auto}.group-member-row{color:#15233a;border-bottom:1px solid #d7dac4;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;padding:7px 8px;font-size:12px;font-weight:700;display:grid}.group-member-row input{width:14px;height:14px;padding:0}.group-member-row span{min-width:0;display:grid}.group-member-row strong,.group-member-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-member-row small{color:#5e694f;font-size:11px}@media (width<=760px){.boot-screen,.desktop-shell{min-height:100dvh}.desktop-shell{padding:0;display:block;position:relative;overflow:hidden}.desktop-shell.contacts-open:before,.desktop-shell.menu-open:before{content:"";z-index:11;background:#0a182657;position:fixed;inset:0}.desktop-buddy-window{display:none}.mobile-panel{z-index:12;max-height:calc(100dvh - 16px);display:none;position:fixed;inset:8px;overflow:auto}.desktop-shell.contacts-open .mobile-contacts-window,.desktop-shell.no-active-chat .mobile-contacts-window,.desktop-shell.menu-open .mobile-menu-window{display:block}.desktop-shell.menu-open .mobile-menu-window{z-index:13}.desktop-shell.no-active-chat .chat-window{display:none}.chat-window{width:100%;height:100dvh;min-height:100svh;box-shadow:none;border:0;border-radius:0;grid-template-rows:auto auto minmax(0,1fr) auto auto}.chat-window>.window-titlebar .window-buttons{display:none}.mobile-menu-toggle,.mobile-panel-close{flex:none;place-items:center;width:29px;min-width:29px;height:24px;padding:0;display:inline-grid}.mobile-menu-toggle span{background:#13223c;width:14px;height:2px;position:relative;box-shadow:0 -5px #13223c,0 5px #13223c}.mobile-contacts-toggle{flex:none;grid-auto-flow:column;align-items:center;gap:6px;min-width:82px;min-height:24px;padding:0 8px;font-size:11px;line-height:1;display:inline-grid;position:relative}.mobile-unread-badge{color:#fff;background:#c33f32;border:1px solid #7d1610;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;display:inline-grid;box-shadow:inset 1px 1px #ffffff4d}.mobile-panel-close{margin-left:auto}.mobile-panel-close span{width:14px;height:14px;position:relative}.mobile-panel-close span:before,.mobile-panel-close span:after{content:"";background:#13223c;width:2px;height:13px;position:absolute;top:1px;left:6px}.mobile-panel-close span:before{transform:rotate(45deg)}.mobile-panel-close span:after{transform:rotate(-45deg)}.mobile-panel .window-buttons{margin-left:0}.desktop-shell.no-active-chat .mobile-contacts-window .mobile-panel-close{display:none}.mobile-contact-search{background:#eef1d9;border-bottom:1px solid #c1c8a8;padding:9px 12px}.mobile-contact-search input{height:31px;font-size:13px}.contact-list{max-height:32dvh}.contact-list.offline-list{max-height:26dvh}.contact-list.group-list{max-height:24dvh}.chat-header{align-items:flex-start;padding:10px 12px}.chat-header div{grid-template-columns:auto minmax(0,auto) minmax(0,1fr);gap:2px 8px;width:100%;display:grid}.chat-header small{white-space:normal}.message-log{border-inline:0;min-height:0;padding:12px 12px 16px}.message-meta{flex-wrap:wrap}.smile-row{padding:7px 8px;overflow-x:auto}.smile-row button{flex:none}.composer{padding:8px calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) 72px;gap:8px}.composer textarea{resize:none;min-height:52px;max-height:120px}.composer button{min-height:52px}.profile-strip{flex-direction:column;align-items:stretch}.profile-strip button{width:100%}.profile-actions{grid-template-columns:42px minmax(0,1fr);align-items:center;width:100%}.profile-actions .settings-button{width:42px;min-width:42px;height:31px}.profile-actions button:not(.settings-button){width:100%}.settings-backdrop{padding:8px}.settings-window{max-height:calc(100dvh - 16px);overflow:auto}input,select,textarea{font-size:16px!important}}