:root{--bg: #0e0e12;--bg-secondary: #16161e;--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .07);--glass-bg-strong: rgba(255, 255, 255, .06);--glass-bg-panel: rgba(20, 20, 28, .72);--glass-bg-elevated: rgba(28, 28, 38, .78);--glass-border: rgba(255, 255, 255, .08);--glass-border-light: rgba(255, 255, 255, .05);--glass-border-shine: rgba(255, 255, 255, .14);--glass-border-focus: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);--glass-shadow-strong: 0 16px 48px rgba(0, 0, 0, .45);--glass-shadow-inset: inset 0 1px 1px rgba(255, 255, 255, .06);--glass-shadow-inset-strong: inset 0 0 20px -5px rgba(255, 255, 255, .08);--glass-shine: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 50%);--glass-shine-subtle: linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 40%);--blur: 44px;--blur-light: 20px;--blur-strong: 60px;--blur-saturate: blur(44px) saturate(180%);--blur-saturate-strong: blur(60px) saturate(200%);--blur-saturate-light: blur(20px) saturate(160%);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .55);--text-tertiary: rgba(255, 255, 255, .3);--accent: #3390ec;--accent-light: #5aacff;--accent-soft: rgba(51, 144, 236, .12);--accent-glow: rgba(51, 144, 236, .08);--accent-glow-strong: rgba(51, 144, 236, .2);--bubble-out: rgba(51, 144, 236, .13);--bubble-out-border: rgba(51, 144, 236, .1);--bubble-in: rgba(255, 255, 255, .04);--bubble-in-border: rgba(255, 255, 255, .06);--danger: #e53935;--danger-soft: rgba(229, 57, 53, .12);--success: #4caf50;--success-soft: rgba(76, 175, 80, .15);--badge: #3390ec;--radius: 16px;--radius-sm: 12px;--radius-xs: 8px;--radius-bubble: 18px;--radius-pill: 100px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: .35s cubic-bezier(.25, .1, .25, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.app{height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;background:radial-gradient(ellipse 60% 50% at 15% 15%,rgba(51,144,236,.06) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 85% 80%,rgba(138,43,226,.04) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 50% 50%,rgba(0,180,160,.025) 0%,transparent 60%),var(--bg)}.screen-enter{animation:screenSlideIn .35s cubic-bezier(.25,.1,.25,1) both}.screen-exit{animation:screenSlideOut .3s cubic-bezier(.25,.1,.25,1) both}@keyframes screenSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes screenSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}.glass-panel{background:var(--glass-bg-panel);backdrop-filter:var(--blur-saturate);-webkit-backdrop-filter:var(--blur-saturate);box-shadow:var(--glass-shadow-inset);position:relative}.glass-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-shine);pointer-events:none;border-radius:inherit}.header{padding:14px 16px;padding-top:calc(14px + var(--safe-top));background:var(--glass-bg-panel);backdrop-filter:var(--blur-saturate);-webkit-backdrop-filter:var(--blur-saturate);border-bottom:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-inset),0 1px #ffffff05;flex-shrink:0;display:flex;align-items:center;gap:12px;position:relative;z-index:10}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:var(--glass-shine-subtle);pointer-events:none}.header-content{flex:1;min-width:0}.header-title{font-size:17px;font-weight:600;letter-spacing:-.02em}.header-subtitle{font-size:13px;color:var(--text-secondary);margin-top:1px}.back-btn{width:34px;height:34px;border-radius:50%;border:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.06);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;transition:all var(--transition-fast);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.back-btn:active{background:#ffffff1f;transform:scale(.9);box-shadow:inset 0 0 8px #ffffff14}.search-bar{padding:8px 16px;flex-shrink:0;position:relative}.search-bar-inner{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--text-tertiary);pointer-events:none;display:flex;transition:color var(--transition-fast)}.search-input{width:100%;padding:10px 16px 10px 42px;border-radius:var(--radius-pill);border:1.5px solid var(--glass-border);background:#ffffff08;color:var(--text-primary);font-size:15px;outline:none;backdrop-filter:var(--blur-saturate-light);-webkit-backdrop-filter:var(--blur-saturate-light);box-shadow:var(--glass-shadow-inset);transition:all var(--transition-normal)}.search-input:focus{border-color:#3390ec59;background:#ffffff0f;box-shadow:var(--glass-shadow-inset),0 0 0 3px #3390ec14}.search-input:focus~.search-icon,.search-input:focus+.search-icon{color:var(--accent)}.search-input::placeholder{color:var(--text-tertiary)}.filter-tabs{display:flex;gap:8px;padding:8px 16px;flex-shrink:0}.filter-tab{padding:7px 18px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;border:1px solid rgba(255,255,255,.06);background:#ffffff0a;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);position:relative;overflow:hidden}.filter-tab:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none}.filter-tab:active{transform:scale(.95)}.filter-tab.active{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 2px 12px #3390ec59,inset 0 1px 1px #fff3}.filter-tab.active:before{background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 60%)}.list{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.list-item{display:flex;align-items:center;gap:14px;padding:10px 16px;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);position:relative;animation:listItemIn .3s cubic-bezier(.25,.1,.25,1) both}.list-item:after{content:"";position:absolute;bottom:0;left:80px;right:16px;height:.5px;background:#ffffff0a}.list-item:last-child:after{display:none}.list-item:active{background:#ffffff0f;transform:scale(.985)}.list-item.selected{background:#3390ec1f}.select-checkbox{width:22px;height:22px;border-radius:50%;border:2px solid var(--text-tertiary);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.select-checkbox.checked{background:var(--accent);border-color:var(--accent)}.header-action-btn{background:none;border:none;color:var(--accent);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center}.header-action-btn:active{opacity:.6}.header-action-btn:disabled{opacity:.4;pointer-events:none}.header-action-btn .spin-icon{animation:spin .8s linear infinite}.bulk-action-bar{padding:8px 16px}.bulk-danger-btn{width:100%;padding:10px 16px;border:none;border-radius:var(--radius);background:#ff453a1f;color:var(--danger);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast)}.bulk-danger-btn:active{background:#ff453a40;transform:scale(.97)}.select-actions-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:var(--glass-bg-elevated);backdrop-filter:var(--blur-saturate-strong);-webkit-backdrop-filter:var(--blur-saturate-strong);border-top:.5px solid rgba(255,255,255,.06);z-index:50;animation:pickerSlideUp .25s ease}.select-action-btn{width:100%;padding:12px;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.select-action-btn.danger{background:var(--danger);color:#fff}.select-action-btn.danger:active{opacity:.8}.select-action-btn:disabled{opacity:.5}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.confirm-card{width:85%;max-width:320px;background:var(--glass-bg-elevated);backdrop-filter:var(--blur-saturate-strong);-webkit-backdrop-filter:var(--blur-saturate-strong);border-radius:16px;padding:24px 20px 16px;box-shadow:0 12px 40px #0006,var(--glass-shadow-inset)}.confirm-title{font-size:17px;font-weight:700;margin-bottom:8px}.confirm-text{font-size:14px;color:var(--text-secondary);line-height:1.45;margin-bottom:20px}.confirm-actions{display:flex;gap:10px}.confirm-btn{flex:1;padding:10px;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer}.confirm-btn.cancel{background:#ffffff14;color:var(--text)}.confirm-btn.danger{background:var(--danger);color:#fff}.confirm-btn:active{opacity:.7}.confirm-btn:disabled{opacity:.5}@keyframes listItemIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.list-item:nth-child(1){animation-delay:0s}.list-item:nth-child(2){animation-delay:.02s}.list-item:nth-child(3){animation-delay:.04s}.list-item:nth-child(4){animation-delay:.06s}.list-item:nth-child(5){animation-delay:.08s}.list-item:nth-child(6){animation-delay:.1s}.list-item:nth-child(7){animation-delay:.12s}.list-item:nth-child(8){animation-delay:.14s}.list-item:nth-child(9){animation-delay:.16s}.list-item:nth-child(10){animation-delay:.18s}.list-item:nth-child(n+11){animation-delay:.2s}.avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden;box-shadow:0 2px 10px #00000040;position:relative}.avatar:after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);border-radius:50%;pointer-events:none}.avatar img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.avatar-sm{width:38px;height:38px;font-size:14px}.chat-item-body{flex:1;min-width:0}.chat-item-top{display:flex;justify-content:space-between;align-items:baseline}.chat-item-name{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.chat-item-time{font-size:12px;color:var(--text-tertiary);flex-shrink:0;margin-left:8px}.chat-item-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:3px}.chat-item-preview{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:1.3}.badge{min-width:22px;height:22px;border-radius:11px;background:var(--badge);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 7px;flex-shrink:0;margin-left:8px;box-shadow:0 2px 8px #3390ec66,inset 0 1px 1px #fff3}.account-status{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:box-shadow var(--transition-normal)}.account-status.active{background:var(--success);box-shadow:0 0 8px #4caf5080,0 0 2px #4caf50cc}.account-status.inactive{background:var(--danger);box-shadow:0 0 8px #e539354d}.account-info{flex:1;min-width:0}.account-name{font-size:16px;font-weight:600;letter-spacing:-.01em}.account-number{font-size:13px;color:var(--text-secondary)}.unread-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 8px #3390ec80;animation:unreadPulse 2s ease-in-out infinite}@keyframes unreadPulse{0%,to{box-shadow:0 0 8px #3390ec80}50%{box-shadow:0 0 14px #3390ecb3}}.chat-header{display:flex;align-items:center;gap:10px;padding:10px 12px;padding-top:calc(10px + var(--safe-top));background:var(--glass-bg-panel);backdrop-filter:var(--blur-saturate);-webkit-backdrop-filter:var(--blur-saturate);border-bottom:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-inset);flex-shrink:0;position:relative;z-index:10}.chat-header:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:var(--glass-shine-subtle);pointer-events:none}.chat-header-info{flex:1;min-width:0}.chat-header-name{font-size:16px;font-weight:600;letter-spacing:-.01em}.chat-header-status{font-size:12px;color:var(--text-secondary);transition:color var(--transition-fast)}.chat-header-status.online{color:var(--accent-light)}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding:6px 0;background:radial-gradient(ellipse at 25% 70%,rgba(51,144,236,.02) 0%,transparent 60%),radial-gradient(ellipse at 75% 30%,rgba(138,43,226,.015) 0%,transparent 60%)}.messages-list{display:flex;flex-direction:column;gap:1px;padding:0 6px;margin-top:auto}.load-more{display:flex;justify-content:center;padding:12px}.load-more-btn{padding:8px 24px;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:#ffffff08;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--glass-shadow-inset)}.load-more-btn:active{background:#ffffff12;transform:scale(.97)}.date-separator{display:flex;justify-content:center;padding:10px 0}.date-separator-text{padding:5px 14px;border-radius:14px;background:#00000059;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);font-size:12px;font-weight:500;color:#ffffff8c;border:1px solid rgba(255,255,255,.04);box-shadow:0 2px 8px #0003}.bubble-row{display:flex;padding:1px 6px;position:relative}.bubble-row.out{justify-content:flex-end}.bubble-row.in{justify-content:flex-start}.bubble-row.selected{background:#3390ec14;border-radius:var(--radius-sm)}.bubble{max-width:82%;padding:8px 12px 5px;position:relative;word-wrap:break-word;overflow-wrap:break-word;animation:bubbleIn .25s cubic-bezier(.25,.1,.25,1) both}@keyframes bubbleIn{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.bubble.out{background:#3390ec21;border:1px solid rgba(51,144,236,.1);border-radius:var(--radius-bubble) var(--radius-bubble) 6px var(--radius-bubble);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);box-shadow:0 1px 4px #0000001a,inset 0 1px #ffffff0f}.bubble.in{background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-bubble) var(--radius-bubble) var(--radius-bubble) 6px;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);box-shadow:0 1px 4px #0000000f,inset 0 1px #ffffff0a}.bubble:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;border-radius:inherit}.bubble-text{font-size:15px;line-height:1.4;white-space:pre-wrap}.bubble-media{max-width:280px;border-radius:14px;overflow:hidden;margin-bottom:4px}.bubble-media img,.bubble-media video{max-width:100%;display:block;border-radius:14px}.bubble-media-full{margin:-8px -12px 4px;max-width:calc(100% + 24px);border-radius:16px;position:relative}.bubble-media-full img,.bubble-media-full video{border-radius:16px;width:100%}.media-download-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;text-decoration:none;z-index:2}.bubble-media-full:hover .media-download-btn,.bubble-media-full:active .media-download-btn{opacity:1}.gif-badge{position:absolute;bottom:8px;left:8px;background:#0000008c;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bubble-file{display:flex;align-items:center;gap:10px;padding:4px 0;text-decoration:none;color:inherit}.file-icon{width:42px;height:42px;border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent);box-shadow:inset 0 1px 1px #ffffff1a}.file-name{font-size:14px;font-weight:500;word-break:break-all;color:var(--accent)}.bubble-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:2px}.bubble-time{font-size:11px;color:var(--text-tertiary)}.bubble-edited{font-size:11px;color:var(--text-tertiary);font-style:italic}.bubble-reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.reaction-badge{padding:3px 8px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:13px;display:flex;align-items:center;gap:3px;transition:all var(--transition-fast);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.reaction-badge:active{background:#ffffff1a;transform:scale(.93)}.reaction-chosen{background:var(--accent-soft);border-color:#3390ec2e;box-shadow:0 0 8px #3390ec1f}.reaction-count{font-size:11px;color:var(--text-secondary)}.voice-player{display:flex;align-items:center;gap:10px;min-width:200px;padding:4px 0;cursor:pointer}.voice-play-btn{width:40px;height:40px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 10px #3390ec59,inset 0 1px 1px #fff3;transition:all var(--transition-fast)}.voice-play-btn:active{transform:scale(.92)}.voice-wave-container{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.voice-wave-bars{display:flex;align-items:center;gap:1.5px;height:24px}.voice-wave-bar{width:2.5px;border-radius:2px;transition:background var(--transition-fast);flex-shrink:0}.voice-time-label{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.voice-recording-bar{flex:1;display:flex;align-items:center;gap:10px;padding:0 8px;min-height:36px}.voice-rec-dot{width:10px;height:10px;border-radius:50%;background:#e53935;flex-shrink:0;animation:voice-pulse 1s ease-in-out infinite;box-shadow:0 0 10px #e5393580}@keyframes voice-pulse{0%,to{opacity:1}50%{opacity:.3}}.voice-rec-time{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);min-width:40px;flex-shrink:0}.voice-rec-wave{flex:1;display:flex;align-items:center;gap:2px;height:28px;overflow:hidden}.voice-rec-bar{width:3px;background:var(--accent);border-radius:2px;animation:voice-wave .6s ease-in-out infinite alternate}@keyframes voice-wave{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.message-input-bar{display:flex;align-items:flex-end;gap:8px;padding:8px 10px;padding-bottom:calc(8px + var(--safe-bottom));background:var(--glass-bg-panel);backdrop-filter:var(--blur-saturate);-webkit-backdrop-filter:var(--blur-saturate);border-top:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-inset);flex-shrink:0;position:relative;z-index:50}.message-input-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);pointer-events:none}.message-input-bar.editing{border-top-color:var(--accent)}.edit-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#3390ec0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-left:3px solid var(--accent);font-size:13px;color:var(--accent)}.edit-banner-close{cursor:pointer;padding:4px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:all var(--transition-fast)}.edit-banner-close:active{background:#ffffff14;transform:scale(.9)}.icon-btn{width:38px;height:38px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);background:transparent;color:var(--text-secondary);padding:0}.icon-btn:active{transform:scale(.88)}.icon-btn.accent{background:var(--accent);color:#fff;box-shadow:0 2px 12px #3390ec66,inset 0 1px 1px #fff3}.icon-btn.accent:active{transform:scale(.88);box-shadow:0 1px 6px #3390ec40}.icon-btn.danger{color:var(--danger)}.attach-btn,.send-btn,.voice-btn{width:38px;height:38px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);padding:0}.attach-btn{background:transparent;color:var(--text-secondary)}.attach-btn:active{transform:scale(.88)}.send-btn{background:var(--accent);color:#fff;box-shadow:0 2px 12px #3390ec66,inset 0 1px 1px #fff3;transition:all var(--transition-spring)}.send-btn:active{transform:scale(.85);box-shadow:0 1px 6px #3390ec40}.send-btn{animation:sendBtnIn .25s var(--transition-spring) both}@keyframes sendBtnIn{0%{opacity:0;transform:scale(.5) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}.voice-btn{background:transparent;color:var(--text-secondary)}.voice-btn:active{transform:scale(.88)}.msg-textarea{flex:1;resize:none;border:none;background:#ffffff0a;border-radius:22px;padding:10px 16px;font-size:15px;color:var(--text-primary);outline:none;max-height:120px;min-height:38px;line-height:1.35;font-family:inherit;border:1.5px solid rgba(255,255,255,.06);box-shadow:var(--glass-shadow-inset);transition:all var(--transition-normal)}.msg-textarea:focus{border-color:#3390ec4d;background:#ffffff0f;box-shadow:var(--glass-shadow-inset),0 0 0 3px #3390ec0f}.msg-textarea::placeholder{color:var(--text-tertiary)}.context-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0006;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.context-menu{position:fixed;z-index:101;min-width:220px;padding:6px 0;border-radius:var(--radius);background:var(--glass-bg-elevated);backdrop-filter:var(--blur-saturate-strong);-webkit-backdrop-filter:var(--blur-saturate-strong);border:1px solid rgba(255,255,255,.12);box-shadow:var(--glass-shadow-strong),inset 0 0 20px -5px #ffffff0f;overflow:hidden;animation:menuIn .22s cubic-bezier(.34,1.56,.64,1)}@keyframes menuIn{0%{opacity:0;transform:scale(.88) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,#ffffff12,#fff0);pointer-events:none;border-radius:var(--radius) var(--radius) 0 0}.context-menu-item{padding:11px 16px;display:flex;align-items:center;gap:14px;font-size:15px;cursor:pointer;transition:background var(--transition-fast);position:relative}.context-menu-item:active{background:#ffffff14}.context-menu-item.danger{color:var(--danger)}.context-menu-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.context-menu-item.danger .context-menu-icon{color:var(--danger)}.context-menu-sep{height:1px;margin:4px 0;background:#ffffff0f}.reaction-row{display:flex;gap:2px;padding:8px 10px;justify-content:center;border-bottom:1px solid rgba(255,255,255,.06)}.reaction-emoji{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:transform var(--transition-spring),background var(--transition-fast)}.reaction-emoji:active{transform:scale(1.4);background:#ffffff14}.reaction-emoji-remove{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all var(--transition-fast)}.reaction-emoji-remove:active{color:var(--danger);background:var(--danger-soft);transform:scale(.9)}.selection-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;padding-bottom:calc(10px + var(--safe-bottom));background:var(--glass-bg-panel);backdrop-filter:var(--blur-saturate);-webkit-backdrop-filter:var(--blur-saturate);border-top:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-inset);flex-shrink:0;animation:slideUpBar .25s cubic-bezier(.25,.1,.25,1) both}@keyframes slideUpBar{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.selection-count{font-size:15px;font-weight:500}.selection-actions{display:flex;gap:10px}.selection-btn{padding:8px 18px;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all var(--transition-fast);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--glass-shadow-inset)}.selection-btn:active{background:#ffffff14;transform:scale(.97)}.selection-btn.danger{border-color:#e5393533;color:var(--danger)}.selection-btn.danger:active{background:var(--danger-soft)}.attach-menu{position:absolute;bottom:100%;left:10px;margin-bottom:8px;padding:6px 0;border-radius:var(--radius);background:var(--glass-bg-elevated);backdrop-filter:var(--blur-saturate-strong);-webkit-backdrop-filter:var(--blur-saturate-strong);border:1px solid rgba(255,255,255,.12);box-shadow:var(--glass-shadow-strong),inset 0 0 20px -5px #ffffff0f;min-width:200px;z-index:50;animation:menuIn .22s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.attach-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,#ffffff12,#fff0);pointer-events:none;border-radius:var(--radius) var(--radius) 0 0}.attach-menu .context-menu-icon{color:var(--accent)}.file-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.file-preview-card{width:90%;max-width:360px;max-height:80vh;background:var(--glass-bg-elevated);backdrop-filter:var(--blur-saturate-strong);-webkit-backdrop-filter:var(--blur-saturate-strong);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 48px #0006,var(--glass-shadow-inset);position:relative}.file-preview-close{position:absolute;top:12px;right:12px;z-index:2;background:#0006;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.file-preview-media{max-height:50vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0003}.file-preview-media img,.file-preview-media video{max-width:100%;max-height:50vh;display:block}.file-preview-icon{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--text-secondary);font-size:14px;text-align:center;word-break:break-all}.file-preview-bottom{display:flex;align-items:center;gap:8px;padding:12px 12px 12px 16px}.file-preview-caption{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:15px;padding:8px 0}.file-preview-caption::placeholder{color:var(--text-tertiary)}.spinner{display:flex;justify-content:center;align-items:center;padding:24px}.spinner:after{content:"";width:28px;height:28px;border:2.5px solid rgba(255,255,255,.06);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-tertiary);font-size:15px;text-align:center;gap:8px;animation:fadeInUp .4s cubic-bezier(.25,.1,.25,1) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.empty-icon{width:64px;height:64px;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:var(--text-tertiary);box-shadow:var(--glass-shadow-inset-strong)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.image-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000e0;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);display:flex;align-items:center;justify-content:center;cursor:pointer;animation:fadeIn .2s ease-out}.image-viewer-close{position:absolute;top:12px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:201;transition:all var(--transition-fast);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 1px #ffffff1a}.image-viewer-close:active{background:#fff3;transform:scale(.9)}.image-viewer-img{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:8px;animation:imageZoomIn .3s cubic-bezier(.25,.1,.25,1) both}@keyframes imageZoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.reply-preview{border-left:2px solid var(--accent);padding-left:8px;margin-bottom:4px;font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.toast-container{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;padding-top:calc(8px + var(--safe-top));pointer-events:none}.toast-item{width:100%;max-width:420px;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius);background:var(--glass-bg-elevated);backdrop-filter:var(--blur-saturate-strong);-webkit-backdrop-filter:var(--blur-saturate-strong);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0006,0 2px 8px #00000040,inset 0 1px 1px #ffffff0f;cursor:pointer;pointer-events:auto;will-change:transform,opacity;position:relative;overflow:hidden}.toast-item:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff12,#fff0);pointer-events:none;border-radius:var(--radius) var(--radius) 0 0}.toast-item:active{background:#282832f2}.toast-body{flex:1;min-width:0}.toast-sender{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.toast-text{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;line-height:1.3}.messages-container::-webkit-scrollbar{width:0}@media (hover: none){.list-item:active,.bubble-row:active,.filter-tab:active,.back-btn:active,.send-btn:active,.icon-btn:active{transition-duration:.05s}}.online-dot{position:absolute;bottom:1px;right:1px;width:12px;height:12px;border-radius:50%;background:#4caf50;border:2.5px solid var(--bg);z-index:2;box-shadow:0 0 6px #4caf5099}.avatar-sm .online-dot{width:10px;height:10px;bottom:0;right:0;border-width:2px}.typing-indicator{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--accent-light);animation:fadeIn .2s ease}.typing-dots{display:inline-flex;gap:3px;align-items:center;margin-left:2px}.typing-dots i{width:4px;height:4px;border-radius:50%;background:var(--accent-light);animation:typingBounce 1.4s ease-in-out infinite;display:block}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.bubble.out.group-first{border-radius:var(--radius-bubble) var(--radius-bubble) 6px var(--radius-bubble);margin-bottom:0}.bubble.out.group-middle{border-radius:var(--radius-bubble) 6px 6px var(--radius-bubble);margin-bottom:0}.bubble.out.group-last{border-radius:var(--radius-bubble) 6px 6px var(--radius-bubble)}.bubble.in.group-first{border-radius:var(--radius-bubble) var(--radius-bubble) var(--radius-bubble) 6px;margin-bottom:0}.bubble.in.group-middle{border-radius:6px var(--radius-bubble) var(--radius-bubble) 6px;margin-bottom:0}.bubble.in.group-last{border-radius:6px var(--radius-bubble) var(--radius-bubble) 6px}.bubble-row.group-middle,.bubble-row.group-first{padding-bottom:0}.bubble.group-first,.bubble.group-middle{margin-bottom:1px}.swipe-reply-icon{position:absolute;left:-32px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;transition:opacity .1s}.bubble-row.sending .bubble,.bubble-row.sending .sticker-bubble{animation:msgSend .35s cubic-bezier(.25,.1,.25,1) both}@keyframes msgSend{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sticker-bubble{max-width:200px;padding:4px}.sticker-img-wrap{width:180px;height:180px;display:flex;align-items:center;justify-content:center}.sticker-img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.gif-bubble{max-width:280px;padding:0}.gif-media-wrap{position:relative;border-radius:16px;overflow:hidden}.gif-media-wrap .gif-badge{bottom:auto;top:8px}.gif-media{display:block;width:100%;max-height:300px;object-fit:cover;border-radius:16px}.gif-overlay-footer{position:absolute;bottom:6px;right:8px;display:flex;align-items:center;gap:2px;background:#00000073;border-radius:10px;padding:2px 6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gif-overlay-footer .bubble-time{color:#fff;font-size:11px}.gif-overlay-footer svg path,.gif-overlay-footer svg line{stroke:#fff}.round-video-bubble{max-width:240px;padding:4px}.round-video-wrap{width:220px;height:220px;border-radius:50%;overflow:hidden;border:3px solid var(--accent);box-shadow:0 4px 16px #3390ec4d}.round-video{width:100%;height:100%;object-fit:cover;border-radius:50%}.scroll-to-bottom{position:absolute;bottom:80px;right:16px;width:42px;height:42px;border-radius:50%;background:var(--glass-bg-elevated);backdrop-filter:var(--blur-saturate);-webkit-backdrop-filter:var(--blur-saturate);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d,inset 0 1px 1px #ffffff0f;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all var(--transition-fast);animation:fadeInUp .2s ease;padding:0}.scroll-to-bottom:active{transform:scale(.9);background:#ffffff1f}.chat-search-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--glass-bg-panel);backdrop-filter:var(--blur-saturate);-webkit-backdrop-filter:var(--blur-saturate);border-bottom:1px solid var(--glass-border-light);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:60px}}.chat-search-input{flex:1;padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-primary);font-size:14px;outline:none;transition:all var(--transition-fast)}.chat-search-input:focus{border-color:#3390ec59;background:#ffffff0f}.chat-search-input::placeholder{color:var(--text-tertiary)}.chat-search-count{font-size:12px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.profile-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.profile-hero{display:flex;flex-direction:column;align-items:center;padding:32px 24px 24px;gap:12px}.profile-avatar{position:relative}.profile-avatar .avatar{width:96px;height:96px;font-size:36px;box-shadow:0 4px 24px #00000059}.profile-avatar .online-dot{width:16px;height:16px;border-width:3px;bottom:4px;right:4px}.profile-name{font-size:22px;font-weight:700;letter-spacing:-.02em;text-align:center}.profile-online{font-size:14px;color:var(--accent-light);font-weight:500}.profile-section{margin:0 16px 24px;border-radius:var(--radius);background:var(--glass-bg-panel);backdrop-filter:var(--blur-saturate);-webkit-backdrop-filter:var(--blur-saturate);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-inset);overflow:hidden;position:relative}.profile-section:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:var(--glass-shine-subtle);pointer-events:none;border-radius:var(--radius) var(--radius) 0 0}.profile-row{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;position:relative;cursor:pointer;transition:background var(--transition-fast)}.profile-row:active{background:#ffffff0d}.profile-row+.profile-row:before{content:"";position:absolute;top:0;left:50px;right:16px;height:.5px;background:#ffffff0d}.profile-row-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;margin-top:2px}.profile-row-content{flex:1;min-width:0}.profile-row-value{font-size:15px;color:var(--text-primary);word-break:break-word}.profile-row-label{font-size:12px;color:var(--text-secondary);margin-top:2px}.profile-section-title{display:flex;align-items:center;gap:8px;padding:12px 16px 4px;font-size:13px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.picker-panel{flex-shrink:0;height:320px;display:flex;flex-direction:column;background:var(--glass-bg-panel);backdrop-filter:var(--blur-saturate);-webkit-backdrop-filter:var(--blur-saturate);border-top:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-inset),0 -4px 20px #00000026;position:relative;z-index:45;animation:pickerSlideUp .3s cubic-bezier(.25,.1,.25,1) both}.picker-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);pointer-events:none}@keyframes pickerSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--glass-border-light);flex-shrink:0}.picker-header-tabs{display:flex;gap:4px}.picker-header-tab{padding:6px 16px;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.picker-header-tab:active{transform:scale(.95)}.picker-header-tab.active{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 2px 10px #3390ec4d,inset 0 1px 1px #ffffff26}.picker-title{font-size:16px;font-weight:600;letter-spacing:-.01em}.picker-close{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);padding:0}.picker-close:active{background:#ffffff1f;transform:scale(.9)}.picker-search{padding:8px 12px;flex-shrink:0}.picker-search-input{width:100%;padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-primary);font-size:14px;outline:none;transition:all var(--transition-fast);box-shadow:var(--glass-shadow-inset)}.picker-search-input:focus{border-color:#3390ec4d;background:#ffffff0f}.picker-search-input::placeholder{color:var(--text-tertiary)}.picker-tabs{display:flex;gap:2px;padding:6px 10px;overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--glass-border-light)}.picker-tabs::-webkit-scrollbar{display:none}.picker-tab{min-width:40px;height:36px;border-radius:var(--radius-xs);border:none;background:#ffffff0a;color:var(--text-secondary);font-size:15px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0 6px;display:flex;align-items:center;justify-content:center}.picker-tab:active{transform:scale(.9)}.picker-tab.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 8px #3390ec1a}.picker-tab-icon{width:28px;height:28px;object-fit:contain}.picker-tab-emoji{font-size:13px;line-height:1}.picker-tabs-loading{display:flex;align-items:center;justify-content:center;flex:1}.picker-grid-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:8px}.picker-grid-scroll::-webkit-scrollbar{width:2px}.picker-grid-scroll::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:1px}.picker-set-title{font-size:12px;color:var(--text-tertiary);padding:4px 6px 8px;font-weight:500}.picker-progress-bar{position:sticky;top:0;left:0;right:0;height:3px;background:#ffffff0f;z-index:2;overflow:hidden;border-radius:2px}.picker-progress-bar-fill{height:100%;width:40%;background:var(--accent);border-radius:2px;animation:pickerProgress 1s ease-in-out infinite}@keyframes pickerProgress{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(300%)}}.picker-loading{display:flex;align-items:center;justify-content:center;min-height:120px}.picker-empty{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--text-tertiary);font-size:14px}.sticker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.sticker-grid-item{aspect-ratio:1;border:none;background:transparent;border-radius:var(--radius-xs);cursor:pointer;padding:4px;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;overflow:hidden}.sticker-grid-item:active{background:#ffffff14;transform:scale(.88)}.sticker-thumb-media{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.sticker-thumb-placeholder{width:100%;aspect-ratio:1;background:#8080801a;border-radius:8px}.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.gif-grid-item{border:none;background:#ffffff08;border-radius:var(--radius-xs);cursor:pointer;padding:0;position:relative;overflow:hidden;aspect-ratio:1;transition:all var(--transition-fast)}.gif-grid-item:active{transform:scale(.94);opacity:.8}.gif-thumb-media{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xs)}.gif-menu-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s;z-index:2;padding:0}.gif-grid-item:hover .gif-menu-btn,.gif-grid-item:active .gif-menu-btn{opacity:1}.gif-context-menu{position:absolute;top:30px;right:4px;z-index:10;background:var(--glass-bg-elevated);backdrop-filter:var(--blur-saturate-strong);-webkit-backdrop-filter:var(--blur-saturate-strong);border-radius:var(--radius-xs);box-shadow:var(--glass-shadow-inset),0 4px 16px #0000004d;padding:4px 0;min-width:130px}.gif-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.sticker-context-menu{position:fixed;z-index:100;background:var(--glass-bg-elevated);backdrop-filter:var(--blur-saturate-strong);-webkit-backdrop-filter:var(--blur-saturate-strong);border-radius:var(--radius-xs);box-shadow:var(--glass-shadow-inset),0 4px 16px #0000004d;padding:4px 0;min-width:160px;transform:translate(-50%,-100%);animation:fadeIn .15s ease}.stickerpack-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000080;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease-out}.stickerpack-sheet{width:100%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;background:var(--glass-bg-elevated);backdrop-filter:var(--blur-saturate-strong);-webkit-backdrop-filter:var(--blur-saturate-strong);border-radius:20px 20px 0 0;border:1px solid rgba(255,255,255,.12);border-bottom:none;box-shadow:0 -8px 40px #0006,inset 0 1px 1px #ffffff14;animation:sheetSlideUp .35s cubic-bezier(.25,.1,.25,1) both;overflow:hidden;position:relative}.stickerpack-sheet:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 100%);pointer-events:none;border-radius:20px 20px 0 0}@keyframes sheetSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.stickerpack-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--glass-border-light);flex-shrink:0;position:relative;z-index:1}.stickerpack-info{flex:1;min-width:0}.stickerpack-title{font-size:18px;font-weight:700;letter-spacing:-.02em}.stickerpack-count{font-size:13px;color:var(--text-secondary);margin-top:2px}.stickerpack-sheet:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:#ffffff26;z-index:2}.stickerpack-grid-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px}.stickerpack-grid-scroll::-webkit-scrollbar{width:2px}.stickerpack-action{padding:12px 16px;padding-bottom:calc(12px + var(--safe-bottom));flex-shrink:0;border-top:1px solid var(--glass-border-light)}.stickerpack-btn{width:100%;padding:13px;border-radius:var(--radius-sm);border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.stickerpack-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);pointer-events:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.stickerpack-btn.install{background:var(--accent);color:#fff;box-shadow:0 4px 16px #3390ec66,inset 0 1px 1px #ffffff26}.stickerpack-btn.remove{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(229,57,53,.2)}.stickerpack-btn:active{transform:scale(.98)}.sticker-btn{width:38px;height:38px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;transition:all var(--transition-fast)}.sticker-btn:active{transform:scale(.88)}.sticker-btn.active{color:var(--accent)}.sticker-img-wrap video.sticker-img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}