:root{--bg:#0b1120;--panel:#111827;--panel2:#1f2937;--line:#2a3548;--text:#f8fafc;--muted:#94a3b8;--brand:#22c55e;--brand-hover:#16a34a;--mine:#166534;--other:#26344d;--bubble-radius:18px;--font-scale:1;--wallpaper:radial-gradient(circle at 2px 2px,rgba(255,255,255,.045) 1px,transparent 0);--wall-size:24px 24px}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Tahoma,Arial,sans-serif;font-size:calc(16px * var(--font-scale));background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.grow{flex:1;min-width:0}.muted{color:var(--muted);font-size:.78rem}.name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wide{width:100%}.auth{min-height:100%;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--brand) 28%,transparent),transparent 35%),var(--bg)}.card,.modal,.call-card{background:color-mix(in srgb,var(--panel) 97%,transparent);border:1px solid var(--line);border-radius:24px;box-shadow:0 22px 70px rgba(0,0,0,.4)}.card{width:min(440px,100%);padding:24px}.logo{font-size:1.8rem;font-weight:900}.card label,.field label{display:block;margin:14px 0 7px;color:#cbd5e1;font-size:.84rem}.card input,.field input,.field textarea,.field select,.search input{width:100%;border:1px solid #334155;background:color-mix(in srgb,var(--bg) 92%,black);color:var(--text);border-radius:13px;padding:12px;outline:none}.card input:focus,.field input:focus,.field textarea:focus,.field select:focus,.search input:focus{border-color:var(--brand)}.primary,.soft,.danger,.link{border:0;border-radius:12px;padding:11px 14px;font-weight:700}.primary{background:var(--brand);color:#04150b}.primary:hover{background:var(--brand-hover);color:white}.soft{background:var(--panel2);color:var(--text)}.danger{background:#ef4444;color:white}.link{background:none;color:#60a5fa}.error{min-height:20px;color:#fca5a5;font-size:.82rem;margin:8px 0}.app{height:100%;display:grid;grid-template-columns:350px 1fr}.sidebar{position:relative;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);min-width:0}.top,.chat-head{height:72px;display:flex;align-items:center;gap:9px;padding:10px 13px;border-bottom:1px solid var(--line)}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;background:linear-gradient(135deg,var(--brand),#0891b2);font-weight:900}.avatar img{width:100%;height:100%;object-fit:cover}.icon{border:0;background:var(--panel2);color:var(--text);width:41px;height:41px;border-radius:12px;display:grid;place-items:center}.search{padding:11px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:6px;padding:9px;overflow:auto;border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;color:var(--muted);padding:8px 10px;border-radius:9px;white-space:nowrap}.tab.active{background:#334155;color:white}.list{flex:1;overflow:auto}.item{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.item:hover,.item.active{background:color-mix(in srgb,var(--panel2) 80%,transparent)}.snippet{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fab{position:absolute;bottom:18px;right:18px;width:58px;height:58px;border:0;border-radius:18px;background:var(--brand);font-size:1.7rem;box-shadow:0 15px 45px rgba(0,0,0,.4)}.chat{display:flex;flex-direction:column;min-width:0}.chat-empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--muted)}.big-icon{font-size:4rem}.chat-view{height:100%;display:flex;flex-direction:column}.chat-head{background:color-mix(in srgb,var(--bg) 93%,transparent)}.live-dot{width:10px;height:10px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.12)}.live-dot.online{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.13)}.messages{flex:1;overflow:auto;padding:18px;background-color:var(--bg);background-image:var(--wallpaper);background-size:var(--wall-size)}.message{display:flex;margin:8px 0}.message.mine{justify-content:flex-start}.message.other{justify-content:flex-end}.bubble{max-width:min(76%,650px);background:var(--other);padding:10px 12px;border-radius:var(--bubble-radius);box-shadow:0 6px 18px rgba(0,0,0,.14);overflow-wrap:anywhere}.mine .bubble{background:var(--mine)}.sender{font-size:.75rem;color:#86efac;font-weight:800;margin-bottom:5px}.time{font-size:.65rem;color:#cbd5e1;opacity:.7;margin-top:6px;text-align:left}.message-image{display:block;max-width:min(320px,72vw);max-height:430px;border-radius:12px;object-fit:cover;cursor:zoom-in}.voice-player{width:min(310px,68vw)}.caption{margin-top:8px}.composer{display:flex;gap:8px;padding:10px;background:var(--panel);border-top:1px solid var(--line)}.composer textarea{flex:1;resize:none;min-height:46px;max-height:120px;border:1px solid #334155;background:color-mix(in srgb,var(--bg) 93%,black);color:var(--text);border-radius:15px;padding:12px;outline:none}.record-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--panel);border-top:1px solid var(--line)}.pulse{width:12px;height:12px;border-radius:50%;background:#ef4444;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.modal-bg{position:fixed;inset:0;z-index:50;background:rgba(2,6,23,.76);display:grid;place-items:center;padding:18px}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;padding:18px}.modal h3{margin-top:0}.field{margin:12px 0}.member{display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px solid var(--line)}.row{display:flex;gap:8px}.row>*{flex:1}.note{padding:11px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel2) 65%,transparent);color:#cbd5e1;font-size:.78rem}.empty-list{padding:28px;text-align:center;color:var(--muted)}.toast{position:fixed;left:16px;bottom:16px;z-index:110;background:#020617;color:white;border:1px solid var(--line);padding:12px 15px;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.4)}.call-overlay{position:fixed;inset:0;z-index:80;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--brand) 25%,transparent),transparent 40%),rgba(2,6,23,.92);display:grid;place-items:center;padding:20px}.call-card{width:min(390px,100%);padding:30px;text-align:center}.call-avatar{width:100px;height:100px;margin:0 auto 16px;font-size:2rem}.call-actions{display:flex;justify-content:center;gap:28px;margin-top:24px}.call-round{width:64px;height:64px;border:0;border-radius:50%;font-size:1.5rem;color:white}.call-round.accept{background:#22c55e}.call-round.reject{background:#ef4444}.call-round.neutral{background:#334155}.lightbox{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.92);display:grid;place-items:center;padding:20px}.lightbox img{max-width:96vw;max-height:92vh;object-fit:contain}.lightbox button{position:absolute;top:20px;right:20px;border:0;background:#1f2937;color:white;width:44px;height:44px;border-radius:50%}body.theme-light{--bg:#eef2f7;--panel:#fff;--panel2:#e2e8f0;--line:#cbd5e1;--text:#0f172a;--muted:#64748b;--mine:#bbf7d0;--other:#fff}body.theme-midnight{--bg:#050816;--panel:#0b1023;--panel2:#161d36;--line:#27304e;--mine:#183c69;--other:#1a2541}body.theme-rose{--bg:#1b1018;--panel:#271421;--panel2:#3b2032;--line:#553046;--mine:#6b244a;--other:#40243a}body.accent-blue{--brand:#38bdf8;--brand-hover:#0284c7}body.accent-purple{--brand:#a78bfa;--brand-hover:#7c3aed}body.accent-orange{--brand:#fb923c;--brand-hover:#ea580c}body.accent-pink{--brand:#f472b6;--brand-hover:#db2777}body.wall-plain{--wallpaper:none}body.wall-waves{--wallpaper:repeating-radial-gradient(circle at 0 0,transparent 0,transparent 15px,rgba(255,255,255,.035) 16px,transparent 17px);--wall-size:42px 42px}body.wall-aurora{--wallpaper:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--brand) 15%,transparent),transparent 30%),radial-gradient(circle at 90% 80%,rgba(56,189,248,.11),transparent 32%);--wall-size:auto}body.bubble-soft{--bubble-radius:10px}body.bubble-square{--bubble-radius:3px}@media(max-width:760px){.app{grid-template-columns:1fr}.chat{display:none}.app.chat-open .sidebar{display:none}.app.chat-open .chat{display:flex}.bubble{max-width:88%}.top{gap:5px}.top .icon{width:37px;height:37px}.record-bar{flex-wrap:wrap}}



/* Nova v4 */
body{background:linear-gradient(145deg,color-mix(in srgb,var(--bg) 95%,#030712),var(--bg))}.auth-card{text-align:center}.brand-mark{width:72px;height:72px;margin:0 auto 14px;border-radius:24px;display:grid;place-items:center;font-size:2rem;font-weight:1000;color:#04150b;background:linear-gradient(135deg,var(--brand),#38bdf8);box-shadow:0 18px 50px color-mix(in srgb,var(--brand) 25%,transparent)}
.top{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 98%,transparent),color-mix(in srgb,var(--panel) 91%,transparent));backdrop-filter:blur(18px)}.chat-head{box-shadow:0 8px 24px rgba(0,0,0,.08);z-index:3}.icon{transition:transform .16s ease,background .16s ease,opacity .16s ease}.icon:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--panel2) 70%,var(--brand) 30%)}.icon.ws-offline{opacity:.55;filter:grayscale(.7)}
.voice-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.12)}.voice-dot.online{background:#a855f7;box-shadow:0 0 0 4px rgba(168,85,247,.16)}
.chat-view{position:relative}.composer{align-items:flex-end;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(18px);box-shadow:0 -8px 30px rgba(0,0,0,.08)}.composer textarea{box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.send-button{min-height:46px}.messages{scroll-behavior:smooth}.bubble{border:1px solid rgba(255,255,255,.045);backdrop-filter:blur(8px)}
.secure-warning{position:fixed;top:0;left:0;right:0;z-index:140;background:#7c2d12;color:#fff7ed;padding:10px 14px;text-align:center;font-size:.86rem;box-shadow:0 5px 18px rgba(0,0,0,.28)}.secure-warning a{color:white;font-weight:900;margin-right:8px}
.file-card{display:flex;align-items:center;gap:10px;min-width:min(320px,70vw);padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:12px;text-decoration:none;color:inherit;background:rgba(0,0,0,.10)}.file-card:hover{background:rgba(255,255,255,.08)}.file-icon{font-size:1.8rem}.file-meta{min-width:0}.file-name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.composer .icon{flex:0 0 auto}
.emoji-panel{position:absolute;right:12px;bottom:74px;z-index:25;width:min(380px,calc(100% - 24px));max-height:330px;overflow:hidden;background:color-mix(in srgb,var(--panel) 97%,transparent);border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,.42);backdrop-filter:blur(22px)}.emoji-tabs{display:flex;padding:8px;border-bottom:1px solid var(--line)}.emoji-tab{flex:1;border:0;background:transparent;color:var(--muted);padding:9px;border-radius:10px;font-weight:800}.emoji-tab.active{background:var(--panel2);color:var(--text)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:10px;max-height:270px;overflow:auto}.emoji-cell{border:0;background:transparent;color:inherit;border-radius:10px;min-height:38px;font-size:1.45rem;display:grid;place-items:center}.emoji-cell:hover{background:var(--panel2);transform:scale(1.08)}.emoji-grid.stickers{grid-template-columns:repeat(4,1fr)}.emoji-grid.stickers .emoji-cell{font-size:2.35rem;min-height:68px;background:color-mix(in srgb,var(--panel2) 55%,transparent)}
.sticker-only .bubble{background:transparent!important;border:0;box-shadow:none;padding:3px}.sticker-message{font-size:4.4rem;line-height:1.05;filter:drop-shadow(0 8px 10px rgba(0,0,0,.22))}
.voice-card{display:flex;align-items:center;gap:10px;min-width:min(310px,70vw)}.voice-fetch{width:46px;height:46px;border-radius:50%;border:0;background:var(--brand);font-size:1.15rem;flex:0 0 auto}.voice-fetch.loading{animation:pulse 1s infinite}.voice-wave{height:30px;display:flex;align-items:center;gap:3px;flex:1}.voice-wave i{display:block;width:3px;border-radius:4px;background:currentColor;opacity:.65}.voice-wave i:nth-child(3n){height:25px}.voice-wave i:nth-child(3n+1){height:12px}.voice-wave i:nth-child(3n+2){height:19px}.voice-duration{font-size:.76rem;white-space:nowrap}.voice-audio{width:min(300px,65vw)}
.call-ws-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#6d28d9;color:white;font-size:.72rem;font-weight:900;margin-bottom:14px}.call-card{background:linear-gradient(165deg,color-mix(in srgb,var(--panel) 97%,#6d28d9 3%),var(--panel))}
@media(max-width:560px){.composer{gap:4px;padding:8px}.composer .icon{width:36px;height:42px;border-radius:11px}.composer .primary{padding:10px 9px}.file-card{min-width:min(280px,72vw)}.emoji-grid{grid-template-columns:repeat(7,1fr)}.emoji-panel{bottom:69px}.sticker-message{font-size:3.8rem}.voice-card{min-width:min(265px,70vw)}}