.guilds{overflow-x:visible;overflow-y:auto}.gbtn{position:relative;overflow:visible!important}.gbtn>img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;pointer-events:none}.guild-unread-indicator{position:absolute;top:auto;bottom:-3px;right:-3px;min-width:16px;height:16px;padding:0 4px;background:#f04747;border-radius:999px;border:3px solid var(--bg-4, #1a1f2e);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 6px #00000073;z-index:30;animation:ackBounce .3s ease-out;line-height:1;pointer-events:none}.guild-unread-indicator:not(.has-count){min-width:12px;height:12px;padding:0;inset:50% auto auto -4px;transform:translateY(-50%);background:#fff;border:none;box-shadow:none}.guild-unread-indicator.has-count{background:#f04747;color:#fff;min-width:20px;height:20px;padding:0 5px;font-size:11px;border-radius:999px;box-shadow:0 4px 12px #f0474773}.gbtn.has-unread{box-shadow:none;transform:none}.gbtn.has-unread img{filter:none}.gbtn.has-unread:after{display:none}.channel-item{position:relative;display:flex;align-items:center;padding:6px 8px;margin:1px 0;border-radius:4px;color:#b9bbbe;cursor:pointer;transition:all .15s ease}.channel-item:hover{background-color:#40444b;color:#dcddde}.channel-item.selected{background-color:#1dd1a1;color:#fff}.ch-item.has-unread{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:500;border-radius:8px;box-shadow:0 2px 10px #667eea4d;transform:translate(4px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ch-item.has-unread:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.ch-item.has-unread:hover{background:linear-gradient(135deg,#7c3aed,#06b6d4,#10b981);box-shadow:0 4px 20px #7c3aed66;transform:translate(8px) scale(1.02)}.ch-item.has-unread:hover:before{left:100%}.ch-item.has-unread .channel-name{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.channel-name{flex:1;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-badge{background-color:#f04747;color:#fff;font-size:12px;font-weight:700;padding:0 8px;min-width:22px;height:20px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;box-shadow:0 4px 12px #f0474766;animation:mention-pulse .3s ease}@keyframes mention-pulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.mention-badge.mention-count-high{background-color:#ed4245;font-size:11px;padding:0 5px}.unread-divider{position:relative;margin:24px 0;padding:0;display:flex;align-items:center;font-size:12px;font-weight:600;color:#f04747;z-index:1}.unread-divider:before{content:"";flex:1;height:1px;background-color:#f04747;margin-right:4px}.unread-divider:after{content:"";flex:1;height:1px;background-color:#f04747;margin-left:4px}.unread-divider-text{padding:2px 4px;background-color:#36393f;font-size:12px;font-weight:600;color:#f04747;text-transform:uppercase}.channel-unread-banner{position:sticky;top:12px;z-index:5;margin:8px 12px 12px;padding:10px 14px;display:none;align-items:center;gap:12px;border-radius:10px;border:1px solid rgba(240,71,71,.35);background:linear-gradient(135deg,#f0474729,#f0474714);color:#fde8e9;backdrop-filter:blur(6px);box-shadow:0 8px 20px #00000040}.channel-unread-banner.is-visible{display:flex}.channel-unread-banner__text{flex:1;font-size:13px;font-weight:600;letter-spacing:.2px}.channel-unread-banner__action{border:1px solid rgba(240,71,71,.4);background:#f0474738;color:#fff;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}.channel-unread-banner__action:hover{background:#f047474d;transform:translateY(-1px)}.channel-unread-banner__action:active{transform:translateY(0)}.channel-unread-banner__action:disabled,.channel-unread-banner__action[disabled]{opacity:.6;cursor:default;transform:none}.channel-unread-banner__action:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.unread-target-highlight{animation:unread-target-pulse 1.2s ease}@keyframes unread-target-pulse{0%{box-shadow:0 0 #f0474773}70%{box-shadow:0 0 0 12px #f0474700}to{box-shadow:0 0 #f0474700}}.message.mentions-me,.msg.mentions-me{background-color:#faa61a0d;border-left:4px solid #faa61a;margin-left:-4px;padding-left:8px;animation:mention-glow .5s ease}@keyframes mention-glow{0%{background-color:#faa61a33}to{background-color:#faa61a0d}}.mention{background-color:#5865f24d;color:#dee0fc;padding:0 2px;border-radius:3px;font-weight:500}.mention:hover{background-color:#5865f2;color:#fff}.mention.mention--channel{background-color:#43b5814d;color:#e5fff4}.mention.mention--channel:hover{background-color:#43b581;color:#0b0e14}.mention.mention--role{background-color:#f9a8d447;color:#ffe3f1}.mention.mention--role:hover{background-color:#f9a8d4;color:#2f1122}.guild-item{position:relative}.guild-badge{position:absolute;top:-2px;right:-2px;background-color:#f04747;color:#fff;font-size:10px;font-weight:600;padding:0 4px;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;border:2px solid #2f3136;z-index:2}.mark-as-read-btn{position:absolute;top:12px;right:12px;background-color:#4f545c;color:#dcddde;border:none;padding:4px 8px;font-size:12px;border-radius:3px;cursor:pointer;opacity:0;transition:all .2s ease}.channel-messages:hover .mark-as-read-btn{opacity:1}.mark-as-read-btn:hover{background-color:#1dd1a1;color:#fff}.channel-item.ack-loading{opacity:.6;pointer-events:none}.mention-badge.updating{animation:mention-loading 1s infinite}@keyframes mention-loading{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.mention-badge{font-size:11px;padding:0 4px;min-width:14px;height:14px}.unread-divider{margin:16px 0}.mark-as-read-btn{display:none}}@media (prefers-color-scheme: light){.channel-item{color:#4f5660}.channel-item:hover{background-color:#f2f3f5;color:#2e3338}.unread-divider-text{background-color:#fff}.message.mentions-me,.msg.mentions-me{background-color:#faa61a1a}}.channel-item:focus{outline:2px solid #1dd1a1;outline-offset:-2px}.mention-badge[aria-label]{cursor:help}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}