*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}body{font-family:Tahoma,Segoe UI,Verdana,Geneva,sans-serif;font-size:13px;color:#1b1b1b;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,textarea,button{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}ul{list-style:none}:root{--bg: #eef0f4;--window: rgba(255, 255, 255, .92);--window-solid: #ffffff;--hair: rgba(0, 0, 0, .1);--hair-strong: rgba(0, 0, 0, .14);--ink: #1d1d1f;--ink-2: #4b4b50;--ink-3: #86868b;--fill: rgba(0, 0, 0, .05);--fill-hover: rgba(0, 0, 0, .09);--accent: #007aff;--accent-ink: #ffffff;--green: #34c759;--red: #ff3b30;--yellow: #ff9f0a;--gray: #8e8e93;--bubble: #e9e9eb;--radius: 15px;--radius-sm: 9px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif}body{font-family:var(--font);color:var(--ink);background:var(--bg)}.desktop{position:relative;height:100vh;overflow:hidden;background:radial-gradient(620px 520px at 15% 12%,rgba(0,122,255,.3),transparent 62%),radial-gradient(560px 520px at 86% 20%,rgba(94,92,230,.24),transparent 62%),radial-gradient(720px 620px at 72% 96%,rgba(52,199,89,.22),transparent 62%),radial-gradient(520px 460px at 30% 88%,rgba(255,159,10,.14),transparent 62%),linear-gradient(180deg,#eef1f7,#e5e9f0)}.boot{color:var(--ink-2);padding:40px;text-align:center}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#0000002e;border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#0000004d;background-clip:content-box}.window{display:flex;flex-direction:column;background:var(--window);-webkit-backdrop-filter:blur(34px) saturate(1.6);backdrop-filter:blur(34px) saturate(1.6);border:1px solid var(--hair);border-radius:var(--radius);box-shadow:0 22px 60px #00000029,0 2px 6px #00000014;max-height:calc(100vh - 32px);overflow:hidden;color:var(--ink)}.titlebar{height:42px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 13px;border-bottom:1px solid var(--hair);background:linear-gradient(180deg,#00000006,#0000);cursor:grab;-webkit-user-select:none;user-select:none}.titlebar:active{cursor:grabbing}.titlebar-title{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.2px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titlebar-actions{display:flex;gap:4px}.icon-btn{width:24px;height:24px;display:grid;place-items:center;border:none;border-radius:7px;background:transparent;color:var(--ink-3);font-size:13px;line-height:1}.icon-btn:hover{background:var(--fill-hover);color:var(--ink)}.window-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.btn{border:1px solid var(--hair-strong);border-radius:var(--radius-sm);background:var(--window-solid);padding:7px 13px;color:var(--ink);font-size:12.5px;transition:background .15s,border-color .15s,filter .15s}.btn:hover{background:var(--fill)}.btn.primary{background:var(--accent);border-color:transparent;color:var(--accent-ink);font-weight:600}.btn.primary:hover{filter:brightness(1.06)}.btn.block{width:100%;margin-top:6px;padding:10px}.btn.small{padding:6px 10px}.btn.tiny{padding:3px 9px;font-size:11px}.btn.tiny.ok{color:var(--green)}.btn.tiny.no{color:var(--red)}.btn.install{background:transparent;border-color:transparent;color:var(--accent)}.btn.install:hover{background:#007aff1a}input,textarea{border:1px solid var(--hair-strong);border-radius:var(--radius-sm);padding:8px 11px;background:#fff;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--ink-3)}input:focus,textarea:focus{border-color:#007affb3;box-shadow:0 0 0 3px #007aff2e}.signin{height:100%;display:flex;justify-content:center;align-items:flex-start;padding-top:9vh}.signin-window{position:relative;width:380px}.signin-window.glass{background:#ffffff80;-webkit-backdrop-filter:blur(42px) saturate(1.8);backdrop-filter:blur(42px) saturate(1.8);border:1px solid rgba(255,255,255,.65);border-radius:24px;box-shadow:0 30px 80px #1e325a38,inset 0 1px #ffffffa6}.signin-body{padding:32px 28px 30px}.signin-window.glass .signin-form input{background:#ffffffb8;border-color:#ffffffd9}.signin-window.glass .signin-form input:focus{background:#fffffff5;border-color:#007affb3}.signin-window.glass .tabs{background:#ffffff4d}.signin-window.glass .tab.active{background:#ffffffe6}.signin-brand{text-align:center;margin-bottom:18px}.signin-brand h1{font-size:21px;font-weight:600;letter-spacing:.2px;margin-top:8px}.tagline{color:var(--ink-3);font-size:12.5px;margin-top:4px}.tabs{display:flex;gap:4px;padding:4px;background:var(--fill);border-radius:11px;margin-bottom:16px}.tab{flex:1;padding:8px;border:none;background:transparent;border-radius:8px;color:var(--ink-3);font-weight:600;font-size:12.5px}.tab.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0000001f}.signin-form{display:flex;flex-direction:column;gap:11px}.signin-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--ink-3)}.form-error{background:#ff3b301a;border:1px solid rgba(255,59,48,.35);color:#c81e14;padding:8px 10px;border-radius:8px;font-size:12.5px}.main-body{display:flex;flex-direction:column}.me-panel{display:flex;gap:12px;padding:14px;border-bottom:1px solid var(--hair)}.avatar-btn{padding:0;border:none;background:none;border-radius:50%;height:max-content;box-shadow:0 0 0 1px var(--hair-strong)}.me-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.me-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-input{font-size:12px;color:var(--ink-2);border:1px solid transparent;background:transparent;padding:3px 5px;border-radius:7px}.pm-input:hover{background:var(--fill)}.pm-input:focus{background:#fff}.add-contact{display:flex;gap:7px;padding:10px 14px;border-bottom:1px solid var(--hair)}.add-contact input{flex:1}.notice{padding:8px 14px;font-size:12px;color:var(--accent);background:#007aff14}.status-picker{position:relative}.status-current{display:flex;align-items:center;gap:7px;border:1px solid transparent;background:transparent;padding:3px 6px;border-radius:7px;color:var(--ink-2);font-size:12.5px}.status-current:hover{background:var(--fill)}.caret{color:var(--ink-3);font-size:9px}.status-menu{position:absolute;z-index:40;top:110%;left:0;min-width:190px;background:var(--window-solid);border:1px solid var(--hair-strong);border-radius:12px;box-shadow:0 18px 44px #0000002e;padding:6px}.status-menu li button{display:flex;align-items:center;gap:9px;width:100%;border:none;background:none;padding:8px 10px;border-radius:8px;text-align:left;color:var(--ink);font-size:12.5px}.status-menu li button:hover{background:var(--fill-hover)}.status-dot{display:inline-block;border-radius:50%;box-shadow:0 0 0 2px #ffffffe6;flex:none}.contact-list{overflow-y:auto;flex:1;padding:6px 8px 10px}.contact-group{margin-top:8px}.group-header{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--ink-3);padding:6px 8px 4px}.contact-row{display:flex;align-items:center;padding:0 2px}.contact-row.request{gap:9px;padding:7px 8px}.contact-main{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;padding:7px 8px;border-radius:10px;text-align:left;color:var(--ink)}.contact-main:hover{background:var(--fill)}.contact-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-name{color:var(--ink);font-size:13px}.contact-pm{color:var(--ink-3);font-size:12px}.badge{background:var(--accent);color:#fff;border-radius:11px;padding:1px 7px;font-size:11px;font-weight:700}.empty{color:var(--ink-3);font-size:12px;padding:7px 10px}.request-actions{display:flex;gap:5px}.main-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--hair)}.username-chip{color:var(--ink-3);font-size:11px}.avatar{display:inline-block;border-radius:50%;overflow:hidden;flex:none;background:#d2d2d7}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-weight:600}.chat-body-wrap{display:flex;flex-direction:column}.chat-banner{display:flex;align-items:center;gap:11px;padding:11px 14px;border-bottom:1px solid var(--hair);flex:none}.chat-banner-name{font-weight:600;font-size:14px}.chat-banner-status{display:flex;align-items:center;gap:6px;color:var(--ink-3);font-size:12px;margin-top:1px}.chat-scroll{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:3px;background:#fff}.chat-empty{color:var(--ink-3);text-align:center;margin:auto;font-size:12.5px}.msg{max-width:80%;margin-bottom:8px;display:flex;flex-direction:column;align-items:flex-start;align-self:flex-start}.msg.mine{align-self:flex-end;align-items:flex-end}.msg-sender{font-size:11px;font-weight:600;color:var(--accent);margin:0 4px 2px}.msg.mine .msg-sender{color:var(--green)}.msg-bubble{background:var(--bubble);color:var(--ink);padding:8px 13px;border-radius:18px 18px 18px 6px;white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.35}.msg.mine .msg-bubble{background:var(--accent);color:#fff;border-bottom-left-radius:18px;border-bottom-right-radius:6px}.msg-time{font-size:10.5px;color:var(--ink-3);margin:2px 6px 0}.msg-nudge{align-self:center;color:#b26a00;font-size:12px;font-weight:600;margin:8px 0}.typing{color:var(--ink-3);font-size:12px;font-style:italic;margin-top:4px}.chat-toolbar{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--hair);flex:none}.tool-btn{width:32px;height:30px;display:grid;place-items:center;border:1px solid var(--hair-strong);background:var(--window-solid);border-radius:9px;font-size:15px;color:var(--ink)}.tool-btn:hover{background:var(--fill)}.emoji-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px 12px;border-top:1px solid var(--hair);flex:none}.emoji{border:none;background:none;font-size:19px;padding:4px;border-radius:8px}.emoji:hover{background:var(--fill-hover)}.chat-input{display:flex;gap:8px;align-items:flex-end;padding:10px 12px 12px;border-top:1px solid var(--hair);flex:none}.chat-input textarea{flex:1;resize:none;max-height:96px;border-radius:18px;padding:9px 13px}.btn.primary.send{width:38px;height:38px;padding:0;border-radius:50%;font-size:15px;flex:none}.msg-image-link{display:block}.msg-image{max-width:220px;max-height:220px;border-radius:14px;border:1px solid var(--hair);display:block}.msg-file{display:flex;align-items:center;gap:10px;text-decoration:none;background:var(--bubble);color:var(--ink);padding:10px 12px;border-radius:14px 14px 14px 6px;max-width:240px}.msg.mine .msg-file{background:var(--accent);color:#fff}.file-ic{font-size:22px}.file-meta{display:flex;flex-direction:column;min-width:0}.file-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.file-size{font-size:11px;opacity:.75}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.call-card{width:min(540px,92vw);background:var(--window-solid);border:1px solid var(--hair-strong);border-radius:22px;overflow:hidden;box-shadow:0 34px 90px #0000004d}.call-hero{display:flex;flex-direction:column;align-items:center;gap:12px;padding:46px 24px 30px}.call-hero .avatar{box-shadow:0 0 0 4px #0000000d}.call-name{font-size:21px;font-weight:600}.call-sub{color:var(--ink-3);font-size:13px}.call-stage{position:relative;background:#000;aspect-ratio:16 / 10}.remote-video{width:100%;height:100%;object-fit:cover;background:#000}.local-video{position:absolute;right:12px;bottom:12px;width:30%;max-width:150px;border-radius:12px;border:1px solid rgba(255,255,255,.5);object-fit:cover;background:#222;box-shadow:0 6px 20px #0006}.call-controls{display:flex;justify-content:center;gap:16px;padding:18px;border-top:1px solid var(--hair)}.call-btn{width:54px;height:54px;border-radius:50%;border:1px solid var(--hair-strong);background:var(--fill);color:var(--ink);font-size:20px;display:grid;place-items:center;transition:background .15s,filter .15s}.call-btn:hover{background:var(--fill-hover)}.call-btn.accept{background:var(--green);border-color:transparent;color:#fff}.call-btn.end{background:var(--red);border-color:transparent;color:#fff}@keyframes lmw-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px,4px)}40%{transform:translate(7px,-4px)}60%{transform:translate(-5px,-3px)}80%{transform:translate(5px,3px)}}.chat-content.shake{animation:lmw-shake .7s ease}.web-app{display:flex;height:100vh}.web-sidebar{width:340px;min-width:300px;max-width:380px;display:flex;flex-direction:column;background:var(--window-solid);border-right:1px solid var(--hair)}.web-sidebar-head{display:flex;align-items:center;gap:8px;padding:12px 16px;font-weight:600;border-bottom:1px solid rgba(0,0,0,.2);background:#1c1c1e;color:#fff}.web-main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.web-empty{margin:auto;text-align:center;color:var(--ink-3);display:flex;flex-direction:column;align-items:center;gap:8px}.web-empty h2{color:var(--ink);font-weight:600}.contacts-panel,.chat-content{display:flex;flex-direction:column;flex:1;min-height:0}.chat-topbar{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid var(--hair);background:#eceef2;flex:none}.top-action{display:flex;align-items:center;gap:6px;border:1px solid var(--hair-strong);background:var(--window-solid);border-radius:9px;padding:6px 11px;font-size:12px;color:var(--ink)}.top-action span{font-weight:500}.top-action:hover{background:var(--fill);border-color:var(--accent)}.chat-hint{padding:6px 12px;font-size:12px;color:var(--accent);background:#007aff14}.chat-main{flex:1;min-height:0;display:flex}.chat-left{flex:1;min-width:0;display:flex;flex-direction:column}.chat-to{padding:8px 14px;font-size:12px;color:var(--ink-2);border-bottom:1px solid var(--hair);background:#eef0f3;display:flex;align-items:center;gap:8px;flex:none}.chat-to-status{display:flex;align-items:center;gap:5px;color:var(--ink-3);margin-left:auto}.chat-people{width:148px;flex:none;border-left:1px solid var(--hair);background:#f4f5f8;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;padding:16px 10px}.person{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.person .avatar{border-radius:16px;box-shadow:0 3px 10px #00000024;border:2px solid #fff}.person-name{font-size:12px;font-weight:600;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-status{font-size:11px;color:var(--ink-3);display:flex;align-items:center;gap:5px}.single-pane{display:flex;flex-direction:column;height:100vh;background:var(--window-solid)}.single-pane .chat-content,.single-pane .contacts-panel{flex:1}.win-titlebar{-webkit-app-region:drag;height:40px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 12px;border-bottom:1px solid rgba(0,0,0,.25);background:#1c1c1e;color:#fff;-webkit-user-select:none;user-select:none}.win-titlebar .titlebar-title{color:#fff}.win-controls{-webkit-app-region:no-drag;display:flex;gap:4px}.win-btn{-webkit-app-region:no-drag;width:26px;height:24px;border:none;border-radius:6px;background:transparent;color:#fffc;font-size:13px}.win-btn:hover{background:#ffffff29;color:#fff}.win-btn.close:hover{background:var(--red);color:#fff}.footer-actions{display:flex;gap:6px;align-items:center}.contact-row.active .contact-main{background:var(--fill-hover)}