:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1c2624;background:#edf4f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}button:active{transform:scale(.94)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(30,151,132,.3);outline-offset:2px}.visually-hidden{display:none!important}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 16% 12%,#bde9df 0,transparent 27%),radial-gradient(circle at 84% 87%,#d3e9c9 0,transparent 26%),#f2f8f6}.auth-card{width:min(100%,442px);padding:36px;background:#ffffffe3;border:1px solid rgba(255,255,255,.8);border-radius:32px;box-shadow:0 28px 75px #16433b24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-icon{width:78px;height:78px;display:grid;place-items:center;margin-bottom:20px;border-radius:25px;background:linear-gradient(145deg,#d8f5ef,#b8e6da);box-shadow:inset 0 1px #fff,0 12px 25px #15746426;font-size:40px}h1{margin:0 0 7px;font-size:33px;letter-spacing:-1.2px}.muted{margin:0;color:#6d7d79;line-height:1.5}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:27px 0 21px;padding:5px;border-radius:16px;background:#eaf1ef}.tabs button{border:0;border-radius:12px;padding:11px;background:transparent;color:#758480;font-size:14px}.tabs button.active{background:#fff;color:#167968;font-weight:750;box-shadow:0 3px 10px #2348411a}form{display:grid;gap:15px}label{display:grid;gap:7px;color:#41524e;font-size:13px;font-weight:700}input,textarea{width:100%;border:1px solid #d8e4e0;border-radius:14px;padding:13px 14px;background:#fff;color:#192522;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:#28a58f;box-shadow:0 0 0 4px #249d891f}.primary{border:0;border-radius:14px;padding:12px 16px;background:linear-gradient(135deg,#087b68,#13a587);color:#fff;font-weight:750;box-shadow:0 7px 17px #0c7e6933}.primary:hover{box-shadow:0 10px 23px #0c7e694d;transform:translateY(-1px)}.primary.big{min-height:52px;margin-top:3px}.primary:disabled,.send-button:disabled,.composer-action:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.error{padding:11px 13px;border:1px solid #ffd0cf;border-radius:12px;background:#fff1f0;color:#b4403c;font-size:13px}.chat-page{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:linear-gradient(145deg,#edf5f2,#e7f0ed)}.chat-header{z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:11px max(17px,calc((100vw - 1040px)/2));border-bottom:1px solid rgba(42,88,79,.1);background:#ffffffd6;box-shadow:0 2px 14px #2a4e460a;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px)}.header-main{display:flex;align-items:center;min-width:0;gap:12px}.avatar{width:49px;height:49px;display:grid;place-items:center;flex:0 0 auto;border-radius:17px;background:linear-gradient(145deg,#d8f5ef,#b8e6da);box-shadow:inset 0 1px #fff;font-size:25px}.chat-header h2{overflow:hidden;margin:0;color:#1d302b;font-size:17px;letter-spacing:-.3px;text-overflow:ellipsis;white-space:nowrap}.status{display:block;margin-top:3px;color:#94a39e;font-size:12px}.status.online{color:#179276}.header-actions{display:flex;align-items:center;gap:3px}.icon-button{width:39px;height:39px;display:grid;place-items:center;border:0;border-radius:13px;background:transparent;color:#53706a;font-size:19px}.icon-button:hover{background:#e7f4f0;color:#107d69}.messages{width:min(100%,1010px);margin:0 auto;overflow-y:auto;padding:23px 19px 28px;scroll-behavior:smooth}.messages::-webkit-scrollbar{width:7px}.messages::-webkit-scrollbar-thumb{border-radius:8px;background:#c8d8d3}.empty{height:100%;display:grid;place-content:center;justify-items:center;gap:7px;color:#71827d;text-align:center}.empty div{font-size:45px;filter:drop-shadow(0 8px 10px rgba(42,89,77,.1))}.empty strong{color:#38524b;font-size:16px}.message-row{display:flex;margin:5px 0;animation:arrive .18s ease-out}.message-row.mine{justify-content:flex-end}.bubble{position:relative;max-width:min(74%,530px);padding:10px 12px 8px;border:1px solid rgba(39,84,75,.05);border-radius:19px 19px 19px 6px;background:#fffffff2;box-shadow:0 3px 9px #2149400f;overflow-wrap:anywhere}.mine .bubble{border:0;border-radius:19px 19px 6px;background:linear-gradient(145deg,#c9f0e7,#b8e9dd);box-shadow:0 3px 9px #1d6b5b1a}.bubble.deleted{background:#edf0ef;color:#788682;font-style:italic}.message-name{margin:0 0 4px;color:#13846f;font-size:12px;font-weight:800}.message-text{line-height:1.42;font-size:14.5px;white-space:pre-wrap}.message-image{display:block;max-width:min(100%,370px);max-height:420px;margin:0 0 5px;border-radius:12px;object-fit:cover;background:#e4ecea}.voice-player{display:block;width:min(280px,100%);height:38px;margin:2px 0 5px;accent-color:#158e76}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px;color:#80918c;font-size:10px}.message-actions{display:flex;gap:5px}.message-actions button{padding:0;border:0;background:transparent;color:#568078;font-size:10px}.message-actions button:hover{text-decoration:underline}.reaction-panel{position:absolute;z-index:1;right:4px;bottom:100%;display:none;gap:1px;padding:4px;border:1px solid #e1ebe8;border-radius:14px;background:#fff;box-shadow:0 8px 20px #1437301f}.bubble:hover .reaction-panel,.bubble:focus-within .reaction-panel{display:flex}.reaction-panel button{border:0;border-radius:8px;background:transparent;padding:3px;font-size:15px}.reaction-panel button:hover{background:#edf7f4}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.reactions button{border:1px solid #d8e9e4;border-radius:10px;padding:2px 6px;background:#f5fbf9;color:#36574f;font-size:11px}.reactions button.mine-reaction{border-color:#86cdbd;background:#d8f3ec}.composer{display:flex;align-items:center;gap:7px;width:min(100%,1010px);margin:0 auto;padding:10px 15px max(13px,env(safe-area-inset-bottom));background:transparent}.composer:before{position:fixed;right:0;bottom:0;left:0;z-index:-1;height:75px;border-top:1px solid rgba(42,88,79,.09);background:#ffffffd9;content:"";-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.composer input:not(.visually-hidden){min-width:0;padding:13px 16px;border-color:#d6e4df;border-radius:18px;box-shadow:0 2px 6px #1d473d08}.composer-action{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border:0;border-radius:15px;background:#e3f1ed;font-size:18px}.composer-action:hover{background:#d4ebe5}.composer-action.recording{background:#df5454;color:#fff;box-shadow:0 5px 13px #ca414140;animation:pulse 1.1s infinite}.send-button{width:47px;height:47px;flex:0 0 47px;border:0;border-radius:16px;background:linear-gradient(135deg,#087b68,#13a587);color:#fff;font-size:20px;box-shadow:0 6px 15px #0c7e6938}.send-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 9px 18px #0c7e694d}.modal-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:#1227226b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{position:relative;width:min(100%,440px);max-height:85dvh;overflow-y:auto;padding:28px;border:1px solid rgba(255,255,255,.8);border-radius:25px;background:#fff;box-shadow:0 25px 80px #071e1947}.modal h3{margin:0 0 8px;font-size:22px}.modal h4{margin:20px 0 9px}.modal-close{position:absolute;top:10px;right:10px;width:38px;height:38px;border:0;border-radius:12px;background:transparent;color:#60746e;font-size:26px}.modal-close:hover{background:#edf5f2}.edit-modal textarea{min-height:130px;resize:vertical}.invite{display:grid;gap:4px;margin:18px 0;padding:16px;border:1px solid #ceebe3;border-radius:18px;background:linear-gradient(135deg,#effbf7,#e3f5ef)}.invite span{color:#698078;font-size:12px;font-weight:700}.invite strong{color:#117b68;font-size:27px;letter-spacing:5px}.member-list{display:grid;gap:7px}.member{display:flex;align-items:center;gap:10px;padding:9px;border-radius:14px;background:#f4f8f6}.member-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#d4efe8;color:#147e6b;font-size:13px;font-weight:800}.member small{margin-left:auto;color:#889995;font-size:11px}.call-bar,.call-incoming{position:fixed;z-index:8;bottom:83px;left:50%;display:flex;align-items:center;gap:11px;transform:translate(-50%);padding:10px 12px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:#173c34;color:#fff;box-shadow:0 16px 38px #102c264d}.call-bar span,.call-incoming b{white-space:nowrap;font-size:13px}.call-bar button,.call-incoming button{border:0;border-radius:11px;padding:8px 10px;background:#e05252;color:#fff;font-size:12px;font-weight:700}.call-incoming button:first-of-type{background:#18a47e}.call-bar video{width:100px;max-height:66px;border-radius:10px;background:#0a1815;object-fit:cover}@keyframes arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{box-shadow:0 0 0 7px #df545429}}@media(max-width:650px){.auth-page{align-items:start;padding:8vh 15px 24px}.auth-card{padding:27px 23px;border-radius:27px}.chat-header{min-height:68px;padding:8px 11px}.avatar{width:43px;height:43px;border-radius:15px;font-size:22px}.header-actions{gap:0}.icon-button{width:34px;height:36px;border-radius:11px;font-size:17px}.messages{padding:17px 10px}.bubble{max-width:87%;padding:9px 10px 7px}.message-image{max-width:100%;max-height:330px}.composer{gap:5px;padding:8px 9px max(10px,env(safe-area-inset-bottom))}.composer-action{width:39px;height:42px;flex-basis:39px;font-size:16px}.send-button{width:44px;height:44px;flex-basis:44px}.call-bar,.call-incoming{bottom:68px;max-width:calc(100% - 24px)}}@media(prefers-color-scheme:dark){:root{color:#e6eeeb;background:#101918}.auth-page{background:radial-gradient(circle at 16% 12%,#174a40,transparent 31%),#0e1715}.auth-card,.chat-header{border-color:#ffffff0f;background:#172421e6}.tabs{background:#243532}.tabs button.active{background:#31443f;color:#86e0cc}.muted,.status{color:#9baea8}input,textarea{border-color:#365049;background:#172723;color:#e7f0ed}.chat-page{background:#101918}.bubble{border-color:#2c403b;background:#1d2c29}.mine .bubble{background:linear-gradient(145deg,#176957,#155a4d)}.message-name{color:#7ee0ca}.composer:before{border-color:#263c36;background:#14201deb}.composer-action{background:#263e38;color:#d7efea}.modal{border-color:#31453f;background:#1a2926}.member{background:#23332f}.invite{border-color:#326154;background:#193830}.message-image{background:#263530}}