: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}}



/* Nexa 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)}}

/* Nexa Ultimate v5 — بدون تماس و وویس */
:root{--danger:#ef4444;--success:#22c55e}.mobile-back{display:none}.search{display:flex;align-items:center;gap:8px}.search span{color:var(--muted);font-size:1.2rem}.search input{border:0;background:transparent;padding:7px}.item{position:relative;transition:background .16s ease}.item-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:43px}.item-time{font-size:.65rem;color:var(--muted)}.unread-badge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--brand);color:#04150b;font-weight:900;font-size:.7rem;display:grid;place-items:center}.chat-flags{display:inline-flex;gap:3px;font-size:.7rem}.typing-list{color:var(--brand)!important;font-weight:800}.online-ring{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 34%,transparent)}
.pinned-bar{display:flex;align-items:center;gap:9px;width:100%;padding:9px 14px;border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,var(--brand) 8%);color:var(--text);text-align:right}.pinned-bar:hover{background:color-mix(in srgb,var(--panel) 84%,var(--brand) 16%)}
.reply-bar{display:flex;align-items:center;gap:9px;padding:8px 12px;background:var(--panel);border-top:1px solid var(--line)}.reply-line{width:4px;height:38px;border-radius:4px;background:var(--brand)}.tiny{width:32px;height:32px;border-radius:9px}.reply-preview{border-right:3px solid var(--brand);padding:6px 9px;margin-bottom:7px;background:rgba(0,0,0,.12);border-radius:8px;cursor:pointer}.reply-preview b{font-size:.72rem;display:block;color:color-mix(in srgb,var(--brand) 75%,white)}.reply-preview span{font-size:.72rem;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}
.typing-indicator{display:flex;align-items:center;gap:8px;padding:5px 18px;background:var(--panel);color:var(--muted);font-size:.75rem}.typing-dots{display:flex;gap:3px}.typing-dots i{width:5px;height:5px;border-radius:50%;background:var(--brand);animation:typingBounce 1s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.message{position:relative}.message-row{display:flex;align-items:flex-end;gap:5px}.message-actions-btn{width:28px;height:28px;border:0;border-radius:9px;background:var(--panel2);color:var(--text);opacity:0;transition:opacity .15s}.message:hover .message-actions-btn{opacity:.85}.message-actions-btn:hover{opacity:1}.message.deleted .bubble{opacity:.62;font-style:italic}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:6px;color:#cbd5e1;opacity:.72;font-size:.64rem}.edited{font-size:.62rem}.seen-mark{font-weight:900;color:#93c5fd}.reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.reaction{border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.10);color:inherit;border-radius:999px;padding:3px 7px;font-size:.76rem}.reaction.mine{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 18%,transparent)}.reaction:hover{transform:translateY(-1px)}.quick-reactions{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:12px 0}.quick-reaction{border:0;background:var(--panel2);border-radius:12px;font-size:1.35rem;padding:9px}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.action-grid button{text-align:center}.danger-text{color:#fca5a5!important}.message-anchor{scroll-margin:110px}.message.flash .bubble{animation:flashMessage 1.6s ease}@keyframes flashMessage{0%,100%{box-shadow:0 6px 18px rgba(0,0,0,.14)}35%{box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 55%,transparent),0 10px 30px rgba(0,0,0,.25)}}
.file-card{min-width:min(330px,73vw)}.file-card .file-meta{display:flex;flex-direction:column}.file-size{font-size:.7rem;color:var(--muted)}.image-tools{display:flex;gap:6px;margin-top:6px}.download-chip{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none;font-size:.72rem;padding:4px 7px;border-radius:8px;background:rgba(0,0,0,.12)}
.modal-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.member-actions{display:flex;gap:5px}.small-btn{border:0;border-radius:9px;padding:7px 9px;background:var(--panel2);color:var(--text);font-size:.72rem}.small-btn.danger{background:#7f1d1d}.search-result{display:flex;gap:9px;padding:11px;border-bottom:1px solid var(--line);cursor:pointer}.search-result:hover{background:var(--panel2)}.search-result-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-hero{text-align:center}.profile-hero .avatar{width:90px;height:90px;margin:0 auto 10px;font-size:2rem}.status-online{color:#4ade80}.status-offline{color:var(--muted)}
.upload-progress{height:8px;background:var(--panel2);border-radius:99px;overflow:hidden;margin-top:10px}.upload-progress span{display:block;height:100%;width:0;background:var(--brand);transition:width .2s}.preview-image{display:block;max-width:100%;max-height:360px;object-fit:contain;border-radius:14px;margin:0 auto 12px}.checkbox-list{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:12px}.check-member{display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px solid var(--line)}.check-member:last-child{border-bottom:0}.check-member input{width:auto}
body.theme-ocean{--bg:#06151d;--panel:#0a202a;--panel2:#12313d;--line:#214957;--mine:#075985;--other:#153947}body.accent-cyan{--brand:#22d3ee;--brand-hover:#0891b2}body.wall-grid{--wallpaper:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);--wall-size:32px 32px}body.density-compact .item{padding:8px 11px}body.density-compact .message{margin:4px 0}body.density-compact .bubble{padding:8px 10px}body.density-compact .top,body.density-compact .chat-head{height:62px}
.notification-btn{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px}.connection-label{font-size:.68rem;color:var(--muted)}
@media(max-width:760px){.mobile-back{display:grid}.message-actions-btn{opacity:.72}.chat-head{padding:8px}.chat-head .icon{width:37px;height:37px}.pinned-bar{padding:8px 10px}.reply-preview span{max-width:230px}.toast{left:10px;right:10px;bottom:10px;text-align:center}.modal-bg{padding:9px}.modal{max-height:94vh;border-radius:18px}.action-grid{grid-template-columns:1fr}.member-actions{flex-wrap:wrap}.item-meta{min-width:38px}}
@media(max-width:560px){.composer textarea{min-width:0}.composer .send-button{font-size:.78rem}.emoji-grid{grid-template-columns:repeat(7,1fr)}.quick-reactions{grid-template-columns:repeat(6,1fr)}.message-image{max-width:min(290px,76vw)}.bubble{max-width:91%}}

/* Sticker maker v6 */
.custom-sticker-message{display:block;width:min(230px,58vw);height:auto;max-height:270px;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(0,0,0,.28));cursor:zoom-in}
.custom-sticker-cell{position:relative;min-height:82px;border-radius:14px;background:color-mix(in srgb,var(--panel2) 62%,transparent);display:grid;place-items:center;overflow:hidden}
.custom-sticker-send{width:100%;height:100%;min-height:82px;border:0;background:transparent;padding:7px;display:grid;place-items:center}
.custom-sticker-send img{width:100%;height:74px;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(0,0,0,.22))}
.delete-sticker{position:absolute;left:4px;top:4px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(0,0,0,.66);color:white;font-weight:900;line-height:1;opacity:.82}
.create-sticker-cell{min-height:82px;border:1px dashed color-mix(in srgb,var(--brand) 70%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--brand) 10%,var(--panel2));color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px}
.create-sticker-cell span{font-size:1.8rem;color:var(--brand)}.create-sticker-cell b{font-size:.8rem}.create-sticker-cell small{font-size:.65rem;color:var(--muted)}
.sticker-section-title{grid-column:1/-1;padding:7px 4px 3px;color:var(--muted);font-size:.78rem;font-weight:800;border-top:1px solid var(--line);margin-top:2px}
.sticker-maker-stage{width:min(390px,100%);margin:10px auto 14px;padding:10px;border-radius:22px;background:linear-gradient(135deg,#dbeafe,#f5d0fe);background-image:linear-gradient(45deg,#d1d5db 25%,transparent 25%),linear-gradient(-45deg,#d1d5db 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d1d5db 75%),linear-gradient(-45deg,transparent 75%,#d1d5db 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
#stickerCanvas{display:block;width:100%;aspect-ratio:1;border-radius:18px;touch-action:none;cursor:grab;background:transparent}#stickerCanvas:active{cursor:grabbing}
.sticker-maker-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.sticker-maker-controls .field:last-child{grid-column:1/-1}
@media(max-width:560px){.custom-sticker-message{width:min(210px,64vw)}.custom-sticker-cell,.custom-sticker-send{min-height:74px}.custom-sticker-send img{height:66px}.sticker-maker-controls{grid-template-columns:1fr}.sticker-maker-controls .field:last-child{grid-column:auto}}


/* Forward + WhatsApp-style message ticks */
.forwarded-label{display:flex;align-items:center;gap:5px;margin-bottom:5px;font-size:.68rem;font-weight:800;color:color-mix(in srgb,var(--text) 62%,transparent);opacity:.9}
.wa-ticks{direction:ltr;display:inline-flex;align-items:center;min-width:15px;height:12px;font-size:.82rem;font-weight:900;line-height:1;letter-spacing:-2px;color:#a8b1bd;transform:translateY(1px)}
.wa-ticks i{font-style:normal;display:inline-block}.wa-ticks i+i{margin-left:-3px}.wa-ticks.read{color:#53bdeb}.wa-ticks.delivered{color:#a8b1bd}.wa-ticks.sent{letter-spacing:0}
.forward-list{display:flex;flex-direction:column;gap:7px;max-height:52vh;overflow:auto;margin:12px 0 15px;padding:3px}
.forward-target{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel2) 60%,transparent);cursor:pointer;transition:.15s ease}
.forward-target:hover{border-color:color-mix(in srgb,var(--brand) 60%,var(--line));transform:translateY(-1px)}
.forward-target:has(input:checked){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--panel2))}
.forward-target input{width:19px;height:19px;accent-color:var(--brand);flex:0 0 auto}.forward-target .avatar{width:42px;height:42px}.forward-target small{display:block;margin-top:3px;color:var(--muted)}


