:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;color:#f5f5f7;background:#000}*{box-sizing:border-box}body{margin:0;background:#000}button,input{font:inherit}button{border:0;background:none;color:inherit}input{outline:0;color:#fff}.splash{height:100vh;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;font-size:28px}.logo,.emptylogo{width:64px;height:64px;border-radius:20px;background:#fff;color:#000;display:grid;place-items:center;font-size:30px;font-weight:800}.app{min-height:100vh;background:#000}.top{height:92px;padding:18px;display:flex;align-items:flex-end;justify-content:space-between;position:sticky;top:0;z-index:4;background:#000000e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}h1{font-size:30px;margin:4px 0}.online{font-size:11px;color:#65d68b}.offline{font-size:11px;color:#888}.top-actions{display:flex;gap:7px}.top-actions button{width:40px;height:40px;border-radius:50%;background:#1c1c1e;display:grid;place-items:center}.top-actions svg{width:20px}.main{max-width:720px;margin:auto;padding:8px 14px 95px}.search{height:44px;background:#1c1c1e;border-radius:13px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#8e8e93}.search input{border:0;background:transparent;flex:1}.filters{display:flex;gap:22px;padding:12px 4px;color:#777;font-size:14px}.filters b{color:#fff}.chatrow,.userrow,.callrow{display:flex;width:100%;align-items:center;gap:12px;padding:11px 3px;text-align:left}.chatrow img,.userrow img,.callrow img,.settings-profile img,.chat header img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#222}.chatrow div,.userrow div,.callrow div,.settings-profile div{flex:1;min-width:0}.chatrow strong,.userrow strong,.callrow strong,.settings-profile strong{display:block}.chatrow small,.userrow small,.callrow small,.settings-profile small{display:block;color:#777;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatrow time{color:#666;font-size:11px}.callrow button{width:42px;height:42px;border-radius:50%;background:#1c1c1e;display:grid;place-items:center}.empty{text-align:center;padding:80px 20px;color:#777}.emptylogo{margin:auto;width:58px;height:58px;font-size:24px}.empty h3{color:#fff}.tabs{position:fixed;bottom:0;left:0;right:0;height:78px;z-index:8;background:#111111f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;border-top:1px solid #222}.tabs button{flex:1;color:#777;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.tabs button.active{color:#fff}.tabs svg{width:21px}.tabs small{font-size:10px}.toast{position:fixed;z-index:30;left:15px;right:15px;top:12px;background:#3a1717;border:1px solid #612525;padding:12px;border-radius:12px;text-align:center;font-size:13px}.auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;background:radial-gradient(circle at top,#1d1d20,#000 55%)}.auth h1{margin:16px 0 3px}.auth>p{color:#777}.auth form{width:min(380px,100%);display:grid;gap:11px;margin-top:25px}.auth input,.input{background:#1c1c1e;border:1px solid #303034;border-radius:14px;padding:14px}.primary{width:100%;background:#fff;color:#000;border-radius:14px;padding:14px;font-weight:700;margin-top:12px}.link{margin-top:14px;color:#aaa}.err{color:#ff6b6b;text-align:center;font-size:13px}.wide-action{width:100%;background:#1c1c1e;border-radius:14px;padding:14px;margin:10px 0;text-align:left}.section{color:#777;font-size:12px;text-transform:uppercase;padding:20px 4px 8px}.mini{font-size:24px;color:#777}.settings-profile{width:100%;display:flex;align-items:center;gap:12px;background:#1c1c1e;border-radius:17px;padding:13px;text-align:left}.settings-profile svg{color:#777}.settings{background:#1c1c1e;border-radius:17px;margin-top:17px;overflow:hidden}.settings button{display:flex;align-items:center;gap:12px;width:100%;padding:16px;border-bottom:1px solid #29292d;text-align:left}.settings button svg{width:20px}.settings button span{margin-left:auto;color:#777;font-size:13px}.danger{margin-top:14px;width:100%;background:#1c1c1e;color:#ff625a;border-radius:17px;padding:16px;display:flex;justify-content:center;gap:8px}.backdrop{position:fixed;inset:0;background:#000000a8;z-index:20;display:flex;align-items:flex-end}.sheet{width:100%;max-height:90vh;background:#111;border-radius:23px 23px 0 0;overflow:auto;padding-bottom:25px}.sheet header{height:58px;display:grid;grid-template-columns:70px 1fr 70px;align-items:center;border-bottom:1px solid #252529;padding:0 16px}.sheet header b{text-align:center}.sheet header button{text-align:left;color:#aaa}.sheetbody{padding:14px 16px}.member{width:100%;display:flex;align-items:center;gap:12px;padding:10px 3px;text-align:left}.member img{width:44px;height:44px;border-radius:50%}.member svg{margin-left:auto}.profile{text-align:center;padding:20px}.profile img{width:96px;height:96px;border-radius:50%}.profile p{color:#777}.chat{position:fixed;inset:0;z-index:12;background:#000;display:flex;flex-direction:column}.chat header{height:75px;display:flex;align-items:center;gap:9px;padding:8px 12px;border-bottom:1px solid #222;background:#000000f2}.chat header>button{width:34px}.chat header svg{width:22px}.chat header div{flex:1}.chat header small{display:block;color:#777;margin-top:3px}.timeline{flex:1;overflow:auto;padding:13px}.msg{display:flex;margin:6px 0}.msg.mine{justify-content:flex-end}.msg>button{max-width:78%;padding:10px 12px;border-radius:18px 18px 18px 5px;background:#202023;text-align:left;line-height:1.35}.msg.mine>button{background:#fff;color:#000;border-radius:18px 18px 5px}.msg em{display:block;font-size:10px;opacity:.45;font-style:normal;margin-top:4px}.msg em svg{display:inline;width:11px;height:11px;vertical-align:middle}.media{max-width:230px;max-height:280px;border-radius:12px;display:block}.composer{background:#111;border-top:1px solid #222;padding:8px 11px calc(9px + env(safe-area-inset-bottom))}.compose-row{display:flex;align-items:center;gap:7px}.compose-row button{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#202023}.compose-row button svg{width:19px}.compose-row input{flex:1;background:#1c1c1e;border:0;border-radius:20px;padding:10px 14px}.recording{background:#8e2020!important}.replybar{display:flex;align-items:center;justify-content:space-between;background:#1b1b1d;border-radius:10px;padding:8px 10px;margin-bottom:7px;color:#aaa;font-size:12px}.replybar svg{width:16px}.callrow{padding:12px 3px}.callrow img{width:48px;height:48px}@media(min-width:800px){.app{max-width:720px;margin:auto;border-left:1px solid #181818;border-right:1px solid #181818}.chat{width:720px;left:50%;transform:translate(-50%)}.backdrop{justify-content:center;align-items:center}.sheet{width:540px;border-radius:22px}}.attachment{display:flex;align-items:center;gap:10px;background:#29292d;border-radius:12px;padding:10px;max-width:260px;text-align:left}.attachment span{display:flex;flex-direction:column;min-width:0}.attachment small{opacity:.6;margin-top:3px}.attachment>svg:last-child{margin-left:auto;width:16px}.mine .attachment{background:#eee;color:#111}.menuitem{width:100%;display:flex;align-items:center;gap:12px;padding:15px 4px;border:0;background:none;color:inherit;font-size:15px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07)}.menuitem svg{width:20px}.menuitem.danger{color:#ff6b6b}.livebar{display:flex;align-items:center;gap:8px;padding:9px 14px;background:#18251d;color:#8ee6a5;font-size:13px}.livebar button{margin-left:auto;border:0;border-radius:8px;padding:5px 9px;background:#304936;color:#fff}.message-actions{display:flex;gap:4px;opacity:0;height:0;overflow:hidden;justify-content:flex-end}.msg:hover .message-actions,.msg:focus-within .message-actions{opacity:1;height:28px}.message-actions button{border:0;background:transparent;color:#aaa;font-size:11px;padding:3px 5px}.message-actions svg{width:14px;height:14px}.reaction{display:inline-block;background:#292929;border-radius:12px;padding:2px 6px;margin-top:-2px}.call-overlay{position:fixed;inset:0;z-index:80;background:#080808;color:#fff;display:flex;flex-direction:column}.call-overlay header{height:58px;display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid #222}.call-overlay header button{border:0;background:none;color:#fff}.call-overlay header span{margin-left:auto;font-size:12px;color:#999}.call-stage{flex:1;display:flex;align-items:center;justify-content:center}.call-connected{text-align:center}.call-avatar{width:110px;height:110px;border-radius:50%;background:#222;display:grid;place-items:center;font-size:40px;margin:auto}.call-controls{height:100px;display:flex;justify-content:center;align-items:center;gap:20px}.call-controls button{width:54px;height:54px;border-radius:50%;border:0;background:#252525;color:#fff;display:grid;place-items:center}.call-controls .end{background:#c73535;transform:rotate(135deg)}.livebar+.timeline{padding-top:4px}.input{width:100%;box-sizing:border-box;padding:12px;border-radius:12px;border:1px solid #333;background:#171717;color:#fff;margin-bottom:10px}.wide-action{margin:8px 0;width:100%}.member{width:100%;display:flex;align-items:center;gap:10px;border:0;background:none;color:inherit;padding:10px 2px}.member img{width:36px;height:36px;border-radius:50%;object-fit:cover}.member span{flex:1;text-align:left}.mini{border:0;background:none;color:#aaa;font-size:22px}