#serversSidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:0;min-height:0;width:72px;flex-shrink:0;overflow:visible}#serversTop{width:100%;display:flex;flex-direction:column;align-items:center;gap:0;min-height:0;flex:1;overflow:visible}#serversTopHeader{width:100%;display:flex;flex-direction:column;align-items:center;gap:0;flex-shrink:0;margin-bottom:8px}#serversScroll{flex:1;width:100%;overflow-y:auto;overflow-x:visible;min-height:0;padding:10px 8px 0 8px}#serversScroll::-webkit-scrollbar{width:0}#serversScroll::-webkit-scrollbar-track{background:transparent}#serversScroll::-webkit-scrollbar-thumb{background:transparent}#servers{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center;padding:0;overflow:visible}#serversBottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:auto;flex-shrink:0;padding:8px;border-top:2px solid var(--bg-secondary,#2b2d31);overflow:visible}#goHome{width:48px;height:48px;background:var(--bg-secondary,#313338);border-radius:50%;display:grid;place-items:center;font-weight:700;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);border:none;color:var(--text-primary,#f2f3f5);overflow:visible;position:relative;margin-bottom:8px}#goHome:hover{border-radius:16px;background:var(--accent-color,#5865f2)}#goHome img{width:28px;height:28px;object-fit:contain}#serversTopHeader .h-px{height:2px;width:32px;background:var(--bg-secondary,#2b2d31);margin:8px 0;border-radius:1px}.server-button{width:56px;height:56px;background:var(--bg-secondary,#313338);border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);border:none;color:var(--text-primary,#f2f3f5);font-size:18px;position:relative;overflow:visible}.server-button:hover{border-radius:16px;background:var(--accent-color,#5865f2)}.server-button.active,.server-button.server-active{border-radius:16px;box-shadow:0 0 0 3px var(--accent-color,#5865f2)}.server-button:hover{box-shadow:0 0 0 2px rgba(99,102,241,0.5)}.server-icon{width:48px;height:48px;border-radius:50%;object-fit:cover;transition:border-radius 0.2s cubic-bezier(0.4,0,0.2,1)}.server-button:hover .server-icon,.server-button.active .server-icon{border-radius:16px}.server-button img{width:48px;height:48px;border-radius:50%;object-fit:cover;transition:border-radius 0.2s cubic-bezier(0.4,0,0.2,1)}.server-button:hover img,.server-button.active img{border-radius:16px}.server-button div{width:48px;height:48px;border-radius:50%;transition:border-radius 0.2s cubic-bezier(0.4,0,0.2,1);background:var(--bg-secondary,#313338);color:var(--text-primary,#f2f3f5);display:grid;place-items:center;font-weight:600;font-size:18px}.server-button:hover div,.server-button.active div{border-radius:16px;background:var(--accent-color,#5865f2);color:#ffffff}.server-button.liquid-glass{background:var(--bg-secondary,#313338);backdrop-filter:none;border:none}.server-button.liquid-glass:hover{background:var(--accent-color,#5865f2);border:none}#createServerMenu{position:absolute;left:calc(100% + 8px);top:0;width:192px;z-index:99999}#createServerMenu.hidden{display:none}#createServerMenu .flex{display:flex;flex-direction:column;background:var(--bg-surface,#2b2d31);border:1px solid var(--border-color,rgba(255,255,255,0.1));padding:8px;border-radius:8px;box-shadow:0 8px 24px var(--shadow-color,rgba(0,0,0,0.5))}#createServerMenu button{text-align:left;padding:8px 12px;border-radius:6px;transition:all 0.2s}#createServerMenu button:hover{background:var(--hover-accent,rgba(99,102,241,0.2))}@keyframes serverSlideIn{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){#serversSidebar{display:none}#serversSidebar.open{display:flex;position:fixed;left:0;top:0;bottom:0;z-index:1002;box-shadow:4px 0 12px var(--shadow-color,rgba(0,0,0,0.5))}}.fade-in{animation:fadeIn 0.3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.slide-in{animation:slideIn 0.3s ease-out}@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.server-notification{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--danger-color,#f23f43);border:3px solid var(--bg-primary,#1e1f22);border-radius:12px;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 0 1px var(--bg-primary,#1e1f22)}.server-status{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:3px solid var(--bg-primary,#1e1f22);background:var(--status-online,#23a55a);z-index:2}.server-status.offline{background:var(--status-offline,#80848e)}