:root{font-family:DM Sans,system-ui,sans-serif;color-scheme:light;--page: #d9e3df;--surface: #fff;--surface-1: #fff;--surface-2: #f6f8f7;--surface-3: #f0f4f2;--hover: #f3f8f6;--hover-2: #eef5f2;--active: #e8f5f0;--wallpaper: #eeeae3;--wallpaper-dot: #86978e18;--wallpaper-sheen: #ffffff88;--auth-card: #f9fbfa;--bubble-in: #fff;--bubble-out: #d9fdd3;--avatar-bg: #dcebe5;--note-bg: #fff4c4;--note-ink: #7b6a32;--tick-read: #00a7c4;--ink: #182621;--ink-soft: #3e5750;--muted: #6e817b;--muted-2: #81928c;--line: #dfe6e3;--line-soft: #edf0ef;--green: #16a66b;--green-dark: #0d8050;--green-bright: #20bd76;--dot: #21c87a;--accent-ink: #18785a;--accent-soft: #e7f2ed;--accent-soft-hover: #d7ebe2;--segmented-track: #f0f4f2;--segmented-on: #fff;--danger: #b33a3a;--danger-soft: #fdeeee;--shadow-frame: 0 18px 70px #1c39332b;--shadow-menu: 0 12px 35px #17372e26;--shadow-bubble: 0 1px 2px #173b2e24;--shadow-pill: 0 1px 2px #28463a20;--shadow-modal: 0 30px 80px #102a2366;--backdrop: #112a2473;color:var(--ink);background:var(--page)}:root[data-theme=dark]{color-scheme:dark;--page: #0b141a;--surface: #111b21;--surface-1: #111b21;--surface-2: #202c33;--surface-3: #2a3942;--hover: #1b262d;--hover-2: #2a3942;--active: #2a3942;--wallpaper: #0b141a;--wallpaper-dot: #ffffff0a;--wallpaper-sheen: #ffffff05;--auth-card: #111b21;--bubble-in: #202c33;--bubble-out: #005c4b;--avatar-bg: #2a3942;--note-bg: #182a2f;--note-ink: #ffd88a;--tick-read: #53bdeb;--ink: #e9edef;--ink-soft: #cfd9de;--muted: #8696a0;--muted-2: #8696a0;--line: #222d34;--line-soft: #1b262d;--green: #1da868;--green-dark: #16855a;--green-bright: #21c07d;--dot: #21c87a;--accent-ink: #53bdac;--accent-soft: #14352b;--accent-soft-hover: #1b4436;--segmented-track: #0d161c;--segmented-on: #2a3942;--danger: #f15c6d;--danger-soft: #3a2125;--shadow-frame: none;--shadow-menu: 0 12px 35px #0006;--shadow-bubble: 0 1px 2px #0004;--shadow-pill: 0 1px 2px #0004;--shadow-modal: 0 30px 80px #0008;--backdrop: #0b141acc}*{box-sizing:border-box}body{margin:0;min-width:320px}*{-webkit-tap-highlight-color:transparent!important}::selection{background:#00a8844d!important;color:inherit!important}button,input,select,textarea,a{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-frame{height:100dvh;display:flex;max-width:1500px;margin:auto;background:var(--surface);box-shadow:var(--shadow-frame);overflow:hidden}.loading-screen{height:100dvh;display:grid;place-items:center;font:600 15px Manrope,sans-serif;color:var(--muted);background:var(--page)}.chat-sidebar{width:390px;min-width:330px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:relative;background:var(--surface)}.side-head,.chat-head{height:72px;background:var(--head-bg);display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);flex:none}.side-head{justify-content:space-between}.me,.chat-head{gap:11px}.me{display:flex;align-items:center;min-width:0}.me img,.avatar img{width:44px;height:44px;border-radius:50%;background:var(--avatar-bg);object-fit:cover;flex:none}.me>div,.contact{display:flex;flex-direction:column;min-width:0}.me b,.contact b{font:600 14px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me small,.contact small{font-size:12px;color:var(--muted)}.me small:before{content:"";display:inline-block;width:6px;height:6px;background:#20c77a;border-radius:50%;margin-right:5px}.icon-row{display:flex;gap:5px;margin-left:auto}.icon-row button,.modal-head button,.back,.composer>button{border:0;background:transparent;color:var(--muted);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;transition:.2s;flex:none}.icon-row button:hover:not(:disabled),.composer>button:hover:not(:disabled),.modal-head button:hover{background:var(--hover-2);color:var(--accent-ink)}.icon-row svg,.back svg,.composer svg{width:20px}.profile-menu{position:absolute;z-index:5;right:12px;top:78px;min-width:170px;width:max-content;max-width:min(260px,calc(100vw - 24px));background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:var(--shadow-menu)}.profile-menu button{width:100%;border:0;background:none;padding:9px 14px 9px 12px;display:flex;align-items:center;gap:10px;border-radius:8px;color:var(--ink-soft);font-size:13.5px;text-align:left;white-space:nowrap}.profile-menu button:hover{background:var(--hover-2)}.profile-menu button svg{width:17px;height:17px;flex:none}.profile-menu button.danger{color:var(--danger)}.profile-menu button.danger:hover{background:var(--danger-soft)}.search-wrap{padding:12px 14px 8px}.search{height:42px;border-radius:9px;background:var(--surface-3);display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--muted)}.search input{border:0;outline:0;background:transparent;width:100%;font-size:13px;color:var(--ink)}.search-clear-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s,color .15s;margin-left:auto;flex:none}.search-clear-btn:hover{background:var(--hover);color:var(--ink)}.list-title{display:flex;justify-content:space-between;padding:11px 19px 8px;font:600 10px Manrope,sans-serif;letter-spacing:1.2px;color:var(--muted-2)}.list-title span:last-child{color:var(--accent-ink);letter-spacing:0}.search-section-header{background:var(--surface-2);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:7px 19px 6px;font-size:11px;font-weight:700;letter-spacing:1.1px;color:var(--muted-2)}.search-highlight{background:#16a66b38;color:var(--green-dark);font-weight:700;border-radius:3px;padding:0 2px}.search-snippet-row{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.search-snippet-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.search-sender-prefix{font-weight:600;color:var(--ink-soft)}.chat-list{overflow:auto;flex:1;padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}.chat-row{width:100%;min-height:76px;padding:8px 14px;border:0;background:var(--surface);display:flex;gap:11px;text-align:left;transition:.2s;align-items:center}.chat-row:hover{background:var(--hover)}.chat-row.active{background:var(--active)}.avatar{position:relative;flex:none}.avatar i{position:absolute;right:0;bottom:2px;width:11px;height:11px;background:var(--dot);border:2px solid var(--surface);border-radius:50%}.chat-summary{flex:1;min-width:0;border-bottom:1px solid var(--line-soft);padding:4px 0 11px}.chat-summary>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-summary b{font:600 14px Manrope,sans-serif;display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}.chat-summary b .chat-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chat-summary time,.chat-summary span{font-size:12px;color:var(--muted-2)}.chat-summary time{flex:none}.chat-summary span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:7px}.chat-summary em{font-style:normal;font-size:10px;background:var(--green-bright);color:#fff;min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;flex:none;padding:0 5px;margin-top:7px}.list-empty{text-align:center;padding:48px 28px;color:var(--muted)}.list-empty p{margin:0;font:600 14px Manrope,sans-serif}.list-empty p+p{margin-top:8px;font:400 13px DM Sans,sans-serif;color:var(--muted-2)}.chat-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--wallpaper);position:relative}.chat-head{background:var(--surface-2)}.chat-head .avatar img{width:40px;height:40px}.back{display:none}.message-area{flex:1;overflow:auto;overflow-anchor:auto;scroll-behavior:auto!important;padding:28px clamp(24px,7vw,95px);display:flex;flex-direction:column;gap:7px;background-color:var(--wallpaper);background-image:radial-gradient(var(--wallpaper-dot) 1px,transparent 1px),linear-gradient(135deg,var(--wallpaper-sheen) 25%,transparent 25%);background-size:21px 21px,80px 80px}.day-pill,.encryption-note{align-self:center;border-radius:7px;font-size:10px;box-shadow:var(--shadow-pill);flex:none}.day-pill{background:var(--surface);padding:6px 10px;color:var(--muted);letter-spacing:.4px}.encryption-note{max-width:390px;text-align:center;background:var(--note-bg);color:var(--note-ink);padding:8px 13px;margin-bottom:15px;line-height:1.5}.bubble{position:relative;max-width:72%;padding:7px 10px 4px;border-radius:9px;box-shadow:var(--shadow-bubble);font-size:15px;flex:none}.bubble p{margin:0;line-height:1.4;white-space:pre-wrap;word-break:break-word}.bubble>span:not(.single-animated-emoji),.bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:9.5px;color:var(--muted-2);margin-top:2px;line-height:12px}.bubble em{font-style:italic;color:var(--muted-2)}.received{align-self:flex-start;background:var(--bubble-in);border-top-left-radius:2px}.sent{align-self:flex-end;background:var(--bubble-out);border-top-right-radius:2px}.bubble.bubble-failed{background:#ef444429!important;border:1px solid rgba(239,68,68,.45)!important;cursor:pointer}.bubble.bubble-failed:active{background:#ef444442!important}.sent span svg{color:var(--muted-2)}.formatted-text{word-break:break-word}.formatted-text p.chat-p{margin:0 0 4px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.formatted-text p.chat-p:last-child{margin-bottom:0}.formatted-text strong.chat-bold{font-weight:700}.formatted-text em.chat-italic{font-style:italic}.formatted-text del.chat-strike{text-decoration:line-through;opacity:.85}.formatted-text a.chat-link{color:var(--accent, #16a66b);text-decoration:underline;text-underline-offset:2.5px;word-break:break-all;cursor:pointer;transition:opacity .15s}.bubble.sent .formatted-text a.chat-link{color:#a7f3d0}.formatted-text a.chat-link:hover{opacity:.82}.formatted-text code.chat-inline-code{position:relative;font-family:DM Mono,monospace,ui-monospace,Menlo,Consolas,monospace;font-size:.88em;padding:2px 6px;border-radius:4px;background:#00000026;word-break:break-word;cursor:pointer;display:inline-flex;align-items:center;gap:4px;-webkit-user-select:text;user-select:text;transition:all .15s ease}.formatted-text code.chat-inline-code:hover{filter:brightness(1.15);box-shadow:0 0 0 1px #fff3}.formatted-text code.chat-inline-code.copied{background:#25b87959!important;color:#fff!important}.chat-copied-badge{font-size:10px;font-family:inherit;font-weight:700;background:#25b879;color:#fff;padding:1px 5px;border-radius:3px;line-height:1.2;letter-spacing:.2px;animation:copy-pop .2s cubic-bezier(.16,1,.3,1)}@keyframes copy-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.bubble.received .formatted-text code.chat-inline-code{background:#00000014}.bubble.sent .formatted-text code.chat-inline-code{background:#00000038;color:#fff}.chat-code-block-wrap{margin:6px 0;border-radius:8px;overflow:hidden;background:#091512;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003}.chat-code-header{display:flex;align-items:center;justify-content:space-between;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.08);padding:3px 10px}.chat-code-lang{font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#8da49c}.chat-code-copy-btn{background:transparent;border:0;color:#8da49c;font-family:inherit;font-size:11px;cursor:pointer;padding:2px 7px;border-radius:4px;transition:all .15s ease}.chat-code-copy-btn:hover{color:#fff;background:#ffffff1a}pre.chat-code-block{margin:0;padding:8px 12px;overflow-x:auto;font-family:DM Mono,monospace,ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.45;color:#d1fae5;background:transparent;cursor:pointer}pre.chat-code-block code{font-family:inherit;font-size:inherit;background:none!important;padding:0!important;color:inherit}blockquote.chat-blockquote{margin:6px 0;padding:4px 10px 4px 12px;border-left:3.5px solid var(--green, #16a66b);background:#00000012;border-radius:0 6px 6px 0;font-style:italic;opacity:.95;line-height:1.45}.bubble.sent blockquote.chat-blockquote{border-left-color:#ffffffa6;background:#0000001f}ul.chat-list-bullet,ol.chat-list-ordered{margin:4px 0 6px;padding-left:20px;line-height:1.45}ul.chat-list-bullet li,ol.chat-list-ordered li{margin-bottom:3px;word-break:break-word}ul.chat-list-bullet li:last-child,ol.chat-list-ordered li:last-child{margin-bottom:0}.sent span svg.read{color:var(--tick-read)}.sent span svg.tick-clock{width:13px;height:13px;color:var(--muted);animation:tick-pulse 1.2s ease-in-out infinite}@keyframes tick-pulse{0%,to{opacity:1}50%{opacity:.4}}.msg-failed{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#e53935;color:#fff;font-size:11px;font-weight:700;line-height:1;margin-left:2px;cursor:help}.sent span svg.delivered{color:var(--muted)}.system-row{align-self:center;background:var(--surface);border-radius:7px;padding:7px 12px;font-size:11px;color:var(--muted);box-shadow:var(--shadow-pill);display:flex;align-items:center;gap:7px;flex:none}.system-row svg{width:13px;height:13px}.composer{position:relative;min-height:56px;display:flex;align-items:flex-end;padding:8px 12px;background:var(--surface-2);gap:8px;flex:none}.composer-capsule{display:flex;align-items:flex-end;flex:1;min-width:0;background:var(--surface);border-radius:22px;padding:0 4px 0 6px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));box-shadow:0 1px 2px #00000014;transition:border-color .15s ease,box-shadow .15s ease;min-height:44px;box-sizing:border-box}.composer-capsule:focus-within{border-color:var(--green, #25b879);box-shadow:0 0 0 1px #25b87959}.composer-capsule .composer-editor{min-height:42px;max-height:130px;height:auto;border:0;border-radius:0;background:transparent;padding:10px 8px;outline:none;flex:1;min-width:0;color:var(--ink);font-family:inherit;font-size:15px;line-height:22px;resize:none;box-sizing:border-box;overflow-y:auto;word-break:break-word;white-space:pre-wrap;box-shadow:none;position:relative}.composer-capsule .composer-editor:focus{box-shadow:none}.composer-capsule .composer-textarea{min-height:42px;max-height:120px;height:42px;border:0;border-radius:0;background:transparent;padding:10px 8px;outline:none;flex:1;min-width:0;color:var(--ink);font-family:inherit;font-size:15px;line-height:22px;resize:none;box-sizing:border-box;overflow-y:auto;word-break:break-word;white-space:pre-wrap;box-shadow:none;contain:layout style;margin:0;vertical-align:middle}.composer-capsule .composer-textarea:focus{box-shadow:none;outline:none}.composer-inner-btn{border:0;background:transparent;color:var(--muted);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;transition:.15s ease;flex:none;margin-bottom:3px;cursor:pointer;padding:0}.composer-inner-btn:hover:not(:disabled){background:var(--hover-2, rgba(255, 255, 255, .08));color:var(--accent-ink, #fff)}.composer-inner-btn.format-toggle-btn{font-weight:700;font-size:15px;letter-spacing:-.5px}.composer-inner-btn.format-toggle-btn.active,.composer-inner-btn.emoji-toggle-btn.active{color:var(--green, #25b879);background:#25b87926}.emoji-picker-popover{position:absolute;bottom:calc(100% + 8px);left:8px;width:320px;max-width:calc(100vw - 20px);height:270px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px #00000059;display:flex;flex-direction:column;z-index:60;overflow:hidden;animation:emoji-popover-in .18s ease-out}@keyframes emoji-popover-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.emoji-picker-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--line-soft);background:var(--surface-2)}.emoji-picker-tabs{display:flex;gap:4px}.emoji-tab-btn{border:0;background:transparent;padding:4px 8px;border-radius:8px;font-size:17px;cursor:pointer;transition:.15s}.emoji-tab-btn:hover{background:var(--hover)}.emoji-tab-btn.active{background:var(--accent-soft, rgba(22, 166, 107, .15))}.emoji-picker-close-btn{border:0;background:transparent;color:var(--muted);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.emoji-picker-close-btn:hover{background:var(--hover);color:var(--ink)}.emoji-picker-body{flex:1;overflow-y:auto;padding:8px 6px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-cell{border:0;background:transparent;font-size:20px;line-height:1;padding:8px 2px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,background .1s ease;-webkit-user-select:none;user-select:none}.emoji-cell:hover{background:var(--hover);transform:scale(1.15)}.emoji-cell:active{transform:scale(.95)}.composer-action{flex:none;display:flex;align-items:flex-end;height:44px}.composer-action-btn{border:0;width:44px;height:44px;border-radius:50%;background:var(--green, #25b879);color:#fff;display:grid;place-items:center;transition:background .15s ease,transform .1s ease;cursor:pointer;flex:none;margin-bottom:0;box-shadow:0 2px 5px #0003}.composer-action-btn:hover:not(:disabled){background:var(--green-dark, #1ea368);transform:scale(1.04)}.composer-action-btn:active:not(:disabled){transform:scale(.96)}.composer-action-btn:disabled{opacity:.6;cursor:not-allowed}.composer-action-btn.voice-btn{background:var(--green, #25b879);color:#fff}.composer textarea::placeholder,.composer input::placeholder{color:var(--muted)}.composer-editor:empty:before,.composer-editor[data-empty=true]:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none;position:absolute;left:8px;top:10px;right:8px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-editor b,.composer-editor strong{font-weight:700}.composer-editor i,.composer-editor em{font-style:italic}.composer-editor s,.composer-editor strike,.composer-editor del{text-decoration:line-through}.composer-editor code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;background:var(--surface-muted, rgba(0, 0, 0, .06));padding:2px 5px;border-radius:4px;color:var(--ink)}.composer-editor pre{margin:4px 0;padding:8px 10px;background:var(--surface-muted, rgba(0, 0, 0, .06));border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;overflow-x:auto}.composer-editor blockquote{border-left:3px solid var(--accent, #25b879);padding-left:8px;margin:4px 0;color:var(--muted)}.composer-editor ul{padding-left:20px;margin:4px 0;list-style-type:disc}.composer-editor ol{padding-left:20px;margin:4px 0;list-style-type:decimal}.format-toggle-label{font-family:Manrope,sans-serif;font-weight:700;font-size:15px;line-height:1}.chat-format-bar{display:flex;align-items:center;gap:5px;padding:6px 16px;background:var(--surface-2);border-bottom:1px solid var(--border-line);overflow-x:auto;animation:slideDownFormat .15s ease-out}@keyframes slideDownFormat{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chat-format-btn{border:0;background:var(--surface);color:var(--ink);width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,transform .1s;flex-shrink:0}.chat-format-btn:hover{background:var(--surface-hover, rgba(255, 255, 255, .12));color:var(--green);transform:translateY(-1px)}.chat-format-btn:active{transform:translateY(0)}.composer .send{background:var(--green);color:#fff;margin-left:7px;height:44px}.composer .send:hover:not(:disabled){background:var(--green-dark);color:#fff}.no-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:40px;color:var(--muted);background-color:var(--wallpaper);background-image:radial-gradient(var(--wallpaper-dot) 1px,transparent 1px),linear-gradient(135deg,var(--wallpaper-sheen) 25%,transparent 25%);background-size:21px 21px,80px 80px}.no-chat h2{font:700 26px Manrope,sans-serif;color:var(--ink-soft);margin:8px 0 0}.no-chat p{margin:0;font-size:14px;max-width:340px;line-height:1.5}.no-chat .badge{width:64px;height:64px;border-radius:20px;background:var(--accent-soft);color:var(--green);display:grid;place-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100001;background:var(--backdrop);display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(420px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:var(--surface);border-radius:20px;padding:24px;box-shadow:var(--shadow-modal)}.modal.wide{width:min(520px,100%)}.sheet-drag-handle-bar{display:none}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:12px}.modal-head h2{margin:3px 0 0;font:700 24px Manrope,sans-serif}.eyebrow{font:700 10px Manrope,sans-serif;letter-spacing:1.8px;color:var(--accent-ink)}.section-label{font-size:11px;color:var(--muted-2);margin:22px 0 8px}.section-label:first-child{margin-top:0}.section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;margin:22px 0 8px;font-size:11px;color:var(--muted-2);cursor:pointer;font-family:inherit;letter-spacing:.02em}.section-toggle:hover{color:var(--text)}.person{display:flex;width:100%;align-items:center;gap:12px;border:0;background:none;padding:9px;border-radius:10px;text-align:left;color:inherit}button.person:hover{background:var(--hover-2)}.person img{width:42px;height:42px;border-radius:50%;background:var(--avatar-bg);object-fit:cover;flex:none}.person>span{display:flex;flex-direction:column;min-width:0;flex:1}.person b{font:600 14px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person small{color:var(--muted-2);margin-top:3px;font-size:12px}.person .row-actions{display:flex;gap:6px;flex:none}.pill{border:0;border-radius:8px;padding:7px 13px;font:600 12px Manrope,sans-serif;background:var(--accent-soft);color:var(--accent-ink);transition:.2s}.pill:hover:not(:disabled){background:var(--accent-soft-hover)}.pill.solid{background:var(--green);color:#fff}.pill.solid:hover:not(:disabled){background:var(--green-dark)}.pill.ghost{background:transparent;color:var(--muted-2);border:1px solid var(--line)}.pill.ghost:hover:not(:disabled){background:var(--hover-2)}.pill.danger{background:transparent;color:var(--danger);border:1px solid var(--danger-soft)}.pill.danger:hover:not(:disabled){background:var(--danger-soft)}.pill.muted{background:var(--surface-3);color:var(--muted-2)}.icon-pill{width:32px;height:32px;border:0;border-radius:9px;background:var(--surface-3);color:var(--muted-2);display:grid;place-items:center;transition:.2s;flex:none}.icon-pill:hover:not(:disabled){background:var(--hover-2);color:var(--ink-soft)}.icon-pill.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.icon-pill svg{width:15px;height:15px}.modal-search{display:flex;gap:8px}.modal-search .search{flex:1}.field{display:block;font-size:12px;font-weight:600;color:var(--ink-soft);margin-bottom:15px}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:0 13px;margin-top:7px;outline:0;color:var(--ink);font-weight:400}.field input,.field select{height:46px}.field textarea{padding:12px 13px;resize:vertical;min-height:92px;font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:#17a76b;box-shadow:0 0 0 3px #17a76b1c}.field input:disabled{background:var(--surface-3);color:var(--muted-2)}.field .hint{display:block;margin-top:6px;font-weight:400;font-size:11px;color:var(--muted-2)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.form-error,.form-ok{font-size:12px;margin:0 0 12px}.form-error{color:var(--danger)}.form-ok{color:var(--accent-ink)}.avatar-edit{display:flex;align-items:center;gap:16px;margin-bottom:22px}.avatar-edit img{width:68px;height:68px;border-radius:50%;object-fit:cover;background:var(--avatar-bg)}.avatar-edit label{cursor:pointer}.call-modal{text-align:center}.call-avatar{width:92px;height:92px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:#e2f3ea;color:var(--green);animation:pulse 1.6s ease-in-out infinite}.call-avatar svg{width:38px;height:38px}@keyframes pulse{0%,to{box-shadow:0 0 #16a66b40}50%{box-shadow:0 0 0 16px #16a66b00}}.call-modal h2{font:700 22px Manrope,sans-serif;margin:0 0 6px}.call-modal p{margin:0 0 24px;color:#6e817b;font-size:14px}.call-actions{display:flex;gap:12px;justify-content:center}.call-btn{height:52px;min-width:132px;border:0;border-radius:14px;font:600 14px Manrope,sans-serif;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.call-btn svg{width:18px;height:18px}.call-btn.accept{background:var(--green)}.call-btn.accept:hover{background:var(--green-dark)}.call-btn.decline{background:#d94b4b}.call-btn.decline:hover{background:#bd3c3c}.auth-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:#0d3028;background-image:radial-gradient(circle at 20% 20%,#1a72544f,transparent 33%),radial-gradient(circle at 80% 80%,#1fae6d3b,transparent 30%)}.auth-card{width:100%;max-width:440px;box-sizing:border-box;background:var(--auth-card);border-radius:24px;padding:38px 42px;box-shadow:0 35px 90px #001a13aa}.auth-brand{display:flex;align-items:center;gap:10px;font:700 23px Manrope,sans-serif;margin-bottom:40px}.auth-brand span{width:43px;height:43px;border-radius:14px;background:#19aa6d;color:#fff;display:grid;place-items:center}.auth-brand span svg{width:22px;height:22px}.auth-card h1{font:700 38px Manrope,sans-serif;letter-spacing:-1.4px;margin:8px 0}.auth-copy{color:var(--muted);margin:0 0 28px}.auth-card form{display:grid;gap:15px}.auth-card label{font-size:12px;font-weight:600;color:var(--ink-soft)}.auth-card label input{display:block;width:100%;height:46px;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:0 13px;margin-top:7px;outline:0;font-weight:400;color:var(--ink)}.auth-card label input:focus{border-color:#17a76b;box-shadow:0 0 0 3px #17a76b1c}.primary-auth,.google-auth{height:48px;border-radius:10px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.primary-auth{border:0;background:#159b63;color:#fff;margin-top:6px}.primary-auth:hover:not(:disabled){background:var(--green-dark)}.google-auth{width:100%;margin-top:12px;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft)}.google-slot{margin-top:12px;display:flex;justify-content:center;min-height:48px}.auth-switch{text-align:center;color:var(--muted);font-size:13px;margin:25px 0 0}.auth-switch a,.auth-switch button{border:0;background:none;color:var(--accent-ink);font-weight:700;text-decoration:none}@media (max-width: 700px){.chat-sidebar{width:100%;min-width:0;border:0}.chat-sidebar.mobile-hidden,.chat-panel{display:none}.chat-panel.mobile-show{display:flex;width:100%}.side-head,.chat-head{height:58px;padding:0 10px;padding-top:max(0px,env(safe-area-inset-top));box-sizing:content-box}.profile-menu{top:calc(64px + max(0px,env(safe-area-inset-top)));right:10px}.back{display:grid}.message-area{padding:16px 12px}.bubble{max-width:85%}.composer{padding:8px 10px;padding-bottom:max(10px,env(safe-area-inset-bottom,10px))}.auth-card{padding:28px 20px}.auth-card h1{font-size:30px}.composer textarea,.composer input,.composer-editor,.search input,.search-bar input,.modal input,.modal textarea,.auth-card label input{font-size:16px!important}}@media (max-width: 600px){.modal-backdrop{padding:0;align-items:flex-end}.modal{width:100%;max-height:88dvh;border-radius:20px 20px 0 0;padding:20px 16px;padding-bottom:max(20px,env(safe-area-inset-bottom,20px))}.modal.wide{width:100%}.sheet-drag-handle-bar{display:flex;justify-content:center;align-items:center;padding:2px 0 10px;cursor:grab;touch-action:none;width:100%;flex-shrink:0}.sheet-drag-handle{width:38px;height:4.5px;border-radius:3px;background:var(--line, rgba(255, 255, 255, .22));transition:background .15s ease,transform .15s ease}.sheet-drag-handle-bar:active .sheet-drag-handle{background:var(--accent, #00a884);transform:scaleY(1.3)}.bottom-sheet-modal{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;padding:8px 16px 0!important;padding-bottom:max(16px,env(safe-area-inset-bottom,16px))!important;margin:0!important;overflow:hidden!important;height:72dvh;max-height:72dvh;transition:transform .28s cubic-bezier(.2,.9,.3,1),height .32s cubic-bezier(.2,.9,.3,1),max-height .32s cubic-bezier(.2,.9,.3,1);will-change:transform,height}.bottom-sheet-modal.is-expanded{height:calc(100dvh - max(12px,env(safe-area-inset-top,0px)))!important;max-height:calc(100dvh - max(12px,env(safe-area-inset-top,0px)))!important}.bottom-sheet-modal.is-dragging{transition:none!important}.bottom-sheet-modal.is-closing{transition:transform .22s cubic-bezier(.4,0,1,1)!important;transform:translateY(100%)!important}.bottom-sheet-content-scroll{flex:1 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:20px}.confirm-dialog-backdrop{padding:16px 12px}.confirm-dialog-box{border-radius:16px;padding:20px 16px}}@media (max-width: 480px){.auth-shell{padding:16px 12px}.auth-card{padding:22px 16px;border-radius:18px}.auth-card h1{font-size:26px}.bubble{max-width:90%}}.friend-more-btn{display:none}.friend-dropdown-menu{position:absolute;right:0;top:calc(100% + 4px);background-color:var(--surface, #ffffff)!important;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 16px #00000059;z-index:120;min-width:140px;padding:4px;display:flex;flex-direction:column;gap:2px;opacity:1!important}:root[data-theme=dark] .friend-dropdown-menu{background-color:var(--surface, #111b21)!important}.friend-dropdown-menu button{display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;background:none;color:var(--ink);font-size:13px;border-radius:6px;width:100%;text-align:left}.friend-dropdown-menu button:hover:not(:disabled){background:var(--surface-2)}.friend-dropdown-menu button.danger{color:var(--danger)}.friend-dropdown-menu button.danger:hover:not(:disabled){background:var(--danger-soft)}@media (max-width: 500px){.friend-actions-desktop{display:none!important}.friend-more-btn{display:flex!important}}.call-bar{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:15;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 18px;border-radius:999px;background:#123c31;color:#eaf5f0;box-shadow:0 16px 40px #0d2c2466;max-width:calc(100vw - 32px)}.call-bar .live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34d98a;animation:pulse-dot 1.4s ease-in-out infinite;flex:none}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.call-bar b{font:600 13px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-bar .bar-actions{display:flex;gap:6px;flex:none}.call-bar button{border:0;border-radius:999px;padding:8px 14px;font:600 12px Manrope,sans-serif;background:#2b5a4c;color:#eaf5f0;transition:.2s}.call-bar button:hover:not(:disabled){background:#367160}.call-bar button.leave{background:#d94b4b}.call-bar button.leave:hover:not(:disabled){background:#bd3c3c}@media (max-width: 480px){.call-bar{bottom:80px;padding:9px 10px 9px 14px;gap:8px}.call-bar button{padding:8px 11px}}.call-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;flex-direction:column;background:#0e1f1a;color:#eaf5f0}.call-top{min-height:calc(60px + env(safe-area-inset-top,0px));padding-top:max(env(safe-area-inset-top,0px),8px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:8px;box-sizing:border-box;flex:none;display:flex;align-items:center;justify-content:space-between;background:#0b1a16;border-bottom:1px solid #1b332c}.call-who{display:flex;flex-direction:column;min-width:0}.call-who b{font:600 15px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-timer{font-size:12px;color:#7fa89b;font-variant-numeric:tabular-nums}.call-icon{border:0;background:transparent;color:#9fc0b5;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;transition:.2s}.call-icon:hover{background:#1b332c;color:#eaf5f0}.call-top-actions{display:flex;align-items:center;gap:6px}.call-banner{margin:0;padding:9px 16px;background:#4a2020;color:#ffd9d9;font-size:13px;flex:none}.linkish{border:0;background:none;color:inherit;text-decoration:underline;padding:0}.call-stage{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:14px}.tile-grid{flex:1;min-height:0;display:grid;gap:10px}.call-waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.call-waiting img{width:116px;height:116px;border-radius:50%;object-fit:cover;background:#24493f;animation:pulse-ring 1.8s ease-in-out infinite}@keyframes pulse-ring{0%,to{box-shadow:0 0 #16a66b55}50%{box-shadow:0 0 0 18px #16a66b00}}.call-waiting b{font:600 20px Manrope,sans-serif}.call-waiting span{font-size:13px;color:#7fa89b}.tile-solo{position:relative;flex:1;min-height:0;display:flex}.tile-solo>.video-tile{flex:1}.self-float{position:absolute;right:14px;bottom:14px;width:154px;height:108px;border-radius:12px;overflow:hidden;box-shadow:0 10px 26px #06130f80}.self-float .video-tile{width:100%;height:100%;border-radius:12px}.call-stage.quad .tile-grid{grid-template-columns:repeat(2,1fr)}.call-stage.many .tile-grid{grid-template-columns:repeat(3,1fr)}.stage-main{position:relative;flex:1;min-height:0;display:flex}.stage-main .video-tile{flex:1}.stage-fullscreen-btn{position:absolute;top:12px;right:12px;z-index:10;display:flex;align-items:center;gap:6px;background:#0b1a16d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#eaf5f0;border-radius:20px;padding:6px 12px;font:500 12px Manrope,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #00000059}.stage-fullscreen-btn:hover{background:#16a66be6;border-color:#16a66b99;color:#fff;transform:translateY(-1px)}.stage-strip{flex:none;height:108px;display:flex;gap:10px;overflow-x:auto}.stage-strip .video-tile{width:160px;flex:none}.call-screen.fullscreen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:99999!important;background:#000!important;border-radius:0!important;overflow:hidden}.call-screen.fullscreen .call-top.overlay{position:absolute;top:0;left:0;right:0;z-index:30;background:linear-gradient(to bottom,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 70%,transparent 100%);border-bottom:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.call-screen.fullscreen .call-controls.overlay{position:absolute;bottom:0;left:0;right:0;z-index:30;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.3) 70%,transparent 100%);border-top:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}.call-screen.fullscreen .fullscreen-stage{padding:0!important;gap:0!important;width:100%!important;height:100%!important}.call-screen.fullscreen .stage-main{width:100%!important;height:100%!important;border-radius:0!important}.call-screen.fullscreen .stage-main .video-tile{border-radius:0!important;background:#000!important}.call-screen.fullscreen .stage-main .video-tile video{width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important}.call-screen.fullscreen .stage-strip{position:absolute;bottom:84px;right:14px;z-index:25;height:84px;max-width:60vw;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.12)}.call-screen.fullscreen.controls-hidden .stage-strip{bottom:16px;right:64px}.call-screen.fullscreen .stage-strip .video-tile{width:112px;height:100%}.call-overlay-toggle{position:fixed;right:16px;bottom:20px;z-index:40;width:38px;height:38px;border-radius:50%;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#eaf5f0;display:grid;place-items:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #00000073}.call-overlay-toggle.controls-shown{bottom:86px}.call-overlay-toggle:hover{background:#16a66be6;border-color:#16a66b99;transform:scale(1.06)}.video-tile{position:relative;background:#16302a;border-radius:14px;overflow:hidden;min-height:0;display:flex}.video-tile.presenting{background:#0b1a16}.video-tile video{width:100%;height:100%;object-fit:cover;background:#0b1a16}.video-tile video.contain,.video-tile.presenting video{object-fit:contain}.video-tile video.mirror,.call-pip video.mirror{transform:scaleX(-1)}.tile-avatar{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#16302a}.tile-avatar img{width:96px;height:96px;border-radius:50%;object-fit:cover;background:#24493f}.tile-avatar span{width:72px;height:72px;border-radius:50%;background:#24493f;color:#cfe8dd;display:grid;place-items:center;font:600 27px Manrope,sans-serif}.video-tile.compact .tile-avatar img{width:96px;height:96px;border-radius:50%;object-fit:cover;background:#24493f}.video-tile.compact .tile-avatar img{width:48px;height:48px}.tile-avatar span{width:44px;height:44px;font-size:17px}.tile-bar{position:absolute;left:8px;bottom:8px;right:8px;display:flex;align-items:center;gap:6px;font-size:11px;color:#eaf5f0;text-shadow:0 1px 3px #000a}.tile-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-state{position:absolute;top:8px;left:8px;font-size:10px;background:#0006;padding:4px 8px;border-radius:6px}.call-hint{margin:0;padding:0 16px 6px;text-align:center;font-size:13px;color:#7fa89b;flex:none}.call-controls{flex:none;display:flex;justify-content:center;align-items:center;gap:12px;padding:16px;background:#0b1a16;border-top:1px solid #1b332c;box-sizing:border-box;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.call-controls::-webkit-scrollbar{display:none}.call-ctl{flex:0 0 50px;width:50px;height:50px;border:0;border-radius:50%;background:#24493f;color:#eaf5f0;display:grid;place-items:center;transition:.2s;flex-shrink:0}.call-ctl:hover:not(:disabled){background:#2e5c4f}.call-ctl.off{background:#e9f1ee;color:#16302a}.call-ctl.active{background:var(--green)}.call-ctl.hangup{background:#d94b4b}.call-ctl.hangup:hover{background:#bd3c3c}.call-pip{position:fixed;z-index:18;width:190px;border-radius:14px;overflow:hidden;background:#0b1a16;box-shadow:0 18px 44px #0a201a66;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.call-pip:active{cursor:grabbing}.call-pip video{width:100%;height:128px;object-fit:cover;display:block;background:#0b1a16}.pip-audio{position:absolute;top:0;right:0;bottom:44px;left:0;display:grid;place-content:center;text-align:center;gap:3px;color:#eaf5f0;background:#0b1a16}.pip-audio b{font:600 13px Manrope,sans-serif}.pip-audio span{font-size:11px;color:#7fa89b}.pip-bar{display:flex;justify-content:center;gap:6px;padding:7px;background:#0e1f1a}.pip-bar button{width:30px;height:30px;border:0;border-radius:50%;background:#24493f;color:#eaf5f0;display:grid;place-items:center;transition:.2s}.pip-bar button:hover{background:#2e5c4f}.pip-bar button.hangup{background:#d94b4b}@media (max-width: 700px){.call-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;width:100vw;height:100vh;height:100dvh}.self-float{width:108px;height:76px;right:10px;bottom:10px}.call-stage.quad .tile-grid,.call-stage.many .tile-grid{grid-template-columns:repeat(2,1fr)}.call-controls{gap:8px;padding:12px 8px;padding-bottom:max(14px,env(safe-area-inset-bottom,14px))}.call-ctl{flex:0 0 44px;width:44px;height:44px}}@media (max-width: 480px){.call-controls{gap:6px;padding:10px 4px;padding-bottom:max(12px,env(safe-area-inset-bottom,12px))}.call-ctl{flex:0 0 40px;width:40px;height:40px}.call-ctl svg{width:18px;height:18px}}@media (max-width: 360px){.call-controls{gap:4px;padding:8px 2px;padding-bottom:max(10px,env(safe-area-inset-bottom,10px))}.call-ctl{flex:0 0 36px;width:36px;height:36px}.call-ctl svg{width:16px;height:16px}}.segmented{display:flex;gap:4px;margin-top:7px;padding:4px;background:var(--segmented-track);border-radius:10px}.segmented button{flex:1;border:0;background:transparent;color:var(--muted);padding:8px 10px;border-radius:7px;font:600 13px Manrope,sans-serif;transition:.15s}.segmented button:hover:not(.on){color:var(--ink-soft)}.segmented button.on{background:var(--segmented-on);color:var(--accent-ink);box-shadow:var(--shadow-pill)}.group-avatar{background:var(--surface-2);display:flex;align-items:center;justify-content:center;border-radius:50%}.group-avatar-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--accent-ink)}.selected-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);padding:3px 8px 3px 4px;border-radius:16px;font-size:12px;color:var(--ink)}.chip img{width:18px;height:18px;border-radius:50%;object-fit:cover}.chip button{background:none;border:none;padding:0;display:flex;align-items:center;color:var(--muted);cursor:pointer}.chip button:hover{color:var(--ink)}.picker-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.picker-item{cursor:pointer;padding:6px 8px;border-radius:8px;transition:background .15s}.picker-item:hover,.picker-item.selected{background:var(--surface-2)}.checkbox-indicator{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;transition:.15s;flex-shrink:0}.picker-item.selected .checkbox-indicator{background:var(--accent-ink);border-color:var(--accent-ink);color:#fff}.bubble-sender-name{font-size:11px;font-weight:700;color:var(--accent-ink);margin-bottom:2px}.bubble-media{width:270px;max-width:85vw;padding:4px 4px 5px}.bubble-image-wrap{position:relative;width:100%;min-height:190px;border-radius:8px;overflow:hidden;cursor:pointer;display:flex;justify-content:center;align-items:center;background:#ffffff0f;max-height:360px}.bubble-image{width:100%;height:100%;min-height:190px;max-height:360px;object-fit:cover;display:block;border-radius:7px;transition:transform .15s ease}.bubble-image-wrap:hover .bubble-image{transform:scale(1.015)}.wa-cached-image-container{position:relative;width:100%;min-height:190px;max-height:380px;border-radius:8px;overflow:hidden;background:#111b21;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.wa-media-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#182229}.wa-media-blur-bg{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;width:calc(100% + 24px);height:calc(100% + 24px);object-fit:cover;filter:blur(14px);transform:scale(1.08);opacity:.88}.wa-media-blur-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#263843,#111b21);opacity:.95}.wa-media-download-pill{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:50px;height:50px;padding:6px 12px;border-radius:25px;background:#0b141ab8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;box-shadow:0 2px 8px #00000073;border:1px solid rgba(255,255,255,.14);transition:transform .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.wa-media-download-pill:active{transform:scale(.93);background:#0b141ae0}.wa-download-btn-content,.wa-download-error-wrap{display:flex;align-items:center;gap:6px}.wa-download-icon{color:#e9edef;flex-shrink:0}.wa-download-size{font-size:11px;font-weight:500;color:#d1d7db;letter-spacing:.2px}.wa-download-spinner-ring{width:24px;height:24px;border:3px solid rgba(255,255,255,.2);border-top-color:#25d366;border-radius:50%;animation:waDownloadSpin .85s linear infinite}@keyframes waDownloadSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wa-media-full-img{width:100%;height:100%;min-height:190px;max-height:380px;object-fit:cover;display:block;opacity:0;border-radius:7px;transition:opacity .22s ease-in-out,transform .15s ease}.wa-media-full-img.visible{opacity:1}.wa-cached-image-container:hover .wa-media-full-img.visible{transform:scale(1.012)}.photo-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0b141a;display:flex;flex-direction:column;justify-content:space-between}.photo-preview-header{height:56px;padding:0 16px;display:flex;align-items:center;gap:16px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;padding-top:max(0px,env(safe-area-inset-top));box-sizing:content-box}.photo-preview-btn{width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s}.photo-preview-btn:hover,.photo-preview-btn:active{background:#ffffff1f}.photo-preview-quote{font-size:13px;color:#aebac1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-preview-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 12px;overflow:hidden}.photo-preview-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;-webkit-user-select:none;user-select:none}.photo-preview-footer{position:relative;padding:10px 14px;padding-bottom:max(12px,env(safe-area-inset-bottom,12px));display:flex;align-items:center;gap:10px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.photo-preview-emoji-popover{position:absolute;bottom:calc(100% + 8px);left:12px;z-index:20}.photo-caption-capsule{flex:1;min-width:0;height:46px;border-radius:23px;background:#202c33;display:flex;align-items:center;padding:0 14px;gap:10px}.photo-caption-btn{background:transparent;border:0;color:#8696a0;cursor:pointer;display:grid;place-items:center;padding:0;flex:none;transition:color .15s}.photo-caption-btn:hover,.photo-caption-btn.active{color:#00a884}.photo-caption-input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#e9edef;font-size:15px;font-family:inherit}.photo-caption-input::placeholder{color:#8696a0}.photo-send-btn{width:46px;height:46px;border-radius:50%;border:0;background:#00a884;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none;transition:background .15s,transform .1s}.photo-send-btn:active{transform:scale(.95)}.wa-camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}.wa-camera-viewfinder,.wa-camera-preview{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.wa-camera-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000;z-index:1}.wa-camera-video-selfie{transform:scaleX(-1)}.wa-camera-flash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:15;animation:wa-flash .2s ease-out forwards}@keyframes wa-flash{0%{opacity:.8}to{opacity:0}}.wa-camera-top-bar{position:relative;z-index:10;height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;padding-top:max(8px,env(safe-area-inset-top));box-sizing:content-box}.wa-camera-icon-btn{width:44px;height:44px;border-radius:50%;border:0;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s,transform .1s}.wa-camera-icon-btn:active{transform:scale(.92);background:#fff3}.wa-camera-error-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;text-align:center;padding:24px;color:#e9edef;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:85%}.wa-camera-fallback-gallery-btn{background:#00a884;color:#fff;border:0;border-radius:24px;padding:10px 20px;font-size:15px;font-weight:500;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.wa-camera-bottom-wrap{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:max(16px,env(safe-area-inset-bottom,16px));background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 100%);padding-top:32px}.wa-camera-controls-row{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;box-sizing:border-box}.wa-camera-controls-left{display:flex;align-items:center;justify-content:flex-start}.wa-camera-controls-center{display:flex;align-items:center;justify-content:center}.wa-camera-controls-right{display:flex;align-items:center;justify-content:flex-end}.wa-camera-shutter-btn{width:76px;height:76px;border-radius:50%;border:4px solid #ffffff;background:transparent;display:grid;place-items:center;padding:0;cursor:pointer;transition:transform .1s ease;box-shadow:0 2px 12px #0006}.wa-camera-shutter-btn:active{transform:scale(.95)}.wa-camera-shutter-inner{width:58px;height:58px;border-radius:50%;background:#fff;transition:transform .1s ease,background .15s}.wa-camera-shutter-btn:active .wa-camera-shutter-inner{transform:scale(.9);background:#e2e8f0}.wa-camera-gallery-btn,.wa-camera-filter-wand-btn,.wa-camera-flip-btn{width:48px;height:48px;background:#0000008c}.wa-camera-thumbnail-strip{display:flex;gap:6px;padding:4px 14px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.wa-camera-thumbnail-strip::-webkit-scrollbar{display:none}.wa-camera-thumb-item{width:52px;height:52px;border-radius:6px;overflow:hidden;flex:none;border:1.5px solid rgba(255,255,255,.25);padding:0;background:#111b21;cursor:pointer;transition:transform .1s}.wa-camera-thumb-item:active{transform:scale(.95);border-color:#00a884}.wa-camera-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.wa-camera-mode-pill-bar{display:flex;align-items:center;gap:8px;background:#0006;padding:4px 6px;border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wa-camera-mode-btn{background:transparent;border:0;color:#8696a0;font-size:13.5px;font-weight:500;padding:4px 14px;border-radius:16px;cursor:pointer;transition:all .15s ease}.wa-camera-mode-btn.active{background:#202c33;color:#fff;font-weight:600}.wa-camera-preview-header{position:relative;z-index:10;height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-top:max(8px,env(safe-area-inset-top));box-sizing:content-box}.wa-camera-preview-actions{display:flex;align-items:center;gap:8px}.wa-camera-tool-btn{width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s}.wa-camera-tool-btn:hover,.wa-camera-tool-btn:active{background:#ffffff26}.wa-camera-tool-btn.active{color:#00a884}.wa-camera-hd-badge{font-size:11px;font-weight:700;letter-spacing:.5px;border:1.5px solid rgba(255,255,255,.7);border-radius:6px;width:32px;height:22px;display:grid;place-items:center}.wa-camera-hd-badge.active{border-color:#00a884;color:#00a884}.wa-camera-preview-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 12px;overflow:hidden}.wa-camera-preview-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;-webkit-user-select:none;user-select:none}.wa-camera-preview-footer{position:relative;z-index:10;display:flex;flex-direction:column;padding:10px 14px;padding-bottom:max(14px,env(safe-area-inset-bottom,14px));background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wa-camera-filters-hint{display:flex;align-items:center;justify-content:center;gap:4px;color:#ffffffbf;font-size:12.5px;font-weight:500;margin-bottom:8px;letter-spacing:.2px}.wa-camera-emoji-popover{position:absolute;bottom:calc(100% + 8px);left:14px;z-index:25}.wa-camera-caption-capsule{width:100%;height:48px;border-radius:24px;background:#1f2c34;display:flex;align-items:center;padding:0 12px;gap:8px;box-sizing:border-box}.wa-camera-capsule-btn{background:transparent;border:0;color:#8696a0;cursor:pointer;display:grid;place-items:center;padding:0;flex:none;transition:color .15s}.wa-camera-capsule-btn:hover,.wa-camera-capsule-btn.active{color:#00a884}.wa-camera-view-once{font-size:17px;font-weight:700;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#8696a0}.wa-camera-view-once.active{color:#00a884;background:#00a88426}.wa-camera-caption-input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#e9edef;font-size:15px;font-family:inherit}.wa-camera-caption-input::placeholder{color:#8696a0}.wa-camera-bottom-actions{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px}.wa-camera-recipient-pill{display:inline-flex;align-items:center;background:#1f2c34;color:#e9edef;font-size:13.5px;font-weight:500;padding:7px 16px;border-radius:20px;border:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-camera-send-fab{width:50px;height:50px;border-radius:50%;border:0;background:#00a884;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none;box-shadow:0 2px 10px #0006;transition:background .15s,transform .1s}.wa-camera-send-fab:active{transform:scale(.94);background:#008f6f}.photo-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:5;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.photo-spinner-ring{width:44px;height:44px;border-radius:50%;border:3.5px solid rgba(255,255,255,.25);border-top-color:#fff;animation:photo-spin .85s linear infinite;box-shadow:0 0 10px #0000004d}@keyframes photo-spin{to{transform:rotate(360deg)}}.photo-upload-failed-overlay{cursor:pointer;background:#0009}.photo-retry-content{display:flex;flex-direction:column;align-items:center;gap:6px;background:#dc2626eb;color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 4px 14px #00000059;transition:transform .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.photo-retry-content:hover{transform:scale(1.05);background:#ef4444f2}.bubble-caption{margin:6px 6px 2px!important;font-size:14px;line-height:1.4;word-break:break-word}.bubble-audio{max-width:320px;width:280px;min-width:230px;padding:8px 10px 6px}.audio-player{display:flex;align-items:center;gap:10px;width:100%}.audio-play-btn{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .1s,opacity .15s}.audio-play-btn:active{transform:scale(.94)}.sent .audio-play-btn{background:#ffffff40;color:#fff}.received .audio-play-btn{background:var(--accent-ink, #25b879);color:#fff}.audio-progress-container{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.audio-slider-wrap{width:100%;display:flex;align-items:center}.audio-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;outline:none;cursor:pointer}.sent .audio-slider{--text-color: #fff}.received .audio-slider{--text-color: var(--accent-ink, #25b879)}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:currentColor;cursor:pointer;box-shadow:0 1px 3px #0000004d}.audio-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:currentColor;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}.audio-time-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;opacity:.85}.audio-time-text{font-variant-numeric:tabular-nums;font-size:10px}.audio-speed-btn{background:#00000014;border:none;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700;cursor:pointer;color:inherit;transition:background .15s}.sent .audio-speed-btn{background:#fff3}.audio-speed-btn:hover{filter:brightness(1.1)}.voice-recorder-bar{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px;background:var(--surface);border-radius:28px;box-shadow:0 0 0 1px var(--border);animation:fadeIn .15s ease-out}.recording-wave{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:2px;height:28px;min-width:0;overflow:hidden}.recording-wave-bar{flex:0 0 3px;width:3px;border-radius:2px;background:var(--green);opacity:.85;transition:height .05s linear}.recording-pause-btn{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;background:#7f7f7f24;color:var(--ink-soft);transition:.15s}.recording-pause-btn.is-paused{background:#ef444429;color:#ef4444}.recording-pulse-dot.is-paused{animation:none;opacity:.45}.voice-recorder-error{color:#ef4444;font-size:13px;justify-content:space-between}.recording-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink)}.recording-pulse-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:pulseRecord 1.2s infinite ease-in-out}.recording-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.recording-timer{flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;color:#ef4444;min-width:44px}.recording-actions{display:flex;align-items:center;gap:10px}.discard-btn{flex:0 0 auto;color:var(--muted);background:none;border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}.discard-btn:hover{color:#ef4444;background:#ef44441f}.send-recording-btn{flex:0 0 auto;background:var(--green);color:#fff;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background .15s}.send-recording-btn:hover{background:var(--green-dark)}.composer .voice-btn{background:var(--surface);color:var(--ink-soft);margin-left:7px;width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:.15s}.composer .voice-btn:hover:not(:disabled){background:var(--surface-2);color:var(--accent-ink)}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:9999;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .15s ease-out}.lightbox-top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top,16px));color:#fff;z-index:10000}.lightbox-caption{font-size:15px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.lightbox-buttons{display:flex;align-items:center;gap:12px}.lightbox-btn{background:#ffffff26;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.lightbox-btn:hover{background:#ffffff4d}.lightbox-body{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;cursor:zoom-out}.lightbox-img{max-width:95vw;max-height:85vh;object-fit:contain;border-radius:6px;box-shadow:0 8px 32px #0009;cursor:default}@keyframes pulseRecord{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.25);opacity:1}to{transform:scale(.95);opacity:.7}}.audio-unlock-badge{position:absolute;top:10px;right:10px;background:#f59e0b;color:#000;font-weight:700;font-size:11px;border-radius:6px;padding:5px 10px;border:none;cursor:pointer;z-index:20;box-shadow:0 2px 8px #0006;animation:pulseRecord 1.5s infinite ease-in-out}.chat-swipe-row{position:relative;width:100%;display:flex;flex-direction:column;-webkit-touch-callout:none;touch-action:pan-y;user-select:none;-webkit-user-select:none}.chat-swipe-content{display:flex;flex-direction:column;width:100%}.chat-bubble-wrap{position:relative;max-width:72%;display:flex;flex-direction:column}.chat-bubble-wrap.wrap-sent{align-self:flex-end}.chat-bubble-wrap.wrap-received{align-self:flex-start}.chat-bubble-wrap .bubble{max-width:100%;cursor:pointer;-webkit-touch-callout:none}.chat-swipe-snap{transition:transform .18s cubic-bezier(.2,.9,.3,1)}.chat-swipe-hint{position:absolute;left:-38px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 2px 8px #00000059;pointer-events:none;z-index:5;transition:opacity .1s ease-out}.chat-quote{display:block;width:100%;text-align:left;margin:0 0 6px;padding:5px 8px;border:0;border-left:3px solid var(--green);border-radius:5px;background:#0000002e;color:inherit;font:inherit;cursor:pointer;box-sizing:border-box}.chat-quote-who{display:block;font-size:.73rem;font-weight:600;color:var(--green);margin-bottom:2px}.bubble.received .chat-quote-who{color:#38bdf8}.bubble.sent .chat-quote{border-left-color:#25d366}.bubble.received .chat-quote{border-left-color:#0284c7}.chat-quote-body{display:block;font-size:.8rem;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.chat-bubble-flash{animation:chat-quote-flash 1.2s ease-out}@keyframes chat-quote-flash{0%,40%{box-shadow:0 0 0 3px #f59e0b,0 2px 10px #f59e0b80}to{box-shadow:0 0 0 3px transparent}}.chat-reply-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--surface-2);border-left:4px solid var(--green);border-bottom:1px solid var(--border-line);flex:none}.chat-editing-bar{border-left-color:#f59e0b}.chat-reply-bar-text{flex:1;min-width:0}.chat-reply-bar-text .chat-quote-who{font-size:.75rem;font-weight:600;color:var(--green)}.chat-editing-bar .chat-reply-bar-text .chat-quote-who{color:#f59e0b}.chat-reply-bar-text .chat-quote-body{font-size:.85rem;color:var(--ink);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-cancel{border:0;background:none;color:var(--muted);font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.chat-reply-cancel:hover{background:#ffffff1a;color:var(--ink)}.composer .send.send-save{background:#f59e0b}.composer .send.send-save:hover:not(:disabled){background:#d97706}.chat-msg-menu{min-width:160px;padding:5px;border:1px solid var(--border-line);border-radius:10px;background:var(--surface-2);box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;gap:2px}.chat-msg-menu-item{border:0;background:none;color:var(--ink);text-align:left;font-size:.88rem;padding:8px 12px;border-radius:6px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px;transition:background .15s}.chat-msg-menu-item:hover{background:#ffffff14}.chat-msg-menu-danger{color:#ef4444}.chat-msg-menu-danger:hover{background:#ef44441f}.reaction-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1490;background:transparent}.call-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#16302af2;color:#f1f5f9;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px #00000073;padding:10px 20px;border-radius:9999px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:12px;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDownToast .25s ease-out}.call-toast-close{background:none;border:none;color:#94a3b8;font-size:18px;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s}.call-toast-close:hover{color:#f8fafc}@keyframes slideDownToast{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.group-info-modal{max-height:90vh;overflow-y:auto}.group-info-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 0 20px;border-bottom:1px solid var(--line);margin-bottom:16px}.group-hero-avatar-wrap{position:relative;width:96px;height:96px;margin-bottom:14px}.group-hero-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--surface-2);border:2px solid var(--line)}.group-hero-placeholder{width:100%;height:100%;border-radius:50%;background:var(--surface-2);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted)}.group-avatar-camera-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;border:2px solid var(--surface-1);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:transform .15s,background .15s}.group-avatar-camera-btn:hover{background:var(--green-bright);transform:scale(1.08)}.group-avatar-camera-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.group-hero-meta{width:100%}.group-hero-title-row{display:flex;align-items:center;justify-content:center;gap:8px}.group-hero-name{margin:0;font-size:20px;font-weight:700;color:var(--ink);word-break:break-word}.group-hero-title-form{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:360px;margin:0 auto}.group-hero-title-form input{width:100%;text-align:center;font-size:18px;font-weight:600;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink)}.group-hero-sub{font-size:13px;color:var(--muted-2);margin-top:4px}.group-info-section{margin-bottom:20px}.section-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.group-section-edit-btn{background:none;border:none;color:var(--green);font-size:13px;font-weight:500;display:flex;align-items:center;gap:4px;cursor:pointer;padding:2px 6px;border-radius:4px}.group-section-edit-btn:hover{background:var(--accent-soft)}.group-desc-box{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:10px 14px;min-height:48px;transition:border-color .15s}.group-desc-box:hover{border-color:var(--line-soft)}.group-desc-box.empty{border-style:dashed}.group-desc-placeholder{margin:0;font-size:13px;color:var(--muted-2);font-style:italic}.group-desc-text{margin:0;font-size:14px;color:var(--ink);line-height:1.45;white-space:pre-wrap;word-break:break-word}.group-desc-edit-form textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-family:inherit;font-size:14px;line-height:1.4;resize:vertical}.group-members-search-compact{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;max-width:180px}.group-members-search-compact input{background:none;border:none;color:var(--ink);font-size:12px;outline:none;width:100%}.group-member-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;transition:background .15s}.group-member-row:hover{background:var(--surface-2)}.group-member-info{flex:1;min-width:0;margin-left:10px}.group-member-actions{display:flex;align-items:center;gap:6px}.group-admin-pill{font-size:11px;font-weight:600;color:var(--green);border-color:var(--accent-soft);background:var(--accent-soft)}.group-danger-actions{display:flex;flex-direction:column;gap:8px}.group-danger-actions.single-row{flex-direction:row;align-items:stretch;gap:8px;width:100%}.group-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.group-danger-actions.single-row .group-action-btn{flex:1 1 0;min-width:0;padding:9px 6px;font-size:13px;white-space:nowrap;gap:6px;border-radius:9px}@media (max-width: 360px){.group-danger-actions.single-row{gap:6px}.group-danger-actions.single-row .group-action-btn{padding:8px 4px;font-size:12px;gap:4px}}.group-delete-confirm-box{background:var(--danger-soft);border:1px solid rgba(241,92,109,.3);border-radius:8px;padding:12px 14px;margin-top:8px;text-align:center}.group-delete-confirm-box p{margin:0;font-size:13px;color:var(--danger)}.confirm-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b141ac7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeInBackdrop .15s ease-out}.confirm-dialog-box{background:var(--surface-1);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 60px #0000008c;width:100%;max-width:400px;padding:24px;animation:popInDialog .2s cubic-bezier(.16,1,.3,1)}.confirm-dialog-title{margin:0 0 10px;font-size:18px;font-weight:700;color:var(--ink)}.confirm-dialog-message{margin:0 0 22px;font-size:14px;line-height:1.5;color:var(--muted-2)}.confirm-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes popInDialog{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.policy-screen{min-height:100dvh;display:flex;justify-content:center;padding:40px 16px;background:radial-gradient(ellipse at 50% -10%,#1a4a3e,#0d2822 55%,#081714);color:var(--ink);overflow-y:auto}.policy-card{width:100%;max-width:760px;background:var(--auth-card);border:1px solid var(--line);border-radius:20px;padding:36px 40px;box-shadow:0 20px 50px #0006;box-sizing:border-box;color:var(--ink)}.policy-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--accent-ink, #53bdac);font-size:14px;font-weight:600;padding:0;margin-bottom:24px;cursor:pointer}.policy-header{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:28px}.policy-title{font-size:28px;font-weight:700;margin:0 0 6px}.policy-updated{font-size:13px;color:var(--muted);margin:0}.policy-section{margin-bottom:24px}.policy-section h2{font-size:17px;font-weight:700;color:var(--ink);margin:0 0 10px}.policy-section p{font-size:14px;line-height:1.6;color:var(--ink-soft, #aebac1);margin:0 0 10px}.policy-section ul{padding-left:20px;margin:0;color:var(--ink-soft, #aebac1);font-size:14px;line-height:1.6}.policy-section li{margin-bottom:8px}.policy-section a,.policy-footer a{color:var(--accent-ink, #53bdac);text-decoration:none}.policy-section a:hover,.policy-footer a:hover{text-decoration:underline}.policy-footer{border-top:1px solid var(--line);padding-top:24px;margin-top:32px;text-align:center;font-size:14px}@media (max-width: 600px){.policy-screen{padding:16px 8px}.policy-card{padding:24px 18px;border-radius:16px}.policy-title{font-size:24px}}.media-preview-strip-card{margin:14px 0;padding:12px 14px;border-radius:12px;background:var(--bg-card, rgba(0, 0, 0, .03));border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));cursor:pointer;transition:background .15s ease}.media-preview-strip-card:hover{background:var(--bg-card-hover, rgba(0, 0, 0, .05))}.media-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.media-preview-title{font-size:13px;font-weight:600;color:var(--ink)}.media-preview-more{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-subtle, #888)}.media-preview-thumbs{display:flex;gap:6px;overflow:hidden}.media-preview-thumb{width:58px;height:58px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg, #111)}.media-preview-img{width:100%;height:100%;object-fit:cover;display:block}.media-preview-empty{font-size:12px;color:var(--text-subtle, #888);font-style:italic;padding:4px 0}.group-info-tabs-bar{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--line, rgba(0, 0, 0, .08));padding-bottom:4px}.group-info-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:8px;border:none;background:none;color:var(--text-subtle, #888);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.group-info-tab-btn:hover{color:var(--ink);background:var(--bg-card, rgba(0, 0, 0, .04))}.group-info-tab-btn.active{color:var(--accent-ink, #53bdac);background:var(--accent-soft, rgba(83, 189, 172, .12))}.shared-media-gallery{display:flex;flex-direction:column;gap:12px}.media-gallery-tabs{display:flex;gap:8px}.media-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:20px;border:1px solid var(--border-subtle, rgba(0, 0, 0, .12));background:var(--bg-card, transparent);color:var(--text-subtle, #888);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.media-tab-btn.active{background:var(--accent, #16a66b);border-color:var(--accent, #16a66b);color:#fff}.media-gallery-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:36px 0;font-size:13px;color:var(--text-subtle, #888)}.media-gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;text-align:center;color:var(--text-subtle, #888);gap:10px}.media-empty-icon{opacity:.35}.media-photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-height:400px;overflow-y:auto;padding-right:2px}.media-photo-thumb{position:relative;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;cursor:pointer;background:var(--bg-card, #1c1c1e)}.media-photo-thumb:active{transform:scale(.97)}.media-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.media-photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000bf);padding:8px 6px 4px;font-size:10px;color:#fff;opacity:0;transition:opacity .15s ease}.media-photo-thumb:hover .media-photo-overlay{opacity:1}.media-audio-list{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto;padding-right:2px}.media-audio-card{padding:10px 12px;border-radius:10px;background:var(--bg-card, rgba(0, 0, 0, .03));border:1px solid var(--border-subtle, rgba(0, 0, 0, .08))}.media-audio-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:12px}.media-audio-sender{font-weight:600;color:var(--ink)}.media-audio-time{font-size:11px;color:var(--text-subtle, #888)}.media-audio-caption{margin:6px 0 0;font-size:12px;color:var(--ink);line-height:1.4}.contact-info-modal{max-width:480px}.contact-info-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 0 14px}.contact-hero-avatar-wrap{position:relative;width:88px;height:88px;border-radius:50%;overflow:hidden;margin-bottom:12px;box-shadow:0 4px 16px #00000026}.contact-hero-avatar{width:100%;height:100%;object-fit:cover}.contact-hero-online-dot{position:absolute;bottom:5px;right:5px;width:14px;height:14px;border-radius:50%;background:#22c55e;border:2px solid var(--bg-modal, #fff)}.contact-hero-meta{margin-bottom:16px}.contact-hero-name{font-size:20px;font-weight:700;margin:0 0 2px;color:var(--ink)}.contact-hero-handle{display:block;font-size:13px;color:var(--accent-ink, #53bdac);margin-bottom:4px}.contact-hero-status{font-size:12px;color:var(--text-subtle, #888)}.contact-quick-actions{display:flex;gap:16px;justify-content:center}.contact-action-circle{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg-card, rgba(0, 0, 0, .05));border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));border-radius:16px;padding:10px 18px;color:var(--ink);cursor:pointer;font-size:12px;font-weight:600;transition:all .15s ease}.contact-action-circle:hover{background:var(--accent-soft, rgba(83, 189, 172, .15));color:var(--accent-ink, #53bdac)}.contact-info-overview{display:flex;flex-direction:column;gap:14px}.contact-info-section{padding:12px 14px;border-radius:12px;background:var(--bg-card, rgba(0, 0, 0, .03));border:1px solid var(--border-subtle, rgba(0, 0, 0, .08))}.contact-detail-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line, rgba(0, 0, 0, .05));font-size:13px}.contact-detail-row:last-child{border-bottom:none;padding-bottom:0}.contact-detail-label{color:var(--text-subtle, #888)}.contact-detail-val{font-weight:500;color:var(--ink)}.contact-detail-val.code{font-family:monospace;letter-spacing:.5px;background:var(--bg, rgba(0, 0, 0, .06));padding:2px 6px;border-radius:4px}.app-lock-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg, #0b1411);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;touch-action:none}.app-lock-card{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:360px;width:100%;padding:36px 24px;border-radius:24px;background:var(--bg-card, rgba(255, 255, 255, .05));border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));box-shadow:0 16px 40px #0006}.app-lock-icon-wrap{position:relative;width:76px;height:76px;border-radius:50%;background:var(--accent-soft, rgba(83, 189, 172, .15));display:flex;align-items:center;justify-content:center;color:var(--accent-ink, #53bdac);margin-bottom:20px}.app-lock-shield{color:var(--accent, #16a66b)}.app-lock-badge{position:absolute;bottom:-2px;right:-2px;background:var(--accent, #16a66b);color:#fff;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg, #0b1411)}.app-lock-title{font-size:22px;font-weight:700;margin:0 0 8px;color:var(--ink)}.app-lock-subtitle{font-size:13px;line-height:1.5;color:var(--text-subtle, #888);margin:0 0 24px}.app-lock-error{font-size:13px;color:#ef4444;margin:0 0 16px;background:#ef44441f;padding:8px 14px;border-radius:8px}.app-lock-btn{width:100%;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600}.chat-selection-head{background:#1f2c34!important;color:#e9edef!important;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:60px;min-height:calc(60px + env(safe-area-inset-top,0px));padding-top:max(env(safe-area-inset-top,0px),0px);box-shadow:0 1px 3px #0000004d;z-index:100;box-sizing:border-box}.chat-selection-left{display:flex;align-items:center;gap:18px}.chat-selection-close{background:none;border:none;color:#e9edef;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:background .15s}.chat-selection-close:hover{background:#ffffff14}.chat-selection-count{font-size:18px;font-weight:600;color:#e9edef;letter-spacing:.2px}.chat-selection-actions{display:flex;align-items:center;gap:12px}.chat-selection-actions button{background:none;border:none;color:#aebac1;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .15s,background .15s}.chat-selection-actions button:hover,.chat-selection-actions button:active{color:#e9edef;background:#ffffff14}.chat-selection-menu-wrap{position:relative}.chat-selection-dropdown{position:absolute;top:46px;right:0;background:#233138;border-radius:10px;box-shadow:0 6px 20px #00000073;padding:6px 0;min-width:150px;z-index:1200;display:flex;flex-direction:column}.chat-selection-dropdown button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 16px;color:#d1d7db!important;background:none;border:none;text-align:left;font-size:14px;border-radius:0!important;cursor:pointer}.chat-selection-dropdown button:hover{background:#ffffff14!important}.msg-selected-row{background:#00a88426!important;transition:background .15s ease}.reaction-pill-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1599;background:transparent}.floating-reaction-bar{position:fixed;display:flex;align-items:center;background:#202c33;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:4px 8px;gap:4px;box-shadow:0 4px 20px #00000080;z-index:1600;animation:reactionPop .18s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none}.composer-format-bar{position:fixed;display:flex;align-items:center;background:#202c33;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:3px 6px;gap:3px;box-shadow:0 4px 18px #00000073;z-index:1700;animation:reactionPop .15s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none}.composer-format-btn{background:none;border:none;color:#e9edef;font-size:13px;font-weight:600;padding:5px 9px;cursor:pointer;border-radius:12px;transition:background .15s ease;display:flex;align-items:center;justify-content:center;min-width:28px}.composer-format-btn:hover,.composer-format-btn:active{background:#ffffff1f}@keyframes reactionPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.reaction-emoji-btn{background:none;border:none;font-size:22px;line-height:1;padding:5px 6px;cursor:pointer;border-radius:50%;transition:transform .12s ease,background .12s ease;display:flex;align-items:center;justify-content:center}.reaction-emoji-btn:hover,.reaction-emoji-btn:active{transform:scale(1.28);background:#ffffff1a}.reaction-emoji-btn.active-reaction{background:#00a8844d;transform:scale(1.1)}.reaction-plus-btn{background:#ffffff14;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8696a0;font-size:17px;font-weight:500;transition:background .15s,color .15s}.reaction-plus-btn:hover{background:#ffffff26;color:#fff}.bubble-reactions-badge{position:absolute;bottom:-11px;display:inline-flex;align-items:center;justify-content:center;gap:2px;box-sizing:border-box;height:22px;padding:0 6px;background:#202c33;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:13px;line-height:1;box-shadow:0 2px 5px #00000059;cursor:pointer;z-index:3;-webkit-user-select:none;user-select:none;transition:transform .12s ease}.bubble-reactions-badge.single-reaction{width:22px;min-width:22px;padding:0}.bubble.sent .bubble-reactions-badge{right:8px;left:auto}.bubble.received .bubble-reactions-badge{left:8px;right:auto}.bubble.has-reactions{padding-bottom:16px}.bubble-reactions-badge:hover{transform:scale(1.08)}.reactions-badge-count{font-size:11px;color:#8696a0;font-weight:500;margin-left:2px}.chat-toast{position:fixed;bottom:84px;left:50%;transform:translate(-50%);background:#111b21eb;color:#e9edef;padding:8px 18px;border-radius:20px;font-size:13px;box-shadow:0 4px 14px #0006;z-index:2000;animation:toastFade .2s ease-out;pointer-events:none}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.forward-modal,.message-info-modal,.reactions-detail-modal,.reaction-picker-modal,.delete-confirm-modal{background:#222e35!important;color:#e9edef!important;border-radius:16px;width:min(440px,92vw);max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0009;padding:0;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h3{margin:0;font-size:17px;font-weight:600;color:#e9edef}.modal-close{background:none;border:none;color:#8696a0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%}.modal-close:hover{color:#e9edef}.forward-search{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#111b21;border-bottom:1px solid rgba(255,255,255,.06)}.forward-search input{background:none;border:none;outline:none;color:#e9edef;font-size:14px;width:100%}.forward-list{overflow-y:auto;max-height:380px;padding:8px 0}.forward-item{display:flex;align-items:center;gap:14px;padding:10px 20px;cursor:pointer;transition:background .12s}.forward-item:hover,.forward-item.selected{background:#ffffff0f}.forward-avatar img,.forward-avatar .group-avatar-icon{width:42px;height:42px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#2a3942;color:#00a884}.forward-name{flex:1;font-size:15px;font-weight:500;color:#e9edef}.forward-check{width:20px;height:20px;border-radius:50%;border:2px solid #8696a0;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .15s}.forward-check.checked{background:#00a884;border-color:#00a884}.forward-footer{padding:14px 20px;border-top:1px solid rgba(255,255,255,.08)}.forward-send-btn{width:100%;padding:12px;border-radius:10px;background:#00a884;color:#111b21;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer}.forward-empty{padding:30px;text-align:center;color:#8696a0;font-size:14px}.message-info-preview{padding:16px 20px;background:#111b21;display:flex;justify-content:center}.message-info-preview .bubble{max-width:90%;margin:0}.message-info-section{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)}.message-info-section h4{margin:0 0 12px;font-size:13px;color:#00a884;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-row{display:flex;align-items:center;gap:14px;margin-bottom:12px}.info-meta{display:flex;flex-direction:column}.info-title{font-size:14px;font-weight:500;color:#e9edef}.info-time{font-size:12px;color:#8696a0}.read-blue{color:#53bdeb!important}.group-receipts-block{margin-bottom:14px}.receipt-category-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.receipt-members-list{display:flex;flex-direction:column;gap:6px;padding-left:28px}.receipt-member-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.receipt-member-row.empty{padding-left:28px;font-style:italic}.receipt-member-name{font-size:13.5px;font-weight:500;color:#e9edef}.reactions-list{display:flex;flex-direction:column;gap:10px}.reaction-row{display:flex;align-items:center;gap:12px}.reaction-emoji-lg{font-size:24px}.reaction-user{font-size:14px;color:#e9edef}.delete-confirm-modal{padding:24px 20px;gap:14px}.delete-modal-title{font-size:17px;font-weight:600;color:#e9edef}.delete-modal-text{margin:0;font-size:14px;color:#8696a0;line-height:1.4}.delete-modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:10px}.delete-action-btn{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;text-align:right;transition:background .15s}.delete-everyone{background:#ef444426;color:#ef4444}.delete-everyone:hover{background:#ef444440}.delete-forme{background:#ffffff14;color:#e9edef}.delete-forme:hover{background:#ffffff1f}.delete-cancel{background:transparent;color:#00a884}.reaction-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:20px;max-height:360px;overflow-y:auto}.reaction-picker-cell{background:none;border:none;font-size:28px;line-height:1;padding:8px;cursor:pointer;border-radius:12px;transition:transform .12s,background .12s;display:flex;align-items:center;justify-content:center}.reaction-picker-cell:hover,.reaction-picker-cell:active{transform:scale(1.3);background:#ffffff1a}.reactions-detail-list{padding:12px 20px;display:flex;flex-direction:column;gap:12px;max-height:350px;overflow-y:auto}.reaction-detail-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}.reaction-detail-user{display:flex;flex-direction:column}.reaction-detail-name{font-size:15px;font-weight:500;color:#e9edef}.reaction-tap-remove{font-size:11px;color:#8696a0}.reaction-detail-emoji-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:4px}.pull-to-refresh-indicator{display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;transition:height .15s ease-out;background:var(--surface-2);border-bottom:1px solid var(--line);flex:none}.chat-search-head{gap:8px;min-height:calc(58px + env(safe-area-inset-top,0px))!important;padding-top:max(8px,env(safe-area-inset-top,0px))!important;padding-bottom:8px!important;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box!important}.video-recorder-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000;display:flex;flex-direction:column}.video-recorder-stage{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-recorder-video{width:100%;height:100%;object-fit:contain;background:#000}.video-recorder-video.is-mirrored{transform:scaleX(-1)}.video-recorder-badge{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#0000008c;color:#fff;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.video-recorder-limit{opacity:.6;font-weight:500}.video-recorder-controls{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 28px calc(env(safe-area-inset-bottom,0px) + 22px);background:#000;color:#fff}.video-recorder-controls .discard-btn,.video-recorder-controls .video-flip-btn{color:#fff;background:#ffffff24;border:none;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-recorder-controls .video-flip-btn:disabled{opacity:.35;cursor:default}.video-record-btn{width:72px;height:72px;border-radius:50%;border:4px solid rgba(255,255,255,.9);background:#ef4444;cursor:pointer;transition:border-radius .18s ease,transform .18s ease}.video-record-btn.is-recording{border-radius:18px;transform:scale(.72)}.video-send-btn{width:60px;height:60px}.video-recorder-error{margin:auto;display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff;padding:24px;text-align:center}.bubble-video-wrap{position:relative;border-radius:7px;overflow:hidden;background:#000;max-width:100%}.bubble-video{display:block;width:100%;max-height:340px;border-radius:7px;background:#000}.bubble-video-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-width:180px;min-height:120px}.bubble-video-duration{color:#fff;font-size:13px;font-variant-numeric:tabular-nums;opacity:.8}.bubble-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;cursor:pointer;padding-left:4px;transition:transform .12s ease,background .12s ease}.bubble-video-play:active{transform:translate(-50%,-50%) scale(.92);background:#000000b3}.video-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#000000f5;display:flex;align-items:center;justify-content:center}.video-viewer-video{max-width:100%;max-height:100%;width:auto;height:auto;background:#000}.video-viewer-close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:14px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff24;color:#fff;font-size:18px;cursor:pointer;z-index:1}.video-viewer-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:14px 16px calc(env(safe-area-inset-bottom,0px) + 18px);background:linear-gradient(to top,#000000bf,#0000)}.video-viewer-play{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:none;background:#ffffff29;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-viewer-time{flex:0 0 auto;color:#fff;font-size:12px;font-variant-numeric:tabular-nums;min-width:38px;text-align:center}.video-viewer-range{flex:1 1 auto;min-width:0;height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.video-viewer-range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--green) 0%,var(--green) var(--seek-pct, 0%),rgba(255,255,255,.3) var(--seek-pct, 0%),rgba(255,255,255,.3) 100%)}.video-viewer-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff;border:none}.bubble-video-play.is-loading{cursor:default}.bubble-video-badge{position:absolute;left:8px;bottom:8px;padding:2px 8px;border-radius:999px;background:#0000008c;color:#fff;font-size:11px;font-variant-numeric:tabular-nums;pointer-events:none}@media (max-width: 640px){.message-area{padding-left:10px;padding-right:10px}.chat-bubble-wrap{max-width:90%}}.bubble.bubble-text .bubble-meta{position:absolute;right:10px;bottom:4px;display:inline-flex;margin-top:0}.bubble.bubble-text.has-reactions .bubble-meta{bottom:16px}.bubble.bubble-text>p:last-of-type:after,.bubble.bubble-text .formatted-text>p:last-child:after{content:"";display:inline-block;width:var(--meta-reserve, 66px);height:1px}.bubble.bubble-text .formatted-text>pre:last-child,.bubble.bubble-text .formatted-text>ul:last-child,.bubble.bubble-text .formatted-text>ol:last-child,.bubble.bubble-text .formatted-text>blockquote:last-child{margin-bottom:14px}.message-bubble-row.has-reactions{margin-bottom:12px!important}.day-pill-wrap{width:100%;display:flex;justify-content:center;align-items:center;margin:12px 0 6px;pointer-events:none}.day-pill{width:fit-content!important;max-width:90%!important;text-align:center!important;align-self:center!important;margin:0 auto!important}.bubble.single-emoji-bubble,.bubble.multi-emoji-bubble.emoji-count-2,.bubble.multi-emoji-bubble.emoji-count-3{background:transparent!important;box-shadow:none!important;border:none!important;padding:4px 6px!important}.single-animated-emoji{font-size:34px!important;line-height:1.15;display:inline-block;-webkit-user-select:none;user-select:none;animation:emojiBounce .45s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;transition:transform .15s ease}.single-animated-emoji:active{transform:scale(1.2)}.multi-emoji-text{display:inline-block;-webkit-user-select:none;user-select:none;letter-spacing:2px;cursor:pointer;transition:transform .15s ease}.multi-emoji-text:active{transform:scale(1.15)}.multi-emoji-text.emoji-size-2{font-size:28px!important;line-height:1.2}.multi-emoji-text.emoji-size-3{font-size:24px!important;line-height:1.22}.multi-emoji-text.emoji-size-multi{font-size:20px!important;line-height:1.28}.single-animated-emoji.heartbeat{animation:heartPulse 1.2s infinite ease-in-out;transform-origin:center}@keyframes heartPulse{0%{transform:scale(1)}14%{transform:scale(1.25)}28%{transform:scale(1)}42%{transform:scale(1.18)}70%{transform:scale(1)}}@keyframes emojiBounce{0%{transform:scale(.3);opacity:.2}60%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}.chat-row,.chat-row *{user-select:none!important;-webkit-user-select:none!important}.message-bubble-row,.bubble{-webkit-touch-callout:none!important}.friend-more-wrap{position:relative!important;display:inline-flex}.swipeable-chat-container{position:relative;overflow:hidden;width:100%;background:var(--surface)}.swipe-action-reveal{position:absolute;top:0;bottom:0;display:flex;align-items:center;z-index:1}.swipe-action-reveal.left-reveal{right:0;justify-content:flex-end}.swipe-action-reveal.right-reveal{left:0;justify-content:flex-start}.swipe-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:72px;border:none;color:#fff;font-size:11px;font-weight:600;gap:4px;padding:0;cursor:pointer;transition:opacity .15s}.swipe-btn:active{opacity:.85}.swipe-btn.archive{background:#3b82f6}.swipe-btn.unarchive{background:#0ea5e9}.swipe-btn.delete{background:#ef4444}.swipe-btn.read{background:#00a884}.swipeable-chat-content{position:relative;z-index:2;background:var(--surface);transition:transform .2s cubic-bezier(.2,.9,.3,1);will-change:transform}.swipeable-chat-content.swiping{transition:none!important}.archived-chats-row{display:flex;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--surface);cursor:pointer;width:100%;text-align:left;border:none;color:inherit}.archived-chats-row:hover{background:var(--surface-hover, rgba(255, 255, 255, .03))}.archived-icon-wrap{width:44px;height:44px;border-radius:50%;background:#00a8841f;color:#00a884;display:flex;align-items:center;justify-content:center;flex-shrink:0}.archived-title{flex:1;font-weight:600;font-size:15px;color:var(--ink)}.archived-count-badge{background:#00a8842e;color:#00a884;font-size:12px;font-weight:700;padding:2px 8px;border-radius:12px}.pinned-message-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--line);cursor:pointer;z-index:10;transition:background .15s ease;box-shadow:0 1px 3px #0003}.pinned-message-bar:hover{background:var(--hover-2)}.pinned-bar-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.pinned-bar-icon{color:var(--accent);transform:rotate(45deg);flex:none}.pinned-bar-content{min-width:0;display:flex;flex-direction:column}.pinned-bar-title{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.pinned-bar-snippet{font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-bar-unpin{background:none;border:none;color:var(--muted);padding:6px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}.pinned-bar-unpin:hover{background:var(--hover-3);color:var(--ink)}video::-webkit-media-controls,video::-webkit-media-controls-enclosure,video::-webkit-media-controls-panel,video::-webkit-media-controls-play-button,video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none!important}.bubble-view-once{display:inline-flex;align-items:center;gap:10px;padding:6px 10px 4px;min-width:135px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;transition:opacity .15s ease}.bubble-view-once:active{opacity:.82}.bubble-view-once.opened{cursor:default;opacity:.72}.view-once-circle-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1.5px dashed var(--accent, #16a66b);color:var(--accent, #16a66b);font-weight:700;font-size:12px;flex-shrink:0}.bubble-view-once.opened .view-once-circle-icon{border-color:var(--muted-2);color:var(--muted-2);border-style:solid}.view-once-text{font-size:14.5px;font-weight:500;color:var(--ink)}.bubble-view-once.opened .view-once-text{color:var(--muted-2)}.photo-view-once-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.4);background:transparent;color:#fffc;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease;margin-left:4px}.photo-view-once-btn.active{border-style:solid;border-color:var(--accent, #16a66b);background:var(--accent, #16a66b);color:#fff}.photo-preview-toast{position:absolute;bottom:90px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;pointer-events:none;z-index:50;animation:fadeInOut 2s ease}.lightbox-view-once-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--accent, #16a66b);font-weight:600}.lightbox-view-once-badge .view-once-pill-num{width:18px;height:18px;border-radius:50%;border:1.5px dashed var(--accent, #16a66b);display:inline-flex;align-items:center;justify-content:center;font-size:10px}.picker-mode-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.picker-mode-tabs{display:flex;gap:4px}.picker-mode-btn{background:transparent;border:none;color:var(--muted-2);font-size:12px;font-weight:600;padding:4px 10px;border-radius:14px;cursor:pointer;transition:all .15s ease}.picker-mode-btn.active{background:#ffffff1f;color:#fff}.picker-search-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.picker-search-icon{color:var(--muted-2)}.picker-search-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:13px}.gif-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px}.gif-cell{position:relative;border:none;background:#111;border-radius:6px;overflow:hidden;aspect-ratio:1;cursor:pointer;padding:0}.gif-cell img{width:100%;height:100%;object-fit:cover}.gif-cell,.sticker-cell{content-visibility:auto;contain-intrinsic-size:96px}.gif-badge{position:absolute;bottom:3px;right:4px;background:#000000b3;color:#fff;font-size:9px;font-weight:700;padding:1px 3px;border-radius:3px}.sticker-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px}.sticker-cell{border:none;background:transparent;border-radius:8px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s ease}.sticker-cell:hover,.sticker-cell:active{background:#ffffff14;transform:scale(1.1)}.sticker-cell img{width:48px;height:48px;object-fit:contain}.picker-empty-state{padding:24px;text-align:center;color:var(--muted-2);font-size:13px;grid-column:1 / -1}.bubble-sticker{background:transparent!important;box-shadow:none!important;padding:4px 6px!important}.bubble-sticker img{width:130px;height:130px;object-fit:contain}.bubble-gif{position:relative}.bubble-gif-badge{position:absolute;bottom:6px;left:8px;background:#000000a6;color:#fff;font-size:10px;font-weight:700;padding:1px 4px;border-radius:3px}.auth-google-wrap{display:flex;flex-direction:column;width:100%}.auth-divider{display:flex;align-items:center;margin:16px 0;color:var(--muted-2);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle, rgba(255, 255, 255, .1))}.auth-divider span{padding:0 10px}.secondary-auth-toggle{background:transparent;border:1px solid var(--border-subtle, rgba(255, 255, 255, .15));color:var(--ink);font-size:13px;font-weight:500;padding:10px 16px;border-radius:8px;cursor:pointer;width:100%;transition:background .15s ease}.secondary-auth-toggle:hover{background:#ffffff0d}.encryption-notice{display:flex;align-items:center;gap:8px;padding:7px 16px;font-size:12px;line-height:1.35;border-bottom:1px solid var(--line);z-index:9}.encryption-notice svg{flex:0 0 auto;opacity:.85}.encryption-notice.info{background:var(--surface);color:var(--muted)}.encryption-notice.warn{background:#eab3081f;color:#b88908}@media (prefers-color-scheme: dark){.encryption-notice.warn{color:#f0c14b}}.wa-camera-canvas-wrap{position:relative;display:inline-flex;max-width:100%;max-height:100%}.wa-camera-draw-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair;border-radius:6px}.wa-camera-crop-layer{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;background:#00000073;border-radius:6px}.wa-camera-crop-frame{position:absolute;box-sizing:border-box;border:1.5px solid #fff;box-shadow:0 0 0 9999px #00000073;cursor:move}.wa-camera-crop-handle{position:absolute;width:22px;height:22px;border:3px solid #fff;background:transparent;touch-action:none}.wa-camera-crop-handle.nw{top:-3px;left:-3px;border-right:0;border-bottom:0;cursor:nwse-resize}.wa-camera-crop-handle.ne{top:-3px;right:-3px;border-left:0;border-bottom:0;cursor:nesw-resize}.wa-camera-crop-handle.sw{bottom:-3px;left:-3px;border-right:0;border-top:0;cursor:nesw-resize}.wa-camera-crop-handle.se{bottom:-3px;right:-3px;border-left:0;border-top:0;cursor:nwse-resize}.wa-camera-edit-bar{display:flex;justify-content:center;align-items:center;gap:16px;width:100%;padding:12px 0;z-index:50;pointer-events:auto}.wa-camera-draw-bar{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:8px 0;z-index:50;pointer-events:auto}.wa-camera-palette{display:flex;align-items:center;gap:10px;padding:6px 14px;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;border:1px solid rgba(255,255,255,.15)}.wa-palette-color{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.4);cursor:pointer;transition:transform .15s ease,border-color .15s ease;padding:0}.wa-palette-color.active{transform:scale(1.25);border-color:#fff;box-shadow:0 0 8px #fffc}.wa-camera-draw-actions{display:flex;align-items:center;gap:12px}.wa-camera-edit-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:0;border-radius:999px;background:#000000a6;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.wa-camera-edit-btn.primary{background:var(--accent, #00a884)}.msg-undecryptable{display:inline-flex;align-items:center;gap:5px;opacity:.65;font-size:13px}.reminder-field{min-width:0;padding:10px;border-radius:8px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .15));background:var(--bg-card, rgba(0, 0, 0, .1));color:inherit;font-size:14px;font-family:inherit;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.reminder-field:focus{border-color:var(--accent, #10b981)}.reminder-field::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.official-badge{display:inline-flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0;height:18px;padding:0 6px 0 4px;font-size:10.5px;font-weight:600;line-height:1;border-radius:9px;background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3);letter-spacing:.02em;box-sizing:border-box;vertical-align:middle}.official-badge-icon{flex-shrink:0;color:#10b981;display:block}.icon-row button.support-ticket-icon-btn{position:relative;display:grid;place-items:center;color:var(--muted)}.icon-row button.support-ticket-icon-btn:hover{color:var(--accent-ink);background:var(--hover-2)}.support-ticket-active-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 1.5px var(--surface-2)}.support-channel-card{align-self:center;width:100%;max-width:440px;margin-bottom:16px;padding:14px 16px;border-radius:12px;background:var(--surface-2);border:1px solid rgba(16,185,129,.25);box-shadow:var(--shadow-bubble);text-align:center;box-sizing:border-box}.support-channel-card-head{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:700;color:#10b981;margin-bottom:6px}.support-channel-card-badge{color:#10b981}.support-channel-card-text{margin:0 0 12px;font-size:12px;line-height:1.5;color:var(--muted-2)}.support-channel-card-action{display:flex;justify-content:center}.support-channel-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#10b981;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.support-channel-btn:hover{background:#10b98138;border-color:#10b981}.support-channel-btn.is-active{background:#10b98133;border-color:#10b981;font-weight:700;box-shadow:0 0 8px #10b98140}.verify-title{margin:0 0 8px;font-size:22px}.verify-email-info{color:var(--accent-ink);font-size:13px}.ticket-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:fadeIn .15s ease-out}.ticket-modal-content{background-color:#111b21;color:#e9edef;width:100%;max-width:520px;max-height:90vh;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 32px #0009;border:1px solid #222e35}.ticket-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background-color:#202c33;border-bottom:1px solid #2a3942}.ticket-modal-title{display:flex;align-items:center;gap:10px}.ticket-modal-title h3{margin:0;font-size:17px;font-weight:600;color:#e9edef}.ticket-modal-close{background:transparent;border:none;color:#8696a0;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px}.ticket-modal-close:hover{background-color:#ffffff14;color:#e9edef}.ticket-alert{padding:10px 16px;font-size:13px;margin:12px 18px 0;border-radius:8px}.ticket-alert-error{background-color:#ef444426;border:1px solid #ef4444;color:#fca5a5}.ticket-alert-success{background-color:#22c55e26;border:1px solid #22c55e;color:#86efac}.ticket-loading-spinner{padding:40px;text-align:center;color:#8696a0;font-size:14px}.active-ticket-container{padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.active-ticket-badge-row{display:flex;align-items:center;gap:8px}.ticket-tag-ref{background-color:#222e35;color:#00a884;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:700;font-family:monospace}.ticket-tag-status{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.status-open{background-color:#00a88433;color:#25d366;border:1px solid #00a884}.status-in_progress{background-color:#eab30833;color:#fde047;border:1px solid #eab308}.status-resolved{background-color:#3b82f633;color:#93c5fd;border:1px solid #3b82f6}.ticket-tag-cat{background-color:#2a3942;color:#8696a0;padding:3px 8px;border-radius:4px;font-size:11px}.active-ticket-subject{margin:0;font-size:16px;color:#e9edef;font-weight:600}.active-ticket-desc{background-color:#182229;border-left:3px solid #00a884;padding:10px 12px;border-radius:4px;font-size:13px;color:#d1d7db}.active-ticket-desc strong{display:block;font-size:11px;color:#8696a0;text-transform:uppercase;margin-bottom:4px}.active-ticket-desc p{margin:0;white-space:pre-wrap}.ticket-policy-banner{background-color:#00a8841a;border:1px solid rgba(0,168,132,.3);color:#86efac;font-size:12px;line-height:1.4;padding:10px 12px;border-radius:8px}.ticket-comments-section{display:flex;flex-direction:column;gap:8px;margin-top:4px}.ticket-comments-section h5{margin:0;font-size:13px;font-weight:600;color:#8696a0;text-transform:uppercase}.ticket-comments-list{background-color:#0b141a;border:1px solid #222e35;border-radius:8px;padding:10px;max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.no-comments-hint{margin:0;padding:12px 8px;text-align:center;font-size:12px;color:#8696a0}.ticket-comment-item{padding:8px 10px;border-radius:6px;font-size:12px}.comment-user{background-color:#202c33;border-left:3px solid #00a884}.comment-staff{background-color:#1a3328;border-left:3px solid #25d366}.comment-meta{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px;color:#8696a0}.comment-body{color:#e9edef;white-space:pre-wrap;word-break:break-word}.ticket-comment-form{display:flex;flex-direction:column;gap:8px;margin-top:6px}.ticket-comment-form textarea{background-color:#202c33;color:#e9edef;border:1px solid #2a3942;border-radius:8px;padding:10px;font-size:13px;resize:vertical}.ticket-comment-form textarea:focus{outline:none;border-color:#00a884}.create-ticket-form{padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.ticket-intro{margin:0;font-size:13px;color:#8696a0;line-height:1.4}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:#8696a0;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background-color:#202c33;color:#e9edef;border:1px solid #2a3942;border-radius:8px;padding:10px 12px;font-size:13px;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#00a884}.ticket-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.ticket-cancel-btn{background:transparent;border:1px solid #2a3942;color:#8696a0;padding:9px 16px;border-radius:8px;font-size:13px;cursor:pointer}.ticket-submit-btn{background-color:#00a884;color:#fff;border:none;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s}.ticket-submit-btn:hover:not(:disabled){background-color:#06cf9c}.ticket-submit-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
