.chat-bubble-container,.notification-bell-container{position:relative;display:inline-block}.chat-bubble-container.hide,.chat-bubble-hidden,.notification-bell-container.hide,.notification-bell-hidden{display:none!important}.chat-bubble,.notification-bell{padding:1em}.chat-bubble-icon,.notification-bell-icon{display:flex;align-items:center;justify-content:center}.chat-bubble-icon svg,.notification-bell-icon svg{width:18px;height:18px;color:var(--primary-light-text-color);transition:color .2s ease}.chat-bubble:hover .chat-bubble-icon svg,.notification-bell:hover .notification-bell-icon svg{color:var(--primary-text-color)}.chat-badge,.notification-badge{position:absolute;right:10px;top:21px;background-color:var(--red-color);color:#fff;border-radius:50%;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;line-height:1;z-index:2;border:2px solid var(--main-content-bg-color);box-shadow:0 1px 3px rgba(0,0,0,.2)}.chat-badge.hide,.chat-tabs.hide,.notification-badge.hide{display:none!important}.chat-badge span,.notification-badge span{padding:0 1px}#chat-dropdown-container,#notification-dropdown-container{position:absolute;top:calc(100% + 12px);right:0;z-index:1000;visibility:visible;opacity:1;pointer-events:auto;transition:opacity .2s ease,visibility .2s ease}#chat-dropdown-container.hide,#notification-dropdown-container.hide{visibility:hidden;opacity:0;pointer-events:none}.chat-dropdown,.notification-dropdown{width:300px;max-height:520px;background-color:var(--main-content-bg-color);border-radius:1em;box-shadow:0 10px 40px rgba(0,0,0,.12),0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column;transform:translateY(0) scale(1);transform-origin:top right;transition:transform .2s ease-out}#chat-dropdown-container.hide .chat-dropdown,#notification-dropdown-container.hide .notification-dropdown{transform:translateY(-4px) scale(.95)}.chat-dropdown-header,.notification-dropdown-header{padding:.75em 1.25em .5em;display:flex;justify-content:space-between;align-items:center;background-color:var(--main-content-bg-color)}.chat-tabs,.notification-dropdown-tabs{display:flex;border-bottom:1px solid rgba(0,0,0,.08);background-color:var(--main-content-bg-color)}.chat-tab,.notification-tab{flex:1;padding:.75rem 1rem;border:none;background:0 0;color:var(--primary-light-text-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:0;box-shadow:none}.chat-tab:hover,.notification-tab:hover{background-color:var(--list-hover-color);color:var(--primary-text-color);box-shadow:none}.chat-tab.active,.notification-tab.active{color:var(--primary-color);font-weight:600}.chat-tab.active::after,.notification-tab.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary-color)}.chat-tab:focus-visible,.notification-tab:focus-visible{outline:2px solid var(--primary-color);outline-offset:-4px}.chat-dropdown-header-title,.notification-dropdown-header-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--primary-text-color);letter-spacing:-.01em}.notification-dropdown>.notification-list{flex:1;overflow-y:auto;max-height:380px;padding:0}#chat-list-view,#chat-requests-view{flex:1;display:flex;flex-direction:column;max-height:380px;overflow:hidden}#chat-list-view.hide,#chat-requests-view.hide{display:none}#chat-list-view .chat-list,#chat-requests-view .chat-list{flex:1;overflow-y:auto;padding:0;min-height:0}#chat-list-view .chat-list::-webkit-scrollbar,#chat-requests-view .chat-list::-webkit-scrollbar{width:6px}#chat-list-view .chat-list::-webkit-scrollbar-track,#chat-requests-view .chat-list::-webkit-scrollbar-track{background:0 0}#chat-list-view .chat-list::-webkit-scrollbar-thumb,#chat-requests-view .chat-list::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:3px}#chat-list-view .chat-list::-webkit-scrollbar-thumb:hover,#chat-requests-view .chat-list::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.25)}.chat-items,.notification-items{padding:0}.chat-loading.hide,.notification-loading.hide{display:none}.chat-empty,.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:rgba(0,0,0,.5);background:var(--main-content-bg-color)}.chat-empty img,.notification-empty img{max-width:180px}.chat-empty.hide,.notification-empty.hide{display:none!important}.chat-empty p,.notification-empty p{margin:0 0 .5rem 0;font-weight:600;color:var(--primary-text-color);font-size:.95rem;letter-spacing:-.005em}.notification-empty .notification-empty-message{margin:0;font-weight:400;color:rgba(0,0,0,.5);font-size:.85rem}.chat-error,.notification-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;text-align:center;color:var(--red-color)}.notification-error-icon{font-size:1.5rem;margin-bottom:.75rem}.chat-error p,.notification-error p{margin:0;font-size:.9rem;font-weight:500}.chat-dropdown .chat-dropdown-footer,.notification-dropdown>.notification-dropdown-footer{padding:0;border-top:1px solid rgba(0,0,0,.06);background-color:var(--main-content-bg-color);text-align:center;border-radius:0 0 1em 1em}.view-all-link{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.875rem;padding:1em;display:inline-block;transition:all .15s ease;letter-spacing:-.005em;display:block}.view-all-link:hover{background-color:rgba(var(--primary-color-rgb,5,111,240),.08)}.view-all-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.notification-dropdown-footer>a{border-radius:0 0 1em 1em}@media (max-width:768px){#chat-dropdown-container,#notification-dropdown-container{position:fixed;top:70px;right:1rem;left:1rem;bottom:1rem;z-index:1001}.chat-dropdown,.notification-dropdown{width:100%;max-height:60vh;border-radius:1rem;box-shadow:0 20px 60px rgba(0,0,0,.2),0 10px 30px rgba(0,0,0,.15);transform:translateY(0);transition:transform .3s ease-out}#chat-dropdown-container.hide .chat-dropdown,#notification-dropdown-container.hide .notification-dropdown{transform:translateY(20px)}.chat-empty img,.notification-empty img{max-width:300px}}@media (max-width:480px){#chat-dropdown-container,#notification-dropdown-container{right:.75rem;left:.75rem;bottom:.75rem}}@media (max-width:1024px) and (min-width:769px){.chat-dropdown,.notification-dropdown{width:360px}}@media (prefers-reduced-motion:reduce){.chat-bubble,.loading-spinner,.notification-bell,.view-all-link{transition:none;animation:none}}#account-switcher-modal-list{margin-bottom:12px}.account-switcher-row{display:flex;align-items:center;gap:4px;padding:0 4px 0 0}.account-switcher-row:hover{background-color:var(--lightest-gray-color)}.account-switcher-switch{flex:1 1 auto;display:flex;align-items:center;gap:10px;padding:10px 12px;background:0 0;border:0;cursor:pointer;color:var(--primary-text-color);text-align:left;line-height:normal;min-width:0}.account-switcher-switch:hover{background:0 0;transform:none;border-color:none}.account-switcher-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;background-color:var(--lightest-gray-color)}.account-switcher-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:var(--primary-light-text-color);font-size:.8rem}.account-switcher-username{flex:1 1 auto;min-width:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-switcher-unlink{flex:0 0 auto;padding:6px;background:0 0;border:0;color:var(--primary-light-text-color);cursor:pointer;border-radius:6px;opacity:0;transition:opacity .12s ease,background-color .12s ease,color .12s ease}.account-switcher-row:hover .account-switcher-unlink,.account-switcher-unlink:focus-visible{opacity:1}.account-switcher-unlink:hover{background-color:rgba(220,53,69,.1);color:#c92a3a}