:root{--er-bg:rgba(18,18,20,0.95);--er-surface:rgba(255,255,255,0.03);--er-accent:#7289da;--er-radius:12px}.tg-picker input[type="search"]{border-color:rgba(0,0,0,0.12);background:rgba(0,0,0,0.02)}.tg-picker input[type="search"]:focus{background:rgba(0,0,0,0.04);border-color:var(--accent-color)}.tg-picker .tg-cat-btn{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.08)}.tg-picker .tg-cat-btn:hover{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.12)}.tg-picker .tg-emoji-btn:hover{background:linear-gradient(135deg,rgba(0,0,0,0.06),rgba(0,0,0,0.03));box-shadow:0 4px 12px rgba(0,0,0,0.15)}.tg-picker .tg-grid-wrapper{background:rgba(0,0,0,0.02)}.tg-users-popup{background:linear-gradient(145deg,rgba(250,250,255,0.98),rgba(245,245,250,0.98));box-shadow:0 12px 32px rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.08)}.tg-users-popup .user:hover{background:linear-gradient(135deg,rgba(0,0,0,0.04),rgba(0,0,0,0.02))}.tg-reaction{background:linear-gradient(135deg,rgba(0,0,0,0.03),rgba(0,0,0,0.02));border-color:rgba(0,0,0,0.12)}.tg-reaction:hover{background:linear-gradient(135deg,rgba(0,0,0,0.06),rgba(0,0,0,0.03));border-color:rgba(0,0,0,0.18);box-shadow:0 8px 20px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.5)}.tg-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;animation:reactionsSlideIn 0.3s cubic-bezier(0.2,0.9,0.3,1)}@keyframes reactionsSlideIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tg-reaction{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02));color:var(--text);font-size:14px;cursor:pointer;border:1px solid rgba(255,255,255,0.08);transition:all .2s cubic-bezier(.2,.9,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}.tg-reaction::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1),transparent);opacity:0;transition:opacity 0.2s ease}.tg-reaction:hover::before{opacity:1}.tg-reaction .tg-emoji{font-size:18px;line-height:1;transition:transform 0.2s ease}.tg-reaction:hover .tg-emoji{transform:scale(1.2) rotate(-5deg)}.tg-reaction .tg-count{font-weight:600;font-size:13px;color:var(--muted-text);transition:all 0.2s ease}.tg-reaction:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.12),inset 0 1px 0 rgba(255,255,255,0.15);background:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.04));border-color:rgba(255,255,255,0.15)}.tg-reaction:hover .tg-count{color:var(--text);transform:scale(1.1)}.tg-reaction:active{transform:translateY(-1px) scale(1.02)}.tg-reaction.active{background:linear-gradient(135deg,rgba(88,101,242,0.2),rgba(88,101,242,0.1)) !important;border:2px solid var(--accent-color) !important;box-shadow:0 0 16px rgba(88,101,242,0.5),0 0 8px rgba(88,101,242,0.3),inset 0 1px 0 rgba(255,255,255,0.15) !important;color:var(--text) !important;transform:scale(1.05) !important;z-index:10 !important;position:relative !important}.tg-reaction.active:hover{background:linear-gradient(135deg,rgba(88,101,242,0.3),rgba(88,101,242,0.15)) !important;border:2px solid var(--accent-color) !important;box-shadow:0 0 20px rgba(88,101,242,0.6),0 0 12px rgba(88,101,242,0.4),inset 0 1px 0 rgba(255,255,255,0.2) !important;transform:translateY(-3px) scale(1.08) !important;z-index:10 !important}.tg-reaction.active .tg-count{color:var(--accent-color);font-weight:700}.tg-reaction.active{background:linear-gradient(135deg,rgba(88,101,242,0.15),rgba(88,101,242,0.08)) !important;border:2px solid var(--accent-color) !important;box-shadow:0 0 12px rgba(88,101,242,0.35),0 2px 8px rgba(88,101,242,0.2),inset 0 1px 0 rgba(255,255,255,0.5) !important;z-index:10 !important;position:relative !important}.tg-reaction.active:hover{background:linear-gradient(135deg,rgba(88,101,242,0.25),rgba(88,101,242,0.12)) !important;box-shadow:0 0 16px rgba(88,101,242,0.45),0 4px 12px rgba(88,101,242,0.3),inset 0 1px 0 rgba(255,255,255,0.6) !important;transform:translateY(-3px) scale(1.08) !important;z-index:10 !important}.tg-picker{position:fixed;z-index:12000;width:420px;max-width:calc(100% - 16px);background:var(--bg-secondary,linear-gradient(145deg,rgba(25,25,30,0.98),rgba(18,18,22,0.98)));border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.7),0 0 0 1px var(--border-color,rgba(255,255,255,0.08)),inset 0 1px 0 rgba(255,255,255,0.1);padding:14px;display:grid;grid-template-rows:auto auto 1fr;gap:10px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:pickerSlideIn 0.2s cubic-bezier(0.2,0.9,0.3,1);color:var(--text-primary,#fff)}@keyframes pickerSlideIn{from{opacity:0;transform:translateY(-10px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tg-picker .tg-search{display:flex;gap:8px;align-items:center}.tg-picker .tg-search #erClose:hover{background:rgba(255,255,255,0.08) !important;border-color:rgba(255,255,255,0.12) !important;transform:scale(1.05)}.tg-picker .tg-search #erClose:active{transform:scale(0.95)}.tg-picker .tg-grid-wrapper{position:relative;overflow:hidden;border-radius:12px;background:rgba(0,0,0,0.1)}.tg-picker input[type="search"]{flex:1;padding:10px 14px;border-radius:12px;border:1px solid var(--border-color,rgba(255,255,255,0.08));background:var(--surface-color,rgba(255,255,255,0.03));color:var(--text-primary,#fff);font-size:14px;transition:all 0.2s ease}.tg-picker input[type="search"]:focus{outline:none;border-color:var(--accent-color);background:rgba(255,255,255,0.05);box-shadow:0 0 0 3px rgba(88,101,242,0.15)}.tg-picker input[type="search"]::placeholder{color:var(--muted-text);opacity:0.6}.tg-picker .tg-cats{display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 8px 2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent}.tg-picker .tg-cats::-webkit-scrollbar{height:6px}.tg-picker .tg-cats::-webkit-scrollbar-track{background:transparent}.tg-picker .tg-cats::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}.tg-picker .tg-cat-btn{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);color:var(--muted-text);cursor:pointer;transition:all 0.15s ease;flex-shrink:0;font-size:20px;line-height:1}.tg-picker .tg-cat-btn:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1);transform:scale(1.05)}.tg-picker .tg-cat-btn.active{background:linear-gradient(135deg,rgba(88,101,242,0.25),rgba(88,101,242,0.15));color:var(--text);border-color:var(--accent-color);box-shadow:0 0 12px rgba(88,101,242,0.4),inset 0 1px 0 rgba(255,255,255,0.2);transform:scale(1.08)}.tg-picker .tg-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;max-height:340px;overflow-y:auto;overflow-x:hidden;padding:8px 4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent}.tg-picker .tg-grid::-webkit-scrollbar{width:8px}.tg-picker .tg-grid::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:4px}.tg-picker .tg-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:4px}.tg-picker .tg-grid::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}.tg-picker .tg-emoji-btn{font-size:26px;padding:10px;border-radius:10px;background:transparent;border:none;cursor:pointer;transition:all 0.12s cubic-bezier(0.2,0.9,0.3,1);position:relative}.tg-picker .tg-emoji-btn:hover{transform:scale(1.25);background:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.04));box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:10}.tg-picker .tg-emoji-btn:active{transform:scale(1.15)}.tg-users-popup{position:fixed;z-index:12100;background:var(--bg-secondary,linear-gradient(145deg,rgba(25,25,30,0.98),rgba(18,18,22,0.98)));border-radius:12px;padding:10px;box-shadow:0 12px 32px rgba(0,0,0,0.6),0 0 0 1px var(--border-color,rgba(255,255,255,0.08));max-width:280px;min-width:200px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:popupSlideIn 0.2s cubic-bezier(0.2,0.9,0.3,1);color:var(--text-primary,#fff)}@keyframes popupSlideIn{from{opacity:0;transform:translateY(-8px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tg-users-popup .user{padding:8px 10px;border-radius:10px;display:flex;gap:10px;align-items:center;transition:all 0.15s ease;cursor:default}.tg-users-popup .user:hover{background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.03));transform:translateX(2px)}.tg-users-popup .user > div:first-child{flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1)}.tg-users-popup .user > div:last-child{flex:1;min-width:0}.tg-users-popup .user > div:last-child > div:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-users-popup .user > div:last-child > div:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0.7}.tg-longpress-hint{font-size:12px;color:var(--muted-text);margin-top:6px}@media (max-width:768px){.tg-picker{width:380px}.tg-picker .tg-grid{grid-template-columns:repeat(7,1fr)}.tg-picker .tg-emoji-btn{font-size:24px;padding:9px}}@media (max-width:520px){.tg-picker{width:calc(100% - 16px);left:8px !important;right:8px !important;max-height:calc(100vh - 100px);padding:12px}.tg-picker .tg-grid{grid-template-columns:repeat(6,1fr);max-height:280px}.tg-picker .tg-emoji-btn{font-size:22px;padding:8px}.tg-picker .tg-cat-btn{font-size:18px;padding:7px 9px}.tg-reaction{padding:5px 8px}.tg-reaction .tg-emoji{font-size:16px}.tg-reaction .tg-count{font-size:12px}.tg-reactions .add-reaction-btn{opacity:0.5;transform:scale(0.85);transition:all 0.2s ease}.tg-reactions:hover .add-reaction-btn,.tg-reactions .add-reaction-btn:active{opacity:1;transform:scale(1) !important}.tg-reactions .add-reaction-btn .tg-emoji{font-size:14px}}@media (max-width:380px){.tg-picker .tg-grid{grid-template-columns:repeat(5,1fr)}.tg-picker .tg-emoji-btn{font-size:20px;padding:7px}}button.tg-reaction.active,.tg-reaction.active{background:linear-gradient(135deg,rgba(88,101,242,0.2),rgba(88,101,242,0.1)) !important;border-color:var(--accent-color) !important;border-width:2px !important;border-style:solid !important;box-shadow:0 0 16px rgba(88,101,242,0.5),0 0 8px rgba(88,101,242,0.3),inset 0 1px 0 rgba(255,255,255,0.15) !important;color:var(--text) !important;transform:scale(1.05) !important;z-index:10 !important;position:relative !important}button.tg-reaction.active:hover,.tg-reaction.active:hover{background:linear-gradient(135deg,rgba(88,101,242,0.3),rgba(88,101,242,0.15)) !important;box-shadow:0 0 20px rgba(88,101,242,0.6),0 0 12px rgba(88,101,242,0.4),inset 0 1px 0 rgba(255,255,255,0.2) !important;transform:translateY(-3px) scale(1.08) !important;z-index:10 !important}button.tg-reaction.active,.tg-reaction.active{background:linear-gradient(135deg,rgba(88,101,242,0.15),rgba(88,101,242,0.08)) !important;border-color:var(--accent-color) !important;border-width:2px !important;border-style:solid !important;box-shadow:0 0 12px rgba(88,101,242,0.35),0 2px 8px rgba(88,101,242,0.2),inset 0 1px 0 rgba(255,255,255,0.5) !important;z-index:10 !important;position:relative !important}button.tg-reaction.active:hover,.tg-reaction.active:hover{background:linear-gradient(135deg,rgba(88,101,242,0.25),rgba(88,101,242,0.12)) !important;box-shadow:0 0 16px rgba(88,101,242,0.45),0 4px 12px rgba(88,101,242,0.3),inset 0 1px 0 rgba(255,255,255,0.6) !important;transform:translateY(-3px) scale(1.08) !important;z-index:10 !important}.tg-reactions button.tg-reaction{border:1px solid rgba(0,0,0,0.15) !important}.tg-reactions button.tg-reaction.active{border:2px solid var(--accent-color) !important}.tg-quick-panel{position:fixed;z-index:12000;display:flex;gap:6px;padding:8px;background:var(--bg-secondary,linear-gradient(145deg,rgba(25,25,30,0.98),rgba(18,18,22,0.98)));border-radius:50px;box-shadow:0 12px 32px rgba(0,0,0,0.6),0 0 0 1px var(--border-color,rgba(255,255,255,0.08));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:quickPanelSlideIn 0.2s cubic-bezier(0.2,0.9,0.3,1)}@keyframes quickPanelSlideIn{from{opacity:0;transform:translateY(8px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}.tg-quick-btn{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.15s cubic-bezier(0.2,0.9,0.3,1);position:relative;overflow:hidden}.tg-quick-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.1),transparent);opacity:0;transition:opacity 0.15s ease}.tg-quick-btn:hover::before{opacity:1}.tg-quick-btn:hover{transform:scale(1.15) translateY(-2px);background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);box-shadow:0 8px 20px rgba(0,0,0,0.4)}.tg-quick-btn:active{transform:scale(1.05)}.tg-quick-btn.more{background:linear-gradient(135deg,rgba(88,101,242,0.2),rgba(88,101,242,0.1));border-color:rgba(88,101,242,0.3)}.tg-quick-btn.more:hover{background:linear-gradient(135deg,rgba(88,101,242,0.3),rgba(88,101,242,0.15));border-color:rgba(88,101,242,0.5);box-shadow:0 8px 20px rgba(88,101,242,0.4)}body[data-theme="light"] .tg-quick-panel,body.theme-light .tg-quick-panel,.theme-light .tg-quick-panel{background:linear-gradient(145deg,rgba(250,250,255,0.98),rgba(245,245,250,0.98));box-shadow:0 12px 32px rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.08)}body[data-theme="light"] .tg-quick-btn,body.theme-light .tg-quick-btn,.theme-light .tg-quick-btn{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.12)}body[data-theme="light"] .tg-quick-btn:hover,body.theme-light .tg-quick-btn:hover,.theme-light .tg-quick-btn:hover{background:rgba(0,0,0,0.06);border-color:rgba(0,0,0,0.18);box-shadow:0 8px 20px rgba(0,0,0,0.15)}body[data-theme="light"] .tg-quick-btn.more,body.theme-light .tg-quick-btn.more,.theme-light .tg-quick-btn.more{background:linear-gradient(135deg,rgba(88,101,242,0.15),rgba(88,101,242,0.08));border-color:rgba(88,101,242,0.25)}body[data-theme="light"] .tg-quick-btn.more:hover,body.theme-light .tg-quick-btn.more:hover,.theme-light .tg-quick-btn.more:hover{background:linear-gradient(135deg,rgba(88,101,242,0.25),rgba(88,101,242,0.12));border-color:rgba(88,101,242,0.4);box-shadow:0 8px 20px rgba(88,101,242,0.3)}.tg-reactions .add-reaction-btn,.msg-reactions .add-reaction-btn{order:999 !important;flex-shrink:0}@media (min-width:769px){.tg-reactions .add-reaction-btn,.msg-reactions .add-reaction-btn{opacity:0;transform:scale(0.8);transition:all 0.2s cubic-bezier(0.2,0.9,0.3,1);pointer-events:none;order:999 !important}.tg-reactions:hover .add-reaction-btn,.msg-reactions:hover .add-reaction-btn{opacity:1;transform:scale(1);pointer-events:auto}.tg-reactions .add-reaction-btn:hover,.msg-reactions .add-reaction-btn:hover{transform:scale(1.05) translateY(-2px) !important}}@media (max-width:520px){.tg-quick-panel{gap:4px;padding:6px}.tg-quick-btn{width:40px;height:40px;font-size:22px}}