/* Nexa v10: voice and WebRTC calls */
.call-head-btn.hidden{display:none!important}.voice-btn.recording{background:#ef4444;color:#fff;animation:pulse-record 1s infinite}.record-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--line);background:var(--panel)}.record-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:pulse-record 1s infinite}.record-bar.hidden{display:none}@keyframes pulse-record{50%{opacity:.45;transform:scale(.9)}}
.voice-message{display:flex;align-items:center;gap:8px;min-width:220px}.voice-message audio{width:min(280px,56vw);height:40px}.voice-message .download-chip{padding:5px 8px}
.call-overlay{position:fixed;inset:0;z-index:3000;background:radial-gradient(circle at top,#18304f,#050b14 65%);display:grid;place-items:center;padding:20px;color:#fff}.call-overlay.hidden{display:none}.call-card{width:min(680px,100%);text-align:center}.call-avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;font-size:40px;background:#203650;overflow:hidden}.call-avatar img{width:100%;height:100%;object-fit:cover}.call-card h2{margin:6px 0}.call-card p{opacity:.78;margin:4px 0 18px}.call-videos{position:relative;width:100%;height:min(58vh,480px);border-radius:24px;overflow:hidden;background:#02060b;box-shadow:0 18px 60px #0008}.call-videos video{width:100%;height:100%;object-fit:cover;background:#02060b}.call-videos #localVideo{position:absolute;left:14px;bottom:14px;width:150px;height:200px;border-radius:18px;border:2px solid #ffffff55;box-shadow:0 8px 30px #0009}.call-videos video.hidden{display:none}.call-videos .audio-only{opacity:0}.call-actions{display:flex;justify-content:center;gap:22px;margin-top:22px}.call-actions.hidden{display:none}.call-round{width:64px;height:64px;border-radius:50%;border:0;background:#ffffff20;color:#fff;font-size:25px;backdrop-filter:blur(10px)}.call-round.accept{background:#22c55e}.call-round.reject{background:#ef4444}.call-round:active{transform:scale(.94)}
@media(max-width:650px){.call-overlay{padding:0}.call-card{height:100%;display:flex;flex-direction:column;justify-content:center;padding:18px}.call-videos{height:56vh;border-radius:20px}.call-videos #localVideo{width:104px;height:145px}.call-head-btn{padding:7px}.voice-message{min-width:180px}.voice-message audio{width:190px}}


/* Nexa v12 — Story, public channels and group calls */
:root{
  --glass:color-mix(in srgb,var(--panel) 86%,transparent);
  --shadow-lg:0 22px 70px rgba(0,0,0,.32);
}
.sidebar{background:
  radial-gradient(circle at 15% -10%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 26%),
  linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,#020617),var(--panel));
  box-shadow:18px 0 55px rgba(0,0,0,.12)}
.top,.chat-head{backdrop-filter:blur(22px) saturate(125%)}
.top{height:76px}.chat-head{height:76px}
.search{padding:10px 12px}
.search{position:relative}.search span{position:absolute;right:25px;top:23px;color:var(--muted);z-index:1}.search input{padding-right:39px;border-radius:18px;background:color-mix(in srgb,var(--bg) 78%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.item{margin:3px 7px;border-radius:16px;border-bottom:0;transition:.18s ease}
.item:hover{transform:translateY(-1px)}.item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 17%,var(--panel2)),color-mix(in srgb,var(--panel2) 88%,transparent));box-shadow:0 10px 26px rgba(0,0,0,.12)}
.messages{padding:22px clamp(12px,3vw,34px)}.bubble{box-shadow:0 10px 28px rgba(0,0,0,.16);border-color:rgba(255,255,255,.065)}
.composer{padding:12px clamp(8px,2vw,18px)}.composer textarea{border-radius:20px}
.fab{border-radius:50%;display:grid;place-items:center;color:#03130a;box-shadow:0 16px 45px color-mix(in srgb,var(--brand) 30%,transparent),0 8px 22px rgba(0,0,0,.28)}
.card,.modal,.call-card{box-shadow:var(--shadow-lg)}

/* Story strip */
.stories-bar{display:flex;gap:9px;align-items:flex-start;padding:10px 10px 12px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);overflow:hidden;background:color-mix(in srgb,var(--panel) 88%,transparent)}
.story-list{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;flex:1;padding-bottom:2px;scrollbar-width:none}.story-list::-webkit-scrollbar{display:none}
.story-add,.story-item{width:66px;flex:0 0 66px;border:0;background:transparent;color:var(--text);padding:0;display:flex;flex-direction:column;align-items:center;gap:5px}
.story-add small,.story-item small{font-size:.67rem;max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.story-ring{position:relative;width:58px;height:58px;border-radius:50%;padding:3px;display:grid;place-items:center;background:linear-gradient(135deg,#f97316,#ec4899,#8b5cf6,#22c55e)}
.story-ring .avatar{width:52px;height:52px;border:3px solid var(--panel)}
.story-add .story-ring{background:linear-gradient(135deg,var(--brand),#38bdf8)}
.story-add .story-ring b{position:absolute;left:0;bottom:0;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#052e16;border:2px solid var(--panel);font-size:1rem}
.story-item.seen .story-ring{background:#475569}.story-item.unseen .story-ring{animation:storyGlow 2.2s infinite}
@keyframes storyGlow{50%{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--brand) 70%,transparent))}}
.story-preview{height:min(52vh,430px);display:grid;place-items:center;background:#020617;border-radius:20px;overflow:hidden;margin-bottom:12px}
.story-preview img,.story-preview video{width:100%;height:100%;object-fit:contain}

/* Story viewer */
.story-overlay{position:fixed;inset:0;z-index:4200;background:rgba(0,0,0,.94);display:grid;place-items:center;padding:12px}
.story-overlay.hidden{display:none}
.story-shell{position:relative;width:min(470px,100%);height:min(900px,96vh);border-radius:26px;overflow:hidden;background:#030712;box-shadow:0 30px 100px #000;display:flex;flex-direction:column}
.story-progress{position:absolute;top:8px;left:10px;right:10px;z-index:4;display:flex;gap:4px;direction:ltr}
.story-progress i{height:3px;flex:1;border-radius:99px;background:#ffffff42;overflow:hidden}
.story-progress i.done{background:#fff}.story-progress i.active{background:linear-gradient(90deg,#fff 0 55%,#ffffff42 55%)}
.story-head{position:absolute;top:17px;left:0;right:0;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 14px;color:white;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent)}
.story-head .avatar{width:42px;height:42px}.story-head .muted{color:#d1d5db}.story-views{font-size:.8rem}
.story-stage{flex:1;min-height:0;display:grid;place-items:center;background:#020617}
.story-stage img,.story-stage video{width:100%;height:100%;object-fit:contain}
.story-caption{position:absolute;left:16px;right:16px;bottom:22px;z-index:3;color:white;text-align:center;font-weight:700;text-shadow:0 2px 10px #000;background:linear-gradient(90deg,transparent,#0008,transparent);padding:10px}
.story-nav{position:absolute;top:20%;bottom:20%;width:18%;z-index:2;border:0;background:transparent;color:transparent}.story-nav.prev{left:0}.story-nav.next{right:0}

/* Public channel discovery */
.discover-title{display:flex;justify-content:space-between;align-items:center;padding:13px 14px 7px;color:var(--text);font-weight:900;border-top:1px solid var(--line);margin-top:5px}
.discover-title small{color:var(--muted);font-size:.68rem}
.discover-item{display:flex;align-items:center;gap:10px;margin:5px 8px;padding:10px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel2) 75%,transparent),color-mix(in srgb,var(--brand) 5%,transparent))}
.discover-item .avatar{width:45px;height:45px}.discover-empty{text-align:center;color:var(--muted);padding:14px}

/* Group call mesh */
.group-call-grid{width:100%;height:min(62vh,560px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(150px,1fr);gap:10px;padding:5px;overflow:auto}
.group-call-grid.hidden{display:none}
.group-video-tile{position:relative;min-height:150px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#172033,#05080f);border:1px solid #ffffff1f;box-shadow:0 12px 35px #0006}
.group-video-tile video{width:100%;height:100%;object-fit:cover;background:#020617}
.group-video-tile .group-avatar{position:absolute;inset:0;display:grid;place-items:center;font-size:2.2rem;font-weight:900;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 35%,#162032),#070b12)}
.group-video-tile .group-avatar img{width:100%;height:100%;object-fit:cover}
.group-video-tile.connected:not(.audio-tile) .group-avatar{display:none}
.group-video-tile.audio-tile video{opacity:0}
.group-video-tile>span{position:absolute;right:10px;bottom:9px;background:#0009;color:#fff;border-radius:9px;padding:4px 8px;font-size:.72rem}
.group-video-tile .peer-state{position:absolute;left:10px;bottom:10px;font-style:normal;font-size:.65rem;color:#d1d5db;background:#0008;border-radius:8px;padding:4px 7px}
.group-video-tile.local{border-color:color-mix(in srgb,var(--brand) 65%,white)}
.call-card:has(.group-call-grid:not(.hidden)){width:min(940px,96vw)}
.call-card:has(.group-call-grid:not(.hidden)) .call-avatar{width:68px;height:68px}
.call-card:has(.group-call-grid:not(.hidden)) h2{margin:4px}.call-card:has(.group-call-grid:not(.hidden)) p{margin-bottom:8px}

@media(max-width:760px){
 .stories-bar{padding-inline:7px}.story-add,.story-item{width:60px;flex-basis:60px}.story-ring{width:54px;height:54px}.story-ring .avatar{width:48px;height:48px}
 .story-shell{height:100%;width:100%;border-radius:0}.story-overlay{padding:0}
 .group-call-grid{height:62vh;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.group-video-tile{min-height:130px;border-radius:14px}
 .call-card:has(.group-call-grid:not(.hidden)){height:100%;width:100%;padding:12px}
}
@media(max-width:460px){
 .group-call-grid{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(120px,1fr)}
 .story-head .icon{width:36px;height:36px}
}

/* Nexa v12.1 — Story Studio + real-time progress */
.story-create-modal{display:flex;flex-direction:column;gap:14px}
.story-create-heading{display:flex;align-items:center;gap:12px;padding:3px 2px}
.story-create-heading h3{margin:0 0 4px;font-size:1.22rem}
.story-create-heading p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.65}
.story-create-icon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;font-size:1.35rem;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 88%,#fff),#8b5cf6);box-shadow:0 12px 30px color-mix(in srgb,var(--brand) 24%,transparent)}
.story-preview-frame{position:relative;height:min(55vh,480px);margin:0;border-radius:25px;border:1px solid rgba(255,255,255,.09);background:
 radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 36%),
 linear-gradient(145deg,#020617,#0b1020 58%,#111827);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 55px rgba(0,0,0,.26)}
.story-preview-frame img,.story-preview-frame video{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}
.story-preview-frame:after{content:"پیش‌نمایش";position:absolute;z-index:2;top:12px;right:12px;padding:6px 10px;border-radius:999px;background:rgba(2,6,23,.62);color:#fff;font-size:.68rem;font-weight:800;backdrop-filter:blur(12px)}
.story-preview-caption{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;padding:10px 14px;border-radius:16px;background:rgba(2,6,23,.58);color:white;text-align:center;font-weight:800;line-height:1.8;text-shadow:0 2px 10px #000;backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.22)}
.story-duration-card,.story-video-info{border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:19px;padding:13px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel2) 72%,transparent),color-mix(in srgb,var(--brand) 8%,var(--panel)));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.story-duration-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.story-duration-title strong{color:var(--brand);font-size:.82rem;background:color-mix(in srgb,var(--brand) 12%,transparent);padding:6px 10px;border-radius:999px}
.story-duration-card input[type="range"]{width:100%;height:6px;padding:0;border:0;border-radius:99px;accent-color:var(--brand);background:color-mix(in srgb,var(--line) 85%,transparent)}
.duration-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:11px;direction:rtl}
.duration-presets button{border:1px solid var(--line);border-radius:11px;padding:8px 3px;background:color-mix(in srgb,var(--panel) 80%,transparent);color:var(--muted);font-size:.69rem;font-weight:800;transition:.16s ease}
.duration-presets button:hover,.duration-presets button.active{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 16%,var(--panel));color:var(--text);transform:translateY(-1px)}
.story-video-info{display:flex;align-items:center;gap:11px}.story-video-info>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 14%,var(--panel));font-size:1.2rem}.story-video-info b,.story-video-info small{display:block}.story-video-info small{color:var(--muted);margin-top:4px}
.story-caption-field{position:relative;margin:0}.story-caption-field label span{color:var(--muted);font-weight:400}.story-caption-field textarea{padding-bottom:28px!important;resize:vertical}.story-caption-field>small{position:absolute;left:11px;bottom:8px;color:var(--muted);font-size:.66rem}
.story-publish-btn{min-height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.93rem;box-shadow:0 14px 32px color-mix(in srgb,var(--brand) 22%,transparent)}
.story-publish-btn b{font-size:1.12rem;transform:rotate(180deg)}
.story-upload-spinner{width:19px;height:19px;border:2px solid rgba(0,0,0,.25);border-top-color:currentColor;border-radius:50%;animation:storySpin .7s linear infinite}@keyframes storySpin{to{transform:rotate(360deg)}}

.stories-bar{padding-top:12px;background:
 radial-gradient(circle at 15% 0,color-mix(in srgb,var(--brand) 10%,transparent),transparent 30%),
 color-mix(in srgb,var(--panel) 91%,transparent)}
.story-add,.story-item{transition:transform .18s ease,filter .18s ease}.story-add:hover,.story-item:hover{transform:translateY(-2px)}
.story-ring{box-shadow:0 8px 22px rgba(0,0,0,.18);transition:transform .18s ease}.story-item:active .story-ring,.story-add:active .story-ring{transform:scale(.94)}
.story-item.unseen .story-ring{background:conic-gradient(from 210deg,#22c55e,#38bdf8,#8b5cf6,#ec4899,#f97316,#22c55e)}
.story-item.seen .story-ring{background:linear-gradient(135deg,#475569,#64748b);filter:saturate(.55)}

.story-overlay{background:
 radial-gradient(circle at 50% 8%,color-mix(in srgb,var(--brand) 13%,transparent),transparent 38%),
 rgba(0,0,0,.965);backdrop-filter:blur(16px)}
.story-shell{isolation:isolate;border:1px solid rgba(255,255,255,.11);background:#030712;box-shadow:0 35px 120px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.025);animation:storyOpen .22s ease-out}
@keyframes storyOpen{from{opacity:0;transform:scale(.975) translateY(8px)}to{opacity:1;transform:none}}
.story-progress{top:max(9px,env(safe-area-inset-top));left:12px;right:12px;gap:5px;height:4px}
.story-progress i{position:relative;height:4px;background:rgba(255,255,255,.25);box-shadow:0 1px 4px rgba(0,0,0,.28)}
.story-progress i b{display:block;height:100%;width:0;border-radius:inherit;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.72);transition:width .06s linear}
.story-progress i.done{background:rgba(255,255,255,.25)}.story-progress i.done b{width:100%!important}.story-progress i.active{background:rgba(255,255,255,.25)}
.story-head{top:18px;padding:12px 14px 32px;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.42) 54%,transparent);text-shadow:0 2px 10px rgba(0,0,0,.65)}
.story-head .avatar{width:44px;height:44px;border:2px solid rgba(255,255,255,.72);box-shadow:0 7px 20px rgba(0,0,0,.25)}
.story-head .icon{width:36px;height:36px;border-radius:12px;background:rgba(15,23,42,.52);color:#fff;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.09)}
.story-head .icon:hover{background:rgba(255,255,255,.16)}
.story-head .muted{color:rgba(255,255,255,.72);font-size:.7rem;margin-top:3px}.story-owner-name{font-weight:900}
.story-views{padding:6px 9px;border-radius:999px;background:rgba(15,23,42,.48);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);white-space:nowrap}
.story-stage{position:relative;isolation:isolate;overflow:hidden;background:#020617}
.story-stage:before{content:"";position:absolute;z-index:0;inset:-34px;background-image:var(--story-bg);background-position:center;background-size:cover;filter:blur(28px) brightness(.42) saturate(1.2);transform:scale(1.1)}
.story-stage:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.2),rgba(2,6,23,.03) 45%,rgba(2,6,23,.62))}
.story-stage img,.story-stage video{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 35px rgba(0,0,0,.28))}
.story-stage.is-image .story-main-media{animation:storyKenBurns var(--story-duration,7000ms) ease-out both}.story-shell.paused .story-main-media{animation-play-state:paused}@keyframes storyKenBurns{from{transform:scale(1)}to{transform:scale(1.025)}}
.story-caption{left:18px;right:18px;bottom:max(24px,calc(env(safe-area-inset-bottom) + 14px));padding:11px 15px;border-radius:18px;background:rgba(2,6,23,.54);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px);line-height:1.8;box-shadow:0 14px 36px rgba(0,0,0,.24)}
.story-nav{z-index:2}.story-nav:after{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(15,23,42,.36);color:rgba(255,255,255,.72);font-size:1.65rem;opacity:0;transition:.18s ease;backdrop-filter:blur(10px)}
.story-nav.prev:after{content:"‹";left:12px}.story-nav.next:after{content:"›";right:12px}.story-shell:hover .story-nav:after{opacity:1}
.story-play-hint{position:absolute;z-index:4;inset:0;margin:auto;width:148px;height:92px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(2,6,23,.64);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;backdrop-filter:blur(16px);box-shadow:0 18px 45px rgba(0,0,0,.35)}
.story-play-hint b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:white;color:#0f172a;font-size:1.05rem}.story-play-hint span{font-size:.72rem;font-weight:800}

@media(max-width:760px){
 .story-create-modal{gap:11px}.story-preview-frame{height:min(47vh,430px);border-radius:20px}
 .duration-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.duration-presets button{font-size:.62rem;padding:7px 1px}
 .story-shell{border:0}.story-progress{top:max(9px,env(safe-area-inset-top))}.story-head{top:18px;padding-top:12px}
 .story-head .icon{width:34px;height:34px}.story-head .avatar{width:41px;height:41px}
 .story-nav:after{display:none}.story-caption{bottom:max(18px,calc(env(safe-area-inset-bottom) + 10px));left:13px;right:13px}
}
@media(max-width:420px){
 .story-head{gap:5px;padding-left:8px;padding-right:8px}.story-views{padding:5px 7px}.story-pause{display:grid}
 .story-create-heading p{font-size:.71rem}.story-duration-card{padding:11px}.story-preview-frame{height:44vh}
}


/* Nexa v13 — iOS / Telegram inspired Glass UI + account safety */
:root{--glass-blur:24px;--glass-alpha:72%;--bubble-max:76%;--avatar-radius:50%;--glass-border:rgba(255,255,255,.13);--glass-shadow:0 18px 55px rgba(0,0,0,.22)}
html,body{overflow:hidden}
body{position:relative;isolation:isolate;background:
 radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 34%),
 radial-gradient(circle at 86% 90%,rgba(56,189,248,.16),transparent 36%),
 linear-gradient(145deg,color-mix(in srgb,var(--bg) 86%,#020617),var(--bg))}
body:before,body:after{content:"";position:fixed;z-index:0;width:48vmax;height:48vmax;border-radius:50%;filter:blur(12px);opacity:.55;pointer-events:none;animation:nexaGlassFloat 18s ease-in-out infinite alternate}
body:before{top:-28vmax;right:-18vmax;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 42%,transparent),transparent 68%)}
body:after{left:-22vmax;bottom:-30vmax;background:radial-gradient(circle,rgba(56,189,248,.28),transparent 68%);animation-delay:-7s}
@keyframes nexaGlassFloat{to{transform:translate3d(4vmax,3vmax,0) scale(1.08)}}
.auth,.app{position:relative;z-index:1;background:transparent}.bubble{max-width:min(var(--bubble-max),650px)}.avatar{border-radius:var(--avatar-radius)}body.avatar-squircle{--avatar-radius:31%}

.surface-frosted .sidebar,.surface-frosted .top,.surface-frosted .chat-head,.surface-frosted .composer,.surface-frosted .record-bar,.surface-frosted .reply-bar,.surface-frosted .stories-bar,.surface-frosted .tabs,.surface-frosted .search,
.surface-frosted .card,.surface-frosted .modal,.surface-frosted .call-card,.surface-frosted .emoji-panel,
.surface-crystal .sidebar,.surface-crystal .top,.surface-crystal .chat-head,.surface-crystal .composer,.surface-crystal .record-bar,.surface-crystal .reply-bar,.surface-crystal .stories-bar,.surface-crystal .tabs,.surface-crystal .search,
.surface-crystal .card,.surface-crystal .modal,.surface-crystal .call-card,.surface-crystal .emoji-panel{
 background:color-mix(in srgb,var(--panel) var(--glass-alpha),transparent)!important;
 -webkit-backdrop-filter:saturate(165%) blur(var(--glass-blur));backdrop-filter:saturate(165%) blur(var(--glass-blur));
 border-color:var(--glass-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),var(--glass-shadow)}
.surface-frosted .sidebar,.surface-crystal .sidebar{border-left:1px solid var(--glass-border)}
.surface-frosted .item,.surface-frosted .discover-item,.surface-frosted .note,.surface-frosted .bubble,.surface-frosted .icon,.surface-frosted input,.surface-frosted textarea,.surface-frosted select,
.surface-crystal .item,.surface-crystal .discover-item,.surface-crystal .note,.surface-crystal .bubble,.surface-crystal .icon,.surface-crystal input,.surface-crystal textarea,.surface-crystal select{
 -webkit-backdrop-filter:blur(calc(var(--glass-blur) * .55));backdrop-filter:blur(calc(var(--glass-blur) * .55));border-color:rgba(255,255,255,.09)}
.surface-frosted .item,.surface-crystal .item{background:color-mix(in srgb,var(--panel2) 24%,transparent);margin:4px 7px;border:1px solid transparent;border-radius:17px}
.surface-frosted .item:hover,.surface-frosted .item.active,.surface-crystal .item:hover,.surface-crystal .item.active{background:color-mix(in srgb,var(--brand) 12%,color-mix(in srgb,var(--panel) 55%,transparent));border-color:color-mix(in srgb,var(--brand) 32%,transparent);transform:translateY(-1px)}
.surface-frosted .bubble{background:color-mix(in srgb,var(--other) 78%,transparent)}.surface-frosted .mine .bubble{background:color-mix(in srgb,var(--mine) 82%,transparent)}
.surface-crystal .bubble{background:linear-gradient(145deg,color-mix(in srgb,var(--other) 72%,transparent),color-mix(in srgb,#fff 7%,transparent));border:1px solid rgba(255,255,255,.13)}
.surface-crystal .mine .bubble{background:linear-gradient(145deg,color-mix(in srgb,var(--mine) 78%,transparent),color-mix(in srgb,var(--brand) 13%,transparent))}
.surface-crystal .card,.surface-crystal .modal,.surface-crystal .call-card{border-color:rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.05),0 28px 90px rgba(0,0,0,.32)}
.surface-crystal .primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 28px color-mix(in srgb,var(--brand) 25%,transparent)}
body.surface-solid:before,body.surface-solid:after{display:none}
.messages{background-color:color-mix(in srgb,var(--bg) 68%,transparent)}
.top,.chat-head,.composer,.stories-bar{transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease}.item,.bubble,.card,.modal,.icon{transition:transform .18s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}

.settings-head,.profile-modal-head{display:flex;align-items:center;gap:13px;margin-bottom:14px}.settings-head h3,.profile-modal-head h3{margin:0 0 5px}.settings-head p,.profile-modal-head p{margin:0;color:var(--muted);font-size:.75rem}.settings-orb{width:52px;height:52px;border-radius:19px;display:grid;place-items:center;font-size:1.5rem;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 80%,#fff),#38bdf8);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 14px 35px color-mix(in srgb,var(--brand) 28%,transparent)}
.settings-preview{position:relative;overflow:hidden;padding:14px;border-radius:22px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--brand) 20%,transparent),transparent 43%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.015));margin-bottom:12px}.preview-glass-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:18px;background:color-mix(in srgb,var(--panel) 58%,transparent);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 14px 35px rgba(0,0,0,.18)}.preview-glass-card .avatar{width:42px;height:42px}.preview-glass-card small{display:block;color:var(--muted);margin-top:3px}.preview-bubble{margin-right:auto;padding:8px 11px;border-radius:14px;background:color-mix(in srgb,var(--brand) 30%,transparent);border:1px solid color-mix(in srgb,var(--brand) 38%,transparent);font-size:.76rem}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.range-card{padding:11px 13px;margin:9px 0;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:17px;background:color-mix(in srgb,var(--panel2) 48%,transparent)}.range-card label{display:flex;justify-content:space-between;align-items:center;margin:0 0 9px;font-size:.8rem}.range-card label b{color:var(--brand);padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,transparent)}.range-card input{width:100%;padding:0;border:0;accent-color:var(--brand)}.settings-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:9px;margin-top:12px}.notification-btn{width:100%;display:flex;justify-content:space-between;margin-top:10px}
.profile-big-avatar{width:70px;height:70px;font-size:1.55rem;box-shadow:0 15px 38px color-mix(in srgb,var(--brand) 24%,transparent)}
.danger-zone{margin-top:20px;padding:15px;border:1px solid rgba(248,113,113,.38);border-radius:20px;background:linear-gradient(145deg,rgba(127,29,29,.22),rgba(69,10,10,.09))}.danger-zone b{color:#fecaca}.danger-zone p{margin:7px 0 13px;color:#fca5a5;font-size:.76rem;line-height:1.8}
.delete-account-modal{text-align:center}.delete-account-icon{width:76px;height:76px;margin:0 auto 12px;border-radius:25px;display:grid;place-items:center;font-size:2rem;background:linear-gradient(145deg,#ef4444,#991b1b);box-shadow:0 18px 42px rgba(239,68,68,.24)}.delete-account-modal>p{color:var(--muted);line-height:1.9;font-size:.82rem}.delete-checklist{display:grid;grid-template-columns:1fr 1fr;gap:7px;text-align:right;margin:14px 0;padding:12px;border-radius:16px;background:rgba(239,68,68,.07);border:1px solid rgba(248,113,113,.18)}.delete-checklist span{font-size:.74rem;color:#fecaca}.delete-account-modal .soft{margin-top:8px}
.danger:disabled,.primary:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}
.motion-reduced *,body.motion-reduced:before,body.motion-reduced:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){body:not(.motion-full) *,body:not(.motion-full):before,body:not(.motion-full):after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.delete-checklist{grid-template-columns:1fr}.settings-actions{grid-template-columns:1fr}.modal-bg{padding:10px}.modal{border-radius:26px;max-height:94vh}.surface-frosted .sidebar,.surface-crystal .sidebar{border-left:0}.bubble{max-width:min(var(--bubble-max),88%)}}


/* v14: Story viewers + call history cards */
.story-views.clickable{cursor:pointer;transition:.2s ease;background:rgba(15,23,42,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.story-views.clickable:hover,.story-views.clickable:active{transform:translateY(-1px) scale(1.04);background:color-mix(in srgb,var(--brand) 34%,rgba(15,23,42,.68))}
.story-viewers-modal{min-height:220px}.story-viewers-head{display:flex;align-items:center;gap:13px;padding:6px 3px 16px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.story-viewers-head>span{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-size:1.55rem;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 70%,#fff 8%),color-mix(in srgb,var(--brand) 35%,transparent));box-shadow:0 12px 35px color-mix(in srgb,var(--brand) 25%,transparent)}
.story-viewers-head h3{margin:0 0 4px}.story-viewers-head p{margin:0;color:var(--muted);font-size:.82rem}.story-viewers-list{display:grid;gap:7px;padding-top:12px}
.story-viewer-row{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:17px;background:color-mix(in srgb,var(--panel2) 54%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.story-viewer-row .avatar{width:44px;height:44px}.story-viewer-row small{display:block;color:var(--muted);margin-top:3px}.story-viewer-row time{font-size:.72rem;color:var(--muted);white-space:nowrap}
.story-viewers-empty{min-height:190px;display:grid;place-items:center;align-content:center;text-align:center;gap:7px;color:var(--muted)}.story-viewers-empty span{font-size:2.7rem}.story-viewers-empty b{color:var(--text);font-size:1rem}
.call-message-card{min-width:min(280px,72vw);display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 18%,rgba(255,255,255,.08)),rgba(255,255,255,.035));border:1px solid color-mix(in srgb,var(--brand) 28%,rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
.call-message-card.group{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(59,130,246,.1));border-color:rgba(167,139,250,.27)}.call-message-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:15px;font-size:1.25rem;background:color-mix(in srgb,var(--brand) 25%,rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}
.call-message-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.call-message-copy b{font-size:.9rem}.call-message-copy small{color:color-mix(in srgb,var(--text) 70%,var(--muted));line-height:1.5}.call-message-wave{opacity:.7;font-size:1.05rem}
.message:has(.call-message-card) .bubble{padding:5px;background:color-mix(in srgb,var(--panel) 64%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.message:has(.call-message-card) .message-meta{padding:0 8px 5px}.message:has(.call-message-card) .sender{padding:7px 8px 0}
@media(max-width:520px){.story-viewer-row time{font-size:.66rem}.call-message-card{min-width:min(250px,78vw)}}


/* Nexa v15 — High performance chat + polished glass */
:root{--message-gap:7px;--chat-glow:color-mix(in srgb,var(--brand) 22%,transparent)}
.chat-view{isolation:isolate;background:radial-gradient(circle at 50% -10%,var(--chat-glow),transparent 36%)}
.chat-head{height:74px;padding-inline:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 82%,transparent),color-mix(in srgb,var(--panel2) 58%,transparent));border-bottom-color:rgba(255,255,255,.09);box-shadow:0 10px 35px rgba(0,0,0,.12);-webkit-backdrop-filter:saturate(150%) blur(22px);backdrop-filter:saturate(150%) blur(22px)}
.chat-head .avatar{box-shadow:0 8px 25px color-mix(in srgb,var(--brand) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.25)}
.chat-head .icon{background:color-mix(in srgb,var(--panel2) 52%,transparent);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.messages{position:relative;padding:22px clamp(12px,2.5vw,30px) 28px;scroll-behavior:auto!important;overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable;contain:layout style;background-attachment:local}
.message{margin:var(--message-gap) 0;content-visibility:auto;contain:layout paint style;contain-intrinsic-size:0 72px}
.message-row{max-width:100%}.bubble{position:relative;border:1px solid rgba(255,255,255,.075)!important;box-shadow:0 9px 24px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.055);-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(145deg,color-mix(in srgb,var(--other) 94%,#fff 3%),color-mix(in srgb,var(--other) 98%,#000 2%))!important}
.mine .bubble{background:linear-gradient(145deg,color-mix(in srgb,var(--mine) 91%,var(--brand) 9%),color-mix(in srgb,var(--mine) 96%,#000 4%))!important;border-color:color-mix(in srgb,var(--brand) 18%,rgba(255,255,255,.06))!important}
.bubble:before{content:"";position:absolute;inset:1px;border-radius:calc(var(--bubble-radius) - 2px);pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 42%)}
.bubble>*{position:relative}.message-meta{opacity:.72}.message:hover .message-meta{opacity:.96}
.message-new{animation:messagePop .2s cubic-bezier(.2,.8,.2,1)}@keyframes messagePop{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}
.message-image{background:color-mix(in srgb,var(--panel2) 75%,transparent);box-shadow:0 12px 32px rgba(0,0,0,.2)}
.voice-message audio{max-width:min(270px,55vw)}
.composer{margin:0 clamp(8px,1.5vw,18px) max(8px,env(safe-area-inset-bottom));padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 79%,transparent),color-mix(in srgb,var(--panel2) 48%,transparent));box-shadow:0 15px 45px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:saturate(155%) blur(24px);backdrop-filter:saturate(155%) blur(24px)}
.composer textarea{border:0!important;background:color-mix(in srgb,var(--bg) 48%,transparent)!important;border-radius:17px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}.composer textarea:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 38%,transparent)!important}
.composer .icon{border-radius:15px;background:color-mix(in srgb,var(--panel2) 58%,transparent)}.send-button{border-radius:16px;box-shadow:0 9px 24px color-mix(in srgb,var(--brand) 24%,transparent)}
.scroll-bottom-btn{position:absolute;z-index:12;left:clamp(16px,3vw,34px);bottom:94px;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 78%,transparent),color-mix(in srgb,var(--brand) 15%,var(--panel)));color:var(--text);box-shadow:0 15px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.13);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:grid;place-items:center;transition:transform .18s ease,opacity .18s ease}.scroll-bottom-btn:hover{transform:translateY(-2px)}.scroll-bottom-btn>span{font-size:1.35rem;line-height:1}.scroll-bottom-btn b{position:absolute;right:-5px;top:-6px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--brand);color:#03130a;border:2px solid var(--panel);font-size:.66rem}
.older-messages-loader{position:absolute;z-index:13;top:86px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:color-mix(in srgb,var(--panel) 82%,transparent);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:.72rem;color:var(--muted)}.older-messages-loader span{width:14px;height:14px;border:2px solid color-mix(in srgb,var(--brand) 25%,transparent);border-top-color:var(--brand);border-radius:50%;animation:olderSpin .7s linear infinite}@keyframes olderSpin{to{transform:rotate(360deg)}}
.message-empty{min-height:55vh;display:grid;place-items:center;align-content:center;gap:7px}.message-empty span{font-size:3rem;filter:drop-shadow(0 12px 22px color-mix(in srgb,var(--brand) 20%,transparent))}.message-empty b{font-size:1rem;color:var(--text)}.message-empty small{color:var(--muted)}
.sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 93%,transparent),color-mix(in srgb,var(--bg) 88%,transparent))}.top{box-shadow:0 10px 34px rgba(0,0,0,.09)}.stories-bar{border-bottom:1px solid rgba(255,255,255,.055)}
.item{content-visibility:auto;contain-intrinsic-size:0 72px}.surface-frosted .item,.surface-crystal .item{box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.surface-frosted .item.active,.surface-crystal .item.active{box-shadow:inset 3px 0 0 var(--brand),inset 0 1px 0 rgba(255,255,255,.06),0 9px 25px rgba(0,0,0,.08)}
@media(max-width:760px){.messages{padding:17px 10px 25px}.composer{margin-inline:6px;border-radius:20px}.scroll-bottom-btn{bottom:90px;left:13px}.chat-head{padding-inline:8px;gap:6px}.chat-head .icon{width:38px;height:38px}.bubble{max-width:min(var(--bubble-max),91%)}.older-messages-loader{top:82px}}
@media(prefers-reduced-motion:reduce){.message-new{animation:none}}
/* v15 mobile height hardening: keeps the message list as the only scroll area */
.app{height:100vh;height:100dvh;min-height:0;grid-template-rows:minmax(0,1fr);overflow:hidden}
.sidebar,.chat,.chat-view{min-height:0;height:100%;overflow:hidden}.messages{min-height:0}
@supports(-webkit-touch-callout:none){.app{height:-webkit-fill-available}}


/* Nexa v16 — Liquid Glass + reliable notifications */
:root{--liquid-border:rgba(255,255,255,.17);--liquid-highlight:rgba(255,255,255,.11);--liquid-shadow:0 24px 70px rgba(0,0,0,.24);--island-radius:24px}
.surface-liquid .sidebar,.surface-liquid .top,.surface-liquid .chat-head,.surface-liquid .composer,.surface-liquid .record-bar,.surface-liquid .reply-bar,.surface-liquid .stories-bar,.surface-liquid .tabs,.surface-liquid .search,.surface-liquid .card,.surface-liquid .modal,.surface-liquid .call-card,.surface-liquid .emoji-panel{
 background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 68%,transparent),color-mix(in srgb,var(--panel2) 36%,transparent))!important;
 border-color:var(--liquid-border)!important;
 box-shadow:inset 0 1px 0 var(--liquid-highlight),inset 0 -1px 0 rgba(255,255,255,.025),var(--liquid-shadow);
 -webkit-backdrop-filter:saturate(185%) blur(calc(var(--glass-blur) + 4px));backdrop-filter:saturate(185%) blur(calc(var(--glass-blur) + 4px))}
.surface-liquid .sidebar{border-left:1px solid var(--liquid-border)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 72%,transparent),color-mix(in srgb,var(--bg) 61%,transparent))!important}
.surface-liquid .top,.surface-liquid .chat-head,.surface-liquid .composer{position:relative;overflow:hidden}
.surface-liquid .top:after,.surface-liquid .chat-head:after,.surface-liquid .composer:after,.surface-liquid .modal:after{content:"";position:absolute;z-index:0;pointer-events:none;inset:0;background:linear-gradient(110deg,transparent 8%,rgba(255,255,255,.065) 32%,transparent 54%);transform:translateX(-115%);animation:nexaLiquidSweep 9s ease-in-out infinite}
.surface-liquid .top>*,.surface-liquid .chat-head>*,.surface-liquid .composer>*,.surface-liquid .modal>*{position:relative;z-index:1}@keyframes nexaLiquidSweep{0%,68%{transform:translateX(-115%)}88%,100%{transform:translateX(115%)}}
.top{height:68px;margin:8px 8px 3px;border:1px solid transparent!important;border-radius:var(--island-radius);padding-inline:11px}.stories-bar{margin:4px 8px 0;border:1px solid rgba(255,255,255,.075)!important;border-radius:21px 21px 8px 8px}.search{margin:6px 8px 0;padding:7px;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px}.search input{min-height:42px;border-radius:14px!important;background:color-mix(in srgb,var(--bg) 42%,transparent)!important}.tabs{margin:6px 8px 2px;padding:5px;border:1px solid rgba(255,255,255,.075)!important;border-radius:17px;gap:3px}.tab{flex:1;padding:8px 7px;border-radius:12px}.tab.active{background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 32%,transparent),color-mix(in srgb,var(--brand) 16%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.13);color:var(--text)}
.chat-head{height:68px;margin:8px 10px 0;border:1px solid var(--liquid-border)!important;border-radius:var(--island-radius);flex:0 0 auto}.chat-view{gap:4px}.messages{border-radius:22px 22px 0 0;margin:0 5px;background-color:color-mix(in srgb,var(--bg) 54%,transparent)}
.composer{border:1px solid var(--liquid-border)!important;border-radius:24px;margin:4px 9px max(9px,env(safe-area-inset-bottom));padding:7px}.composer textarea{background:color-mix(in srgb,var(--bg) 38%,transparent)!important;border:1px solid rgba(255,255,255,.08)!important}.composer .icon,.top .icon,.chat-head .icon{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.085);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.icon:active,.primary:active,.soft:active{transform:scale(.94)!important}.fab{background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 92%,white 8%),color-mix(in srgb,var(--brand) 76%,#0891b2));color:#fff;border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 18px 44px color-mix(in srgb,var(--brand) 31%,transparent)}
.surface-liquid .item{margin:5px 8px;padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.surface-liquid .item:hover,.surface-liquid .item.active{background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 18%,rgba(255,255,255,.065)),color-mix(in srgb,var(--brand) 7%,transparent));border-color:color-mix(in srgb,var(--brand) 30%,rgba(255,255,255,.1));box-shadow:inset 3px 0 0 var(--brand),0 13px 34px rgba(0,0,0,.1)}
.auth-card{overflow:hidden;position:relative;border-color:var(--liquid-border)!important}.auth-card:before{content:"";position:absolute;inset:-45% -20% auto;height:70%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 32%,transparent),transparent 67%);pointer-events:none}.brand-mark{position:relative;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 20px 55px color-mix(in srgb,var(--brand) 32%,transparent)}
.notification-bell{position:relative}.notification-bell i{position:absolute;top:5px;right:5px;width:9px;height:9px;border-radius:50%;background:#f59e0b;border:2px solid color-mix(in srgb,var(--panel) 80%,transparent);box-shadow:0 0 0 3px rgba(245,158,11,.14)}.notification-bell.notify-on i{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15)}.notification-bell.notify-on{color:#dcfce7}.notification-bell span{display:block;transition:.2s ease}.notification-bell:hover span{transform:rotate(-10deg)}
.notification-banner{position:fixed;z-index:145;top:max(12px,env(safe-area-inset-top));left:50%;width:min(520px,calc(100vw - 22px));min-height:70px;display:flex;align-items:center;gap:11px;padding:10px 11px;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 70%,transparent),color-mix(in srgb,var(--panel2) 43%,transparent));color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 24px 70px rgba(0,0,0,.35);-webkit-backdrop-filter:saturate(180%) blur(28px);backdrop-filter:saturate(180%) blur(28px);transform:translate(-50%,-130%) scale(.96);opacity:0;transition:.24s cubic-bezier(.2,.8,.2,1);text-align:right}.notification-banner.show{transform:translate(-50%,0) scale(1);opacity:1}.notification-banner .avatar{width:48px;height:48px}.notification-banner-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.notification-banner-copy b,.notification-banner-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-banner-copy small{color:var(--muted)}.notification-banner-open{padding:7px 10px;border-radius:12px;background:color-mix(in srgb,var(--brand) 18%,transparent);color:color-mix(in srgb,var(--brand) 62%,white);font-size:.7rem;font-weight:900}.notification-banner-close{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:var(--muted)}
.notification-settings{display:grid;gap:13px}.notification-hero{display:flex;align-items:center;gap:13px}.notification-hero h3{margin:0 0 5px}.notification-hero p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.7}.notification-hero-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;font-size:1.6rem;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 75%,#fff 10%),#0ea5e9);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 16px 38px color-mix(in srgb,var(--brand) 28%,transparent)}
.notification-state-card{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018))}.notification-state-card small{display:block;color:var(--muted);margin-top:4px}.notification-status-dot{width:14px;height:14px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.13)}.notification-status-dot.active{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.13)}.notification-status-dot.blocked{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.13)}.notification-state-pill{padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--brand) 14%,transparent);font-size:.68rem;font-weight:900}.notification-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:8px}.notification-actions button:last-child:nth-child(3){grid-column:1/-1}.notification-help{display:grid;gap:5px;padding:12px 13px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:color-mix(in srgb,var(--panel2) 35%,transparent)}.notification-help b{color:color-mix(in srgb,var(--brand) 55%,white);font-size:.77rem;margin-top:4px}.notification-help span{color:var(--muted);font-size:.72rem;line-height:1.8}.notification-btn{align-items:center;text-align:right;padding:12px 13px;border:1px solid rgba(255,255,255,.09)}.notification-btn>span:first-child{display:flex;flex-direction:column;gap:4px}.notification-btn small{font-weight:400;color:var(--muted)}.notification-chevron{font-size:1.35rem;color:var(--brand)}
.surface-liquid .modal-bg{background:radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 38%),rgba(2,6,23,.64);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.surface-liquid .modal{border-radius:30px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 35px 110px rgba(0,0,0,.42)}
@media(max-width:760px){.top{margin:6px 6px 2px;height:64px;border-radius:21px}.stories-bar,.search,.tabs{margin-left:6px;margin-right:6px}.chat-head{margin:6px 6px 0;height:64px;border-radius:21px}.messages{margin:0 3px;border-radius:18px 18px 0 0}.composer{margin-left:5px;margin-right:5px;border-radius:21px}.notification-banner-open{display:none}.notification-actions{grid-template-columns:1fr}.notification-actions button:last-child:nth-child(3){grid-column:auto}.notification-banner{top:max(7px,env(safe-area-inset-top));border-radius:20px}.top .icon{width:36px;height:36px}.top{gap:4px}.top .grow{max-width:88px}.top #meUsername{font-size:.66rem}}
@media(max-width:390px){.top #settingsBtn{display:none}.notification-banner{min-height:64px;padding:8px}.notification-banner .avatar{width:43px;height:43px}.notification-banner-close{width:26px}.chat-head .live-dot{display:none}}
@media(prefers-reduced-motion:reduce){.surface-liquid .top:after,.surface-liquid .chat-head:after,.surface-liquid .composer:after,.surface-liquid .modal:after{animation:none}.notification-banner{transition:none}}

/* v17 — real server push status polish */
.notification-bell.notify-on{box-shadow:0 0 0 1px rgba(70,255,175,.45),0 0 22px rgba(45,230,150,.28);background:linear-gradient(145deg,rgba(65,255,175,.22),rgba(25,175,120,.12))}
.notification-bell.notify-on i{background:#58ffb2;box-shadow:0 0 0 4px rgba(88,255,178,.15),0 0 14px rgba(88,255,178,.75)}
.notification-state-pill{white-space:nowrap}
.notification-settings .notification-help{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.notification-settings .notification-actions button{min-height:46px}


/* Nexa v20 — Public Live for VPS */
.live-hub-button{margin:8px 10px 4px;width:calc(100% - 20px);min-height:58px;padding:9px 11px;border:1px solid color-mix(in srgb,#ff315f 34%,var(--line));border-radius:20px;display:flex;align-items:center;gap:10px;color:var(--text);background:linear-gradient(135deg,color-mix(in srgb,#ff315f 13%,var(--panel)),color-mix(in srgb,var(--brand) 7%,var(--panel2)));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 28px rgba(0,0,0,.12);text-align:right;position:relative;overflow:hidden}
.live-hub-button:before{content:"";position:absolute;inset:-60% auto auto -15%;width:120px;height:120px;border-radius:50%;background:#ff315f22;filter:blur(14px)}
.live-hub-pulse{width:14px;height:14px;border-radius:50%;background:#ff315f;box-shadow:0 0 0 6px rgba(255,49,95,.13),0 0 22px rgba(255,49,95,.65);animation:livePulse 1.35s ease-in-out infinite;z-index:1}@keyframes livePulse{50%{transform:scale(.78);opacity:.72}}
.live-hub-copy{display:flex;flex-direction:column;gap:3px;flex:1;z-index:1}.live-hub-copy b{font-size:.86rem}.live-hub-copy small{color:var(--muted);font-size:.67rem}.live-hub-count{min-width:31px;height:27px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-weight:900;font-size:.72rem;z-index:1}.live-hub-count.active{background:#ff315f;color:#fff;box-shadow:0 7px 18px rgba(255,49,95,.27)}.live-hub-arrow{font-size:1.35rem;color:var(--muted);z-index:1}
.live-hub-modal{display:grid;gap:14px}.live-hub-hero{display:flex;align-items:center;gap:13px}.live-hub-hero h3{margin:0 0 4px}.live-hub-hero p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.75}.live-hub-logo{min-width:67px;height:42px;padding:0 12px;border-radius:15px;background:linear-gradient(135deg,#ff315f,#fb7185);display:flex;align-items:center;justify-content:center;gap:7px;color:white;font-weight:1000;font-size:.78rem;letter-spacing:.05em;box-shadow:0 12px 28px rgba(255,49,95,.25)}.live-hub-logo span{width:8px;height:8px;border-radius:50%;background:white;box-shadow:0 0 0 4px rgba(255,255,255,.2)}.live-start-main{min-height:50px;border-radius:17px;background:linear-gradient(135deg,#ff315f,#e11d48);box-shadow:0 14px 30px rgba(225,29,72,.24)}
.live-hub-section{display:flex;align-items:center;justify-content:space-between}.live-hub-section>div{display:flex;flex-direction:column;gap:3px}.live-hub-section small{color:var(--muted);font-size:.68rem}.live-list-modal{display:grid;gap:8px;max-height:45vh;overflow:auto;padding:2px}.live-list-card{width:100%;display:flex;align-items:center;gap:11px;padding:11px;border-radius:19px;border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 82%,transparent),color-mix(in srgb,#ff315f 4%,var(--panel)));color:var(--text);text-align:right;transition:.18s ease}.live-list-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,#ff315f 48%,var(--line));box-shadow:0 13px 30px rgba(0,0,0,.12)}.live-card-avatar{width:51px;height:51px;box-shadow:0 0 0 3px #ff315f33}.live-card-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.live-card-copy>span{display:flex;align-items:center;gap:7px;min-width:0}.live-card-copy i{font-style:normal;font-size:.56rem;font-weight:1000;color:#fff;background:#ff315f;border-radius:6px;padding:3px 5px}.live-card-copy b,.live-card-copy small,.live-card-copy em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-card-copy small,.live-card-copy em{color:var(--muted);font-size:.67rem}.live-card-copy em{font-style:normal}.live-card-meta{display:flex;flex-direction:column;align-items:center;gap:4px}.live-card-meta b{font-size:.72rem}.live-card-meta small{color:#ff6b88;font-size:.62rem;font-weight:900}.live-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--muted)}.live-empty>span{font-size:2rem}.live-empty b{color:var(--text)}.live-limit-note{padding:10px 12px;border:1px solid #f59e0b33;border-radius:15px;background:#f59e0b0c;color:var(--muted);font-size:.68rem;line-height:1.8}
.start-live-modal{display:grid;gap:14px}.start-live-preview{padding:18px;border-radius:24px;text-align:center;background:radial-gradient(circle at 50% 0,#ff315f26,transparent 48%),linear-gradient(145deg,#0d1324,#111827);color:white;border:1px solid rgba(255,255,255,.09)}.start-live-preview .live-hub-logo{margin:auto}.start-live-preview h3{margin:13px 0 5px}.start-live-preview p{margin:0;color:#aeb8ca;font-size:.72rem}.live-ready-note{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--panel2) 72%,transparent)}.live-ready-note>span{font-size:1.2rem}.live-ready-note b,.live-ready-note small{display:block}.live-ready-note small{color:var(--muted);margin-top:4px;font-size:.67rem;line-height:1.65}
.live-overlay{position:fixed;z-index:1700;inset:0;padding:12px;background:radial-gradient(circle at 50% 0,#ff315f20,transparent 35%),rgba(1,4,12,.92);backdrop-filter:blur(20px);display:grid;place-items:center}.live-shell{width:min(1180px,98vw);height:min(760px,96dvh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:linear-gradient(145deg,rgba(15,23,42,.94),rgba(4,8,18,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 40px 130px rgba(0,0,0,.62)}.live-head{height:72px;display:flex;align-items:center;gap:11px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.live-head .avatar{width:48px;height:48px;box-shadow:0 0 0 3px rgba(255,49,95,.25)}.live-title-row{display:flex;align-items:center;gap:8px}.live-title-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw}.live-badge{padding:4px 7px;border-radius:7px;background:#ff315f;color:white;font-size:.58rem;font-weight:1000;box-shadow:0 6px 16px rgba(255,49,95,.28)}.live-head small{display:block;color:#9aa6ba;margin-top:4px}.live-view-count{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.07);white-space:nowrap;color:#fff}.live-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 330px}.live-video-wrap{position:relative;min-height:0;overflow:hidden;background:#000;display:grid;place-items:center}.live-video-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#1e293b 0,#020617 62%)}.live-video-wrap video{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;background:#000}.live-waiting{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;text-align:center}.live-waiting small{color:#94a3b8}.live-loader{width:38px;height:38px;border:3px solid rgba(255,255,255,.18);border-top-color:#ff315f;border-radius:50%;animation:storySpin .75s linear infinite}.live-play-button{position:absolute;z-index:5;border:1px solid rgba(255,255,255,.2);border-radius:17px;padding:12px 17px;background:rgba(15,23,42,.75);backdrop-filter:blur(15px);color:white;font-weight:900}.live-description{position:absolute;z-index:3;left:15px;right:15px;bottom:14px;padding:10px 13px;border-radius:16px;background:rgba(2,6,23,.58);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px);color:white;line-height:1.7}.live-comments-panel{min-height:0;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.live-comments-title{height:53px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.live-comments-title span{font-size:.64rem;color:#4ade80;padding:5px 8px;border-radius:99px;background:#22c55e12}.live-comments{flex:1;overflow:auto;padding:11px;display:flex;flex-direction:column;gap:10px}.live-comment{display:flex;align-items:flex-start;gap:8px}.live-comment .avatar{width:32px;height:32px;flex:0 0 32px}.live-comment b{font-size:.7rem;color:#cbd5e1}.live-comment p{margin:3px 0 0;font-size:.76rem;line-height:1.6;color:#f8fafc;overflow-wrap:anywhere}.live-comment-system{align-self:center;padding:7px 10px;border-radius:12px;background:rgba(255,255,255,.06);color:#94a3b8;font-size:.66rem}.live-comment-form{padding:9px;display:flex;gap:7px;border-top:1px solid rgba(255,255,255,.08)}.live-comment-form input{min-width:0;flex:1;border-radius:14px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#fff}.live-comment-form button{border-radius:13px}.live-controls{min-height:74px;padding:9px 14px;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.08)}.live-host-controls{display:flex;gap:10px}.live-control{min-width:78px;height:55px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.live-control small{font-size:.59rem}.live-control.end{background:#ef4444;border-color:#f87171}.live-controls>.soft{min-width:160px;color:white;background:rgba(255,255,255,.09)}
@media(max-width:780px){.live-overlay{padding:0}.live-shell{width:100%;height:100dvh;border-radius:0}.live-head{height:67px;padding-top:max(9px,env(safe-area-inset-top))}.live-main{grid-template-columns:1fr;grid-template-rows:minmax(260px,58%) minmax(0,42%)}.live-comments-panel{border-right:0;border-top:1px solid rgba(255,255,255,.08)}.live-controls{min-height:67px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.live-description{font-size:.72rem}.live-title-row b{max-width:38vw}.live-hub-button{margin-top:5px}.live-list-modal{max-height:42vh}}
@media(max-width:430px){.live-head .avatar{width:40px;height:40px}.live-head{gap:7px}.live-view-count{font-size:.68rem}.live-head>.icon{width:34px;height:34px}.live-card-avatar{width:45px;height:45px}.live-control{min-width:70px}.live-main{grid-template-rows:minmax(235px,54%) minmax(0,46%)}}