:root{--srv-ease: cubic-bezier(.22, 1, .36, 1);--srv-ease-time: .4s;--folder-orange: #ff9800;--folder-blue: #2196f3;--folder-purple: #9b59b6;--folder-pink: #e91e63;--folder-teal: #009688;--folder-cyan: #00bcd4;--folder-lime: #af0;--folder-indigo: #3f51b5;--folder-violet: #673ab7;--folder-coral: #ff5722}.server-icon:before,.server-folder-icon:before,#feed-home-btn:before{content:"";position:absolute;left:-10px;top:50%;width:4px;height:0;margin-top:0;border-radius:0 var(--radius) var(--radius) 0;background:var(--text);opacity:0;pointer-events:none;transition:height var(--srv-ease-time) var(--srv-ease),margin-top var(--srv-ease-time) var(--srv-ease),opacity .2s ease}.server-icon.has-unread:before,.server-folder-icon.has-unread:before,#feed-home-btn.has-unread:before{height:8px;margin-top:-4px;opacity:1}@media(hover:hover){.server-icon:hover:before,.server-folder-icon:hover:before{height:20px;margin-top:-10px;opacity:1}}.server-icon.active:before,.server-folder:not(.open):has(.server-icon.active)>.server-folder-icon:before{height:40px;margin-top:-20px;opacity:1}.server-folder-icon:before{left:-11px}.server-folder.open>.server-folder-icon:before{left:-16px}.server-folder-servers .server-icon:before{left:-15px}.server-folder-servers .server-icon.active:before{height:28px;margin-top:-14px}#server-list .server-icon.dragging:before{opacity:0}#feed-home-btn{position:relative}@media(hover:hover){#feed-home-btn.has-unread:hover:before{height:20px;margin-top:-10px}}.srv-badge{position:absolute;bottom:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;border:3px solid var(--bg-darkest);box-sizing:content-box;font-size:11px;font-weight:700;line-height:18px;text-align:center;font-variant-numeric:tabular-nums;z-index:2;pointer-events:none}.srv-badge.pop{animation:srv-badge-in var(--srv-ease-time) var(--srv-ease)}.srv-badge:empty{min-width:10px;height:10px;padding:0;border-radius:50%}.srv-badge.srv-badge-unread{background:var(--text-dim);color:var(--bg-darkest)}.srv-badge.bump{animation:srv-badge-bump var(--srv-ease-time) var(--srv-ease)}.server-folder-servers .srv-badge{bottom:-5px;right:-5px}@keyframes srv-badge-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes srv-badge-bump{0%{transform:scale(.7)}to{transform:scale(1)}}.server-icon.srv-muted>img{transition:opacity .2s ease}.server-icon.srv-muted:not(.active):not(:hover):not(:focus-visible)>img{opacity:.4}.server-icon.srv-muted:not(.active):not(:hover):not(:focus-visible){color:var(--text-dim)}.server-folder.closing .server-folder-servers{display:flex}.server-folder{--folder-color: var(--accent)}.server-folder[data-color=red]{--folder-color: var(--danger)}.server-folder[data-color=orange]{--folder-color: var(--folder-orange)}.server-folder[data-color=yellow]{--folder-color: var(--warning)}.server-folder[data-color=green]{--folder-color: var(--success)}.server-folder[data-color=blue]{--folder-color: var(--folder-blue)}.server-folder[data-color=purple]{--folder-color: var(--folder-purple)}.server-folder[data-color=pink]{--folder-color: var(--folder-pink)}.server-folder[data-color=gray]{--folder-color: var(--text-dim)}.server-folder[data-color=teal]{--folder-color: var(--folder-teal)}.server-folder[data-color=cyan]{--folder-color: var(--folder-cyan)}.server-folder[data-color=lime]{--folder-color: var(--folder-lime)}.server-folder[data-color=indigo]{--folder-color: var(--folder-indigo)}.server-folder[data-color=violet]{--folder-color: var(--folder-violet)}.server-folder[data-color=coral]{--folder-color: var(--folder-coral)}.server-folder-icon,.server-folder.open{border-color:var(--folder-color)}.server-folder.open>.server-folder-icon{border-color:transparent}.server-folder:not(.open):has(.server-icon.active)>.server-folder-icon{background:var(--folder-color)}.folder-swatches{display:grid;grid-template-columns:repeat(5,24px);gap:6px;padding:2px}.folder-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;background:var(--sw);cursor:pointer;padding:0;transition:transform .3s var(--srv-ease)}.folder-swatch:hover,.folder-swatch:focus-visible{transform:scale(1.15)}.folder-swatch.selected{border-color:var(--text)}.folder-hex{display:flex;align-items:center;gap:6px;margin-top:8px;padding:2px}.folder-hex-chip{width:24px;height:24px;flex-shrink:0;border-radius:50%;border:2px dashed var(--border);box-sizing:border-box;transition:background .15s ease}.folder-hex-chip.set{border-style:solid;border-color:transparent}.folder-hex-input{width:0;flex:1;min-width:0;height:28px;padding:0 8px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-mid);color:var(--text);font-family:var(--mono);font-size:13px}.folder-hex-input:focus{outline:none;border-color:var(--accent)}.folder-hex-input.invalid{border-color:var(--danger);animation:folder-hex-shake .3s}.folder-hex-set{height:28px;padding:0 10px;border:none;border-radius:var(--radius);background:var(--accent);color:var(--button-text);font-size:12px;font-weight:600;cursor:pointer}.folder-hex-set:hover{background:var(--accent-hover)}@keyframes folder-hex-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}#srv-tip{position:fixed;z-index:3000;left:0;top:0;max-width:240px;padding:6px 10px;border-radius:var(--radius-lg);background:var(--bg-dark);color:var(--text);border:1px solid var(--bg-light);box-shadow:var(--shadow);font-size:13px;line-height:1.35;pointer-events:none;opacity:0;transform:translate(-6px,-50%) scale(.92);transform-origin:left center;transition:opacity .12s ease,transform .35s var(--srv-ease)}#srv-tip.show{opacity:1;transform:translateY(-50%) scale(1)}#srv-tip:before{content:"";position:absolute;left:-5px;top:50%;width:8px;height:8px;margin-top:-4px;background:var(--bg-dark);border-left:1px solid var(--bg-light);border-bottom:1px solid var(--bg-light);transform:rotate(45deg)}#srv-tip .srv-tip-name{font-weight:700;overflow-wrap:anywhere}#srv-tip .srv-tip-line{font-size:12px;color:var(--text-muted)}#srv-tip .srv-tip-line.mention{color:var(--danger);font-weight:600}#srv-tip .srv-tip-line.live{color:var(--danger)}#dm-unread-stack{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;width:100%}#dm-unread-stack:empty{display:none}.dm-stack-item{position:relative;width:44px;height:44px;border-radius:50%;background:var(--bg-mid);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;flex-shrink:0;user-select:none;transition:border-radius .2s,background .2s}.dm-stack-item.pop{animation:srv-badge-in var(--srv-ease-time) var(--srv-ease)}.dm-stack-item img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.dm-stack-item:hover{border-radius:var(--radius-lg)}.dm-stack-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dm-stack-sep{width:32px;height:2px;border-radius:1px;background:var(--bg-active);flex-shrink:0}#sidebar-logo .srv-badge{bottom:2px;right:6px}#server-sidebar{position:relative}.srv-more{position:absolute;left:50%;z-index:3;padding:2px 7px;border:none;border-radius:10px;background:var(--text);color:var(--bg-darkest);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translate(-50%) scale(.6);transition:opacity .15s ease,transform var(--srv-ease-time) var(--srv-ease)}.srv-more.mention{background:var(--danger);color:#fff}.srv-more.show{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}.srv-more:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.server-icon:before,.server-folder-icon:before,#feed-home-btn:before,.folder-swatch,#srv-tip,.srv-more{transition:none}.srv-badge.pop,.srv-badge.bump,.dm-stack-item.pop,.folder-hex-input.invalid{animation:none}}