.server-list{background:#152331;background:-webkit-linear-gradient(to right,#000,#152331);border-right:.3px solid var(--color-border,#e5e1e6);background:linear-gradient(90deg,#000,#152331);flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;width:56px;padding:.75rem .5rem;display:flex}.server-list--top{border-right:none;border-bottom:.3px solid var(--color-border,#e5e1e6);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;min-height:72px;padding:.55rem .75rem;display:grid;overflow:visible}.server-list__spacer{grid-column:1;min-width:1px}.server-list__items{flex-direction:column;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.server-list--top .server-list__items{padding-bottom:0;flex-flow:wrap;grid-column:2;justify-content:center;align-items:center;gap:12px;max-width:100%;padding-block:6px;overflow:visible}.server-list__dock-item{--dock-scale:1;--dock-lift:0px;--dock-z:1;width:44px;height:56px;z-index:var(--dock-z);justify-content:center;align-items:center;margin-inline:-2px;display:flex}.server-list__actions{flex-shrink:0;align-items:center;padding-left:0;display:flex}.server-list--top .server-list__actions{grid-column:3;justify-content:flex-end;margin-left:0;padding-left:.75rem}.server-list--top .server-list__actions:before{content:"";background:#ffffff24;border-radius:999px;width:1px;height:36px;margin-right:.75rem;display:block}.server-list__item{color:#fffffff2;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.1rem;font-weight:600;transition:transform 80ms,border-radius .15s,background .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.server-list__item--dragging{cursor:grabbing;box-shadow:0 12px 28px #10182847}.server-list__item:hover{background:#3498dbd9;border-radius:14px;transform:translateY(-2px);box-shadow:0 8px 18px #1018282e}.server-list--top .server-list__dock-item .server-list__item{transform:translateY(calc(-1*var(--dock-lift)))scale(var(--dock-scale));transform-origin:50% 100%;will-change:transform;transition:transform .5s cubic-bezier(.16,1,.3,1),border-radius .16s,background .15s,box-shadow .15s}.server-list--top .server-list__dock-item .server-list__item:hover{transform:translateY(calc(-1*var(--dock-lift)))scale(var(--dock-scale))}.server-list__item--active{background:#3498dbf2;border-radius:14px}.server-list__icon{object-fit:cover;object-position:center;border-radius:inherit;width:100%;height:100%;display:block}.server-list__letter{line-height:1}.server-list__add{color:#fffffff2;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;line-height:1;transition:transform 80ms,border-radius .15s,background .15s,color .15s;display:flex}.server-list__plus-icon{flex-shrink:0;display:block}.server-list__add:hover{color:#fff;background:#ffffff29;border-radius:14px;transform:scale(1.06)}.server-list__tooltip{opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;color:#fffffff2;z-index:20;background:#0f141ae0;border:1px solid #ffffff24;border-radius:10px;max-width:240px;padding:.35rem .55rem;font-size:.8rem;font-weight:600;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 10px);left:50%;overflow:hidden;transform:translate(-50%)translateY(-2px);box-shadow:0 12px 34px #00000038}.server-list__item:hover .server-list__tooltip{opacity:1;transform:translate(-50%)translateY(0)}.server-list--top .server-list__tooltip{top:calc(100% + 9px)}@media (max-width:640px){.server-list--top{border-radius:var(--radius)}}
.channel-list{background:0 0;border-right:none;flex-direction:column;flex-shrink:0;gap:.25rem;width:240px;padding:.75rem .5rem;display:flex}.channel-list__title{text-transform:uppercase;color:var(--color-muted,#666);letter-spacing:.08em;padding:.25rem .75rem .35rem;font-size:.75rem;font-weight:600}.channel-list__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.channel-list__create-btn{width:28px;height:28px;box-shadow:none;cursor:pointer;color:var(--color-primary,#3498db);background:#3498db2e;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;padding:0;transition:background .15s,transform 80ms;display:inline-flex}.channel-list__plus-icon{flex-shrink:0;display:block}.channel-list__create-btn:hover{background:#3498db47;transform:translateY(-1px)}.channel-list__items{margin:0;padding:0;list-style:none}.channel-list__item{text-align:left;cursor:pointer;width:100%;color:var(--color-dark,#333);background:0 0;border:none;border-radius:12px;padding:.55rem .75rem;font-size:.95rem;transition:background .15s,color .15s,transform 80ms;display:block}.channel-list__item:hover{background:#3498db1a}.channel-list__item--active{color:var(--color-primary,#3498db);background:#3498db29;font-weight:600}.channel-list__item-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.channel-list__create{background:var(--color-primary,#3498db);color:#fff;cursor:pointer;border:none;border-radius:12px;width:calc(100% - 1rem);margin:.5rem .5rem 0;padding:.6rem .75rem;font-size:.9rem;box-shadow:0 10px 18px #3498db2e}.channel-list__create:hover{opacity:.9}.context-menu{z-index:9999;border:1px solid var(--color-border,#d0d5dd);background:#121820fa;border-radius:10px;min-width:220px;padding:.35rem;position:fixed;box-shadow:0 12px 30px #00000047}.context-menu__item{text-align:left;color:#f8fafc;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:.5rem .6rem;font-size:.88rem;display:block}.context-menu__item:hover{background:#ffffff17}@media (max-width:640px){.channel-list{border-right:none;border-bottom:1px solid var(--color-border,#e0e0e0);flex-wrap:wrap;align-items:center;gap:.25rem;width:100%;padding:.5rem .75rem;display:flex}.channel-list__header{width:100%}.channel-list__title{width:100%;margin:0;padding:0 0 .25rem}.channel-list__items{flex-wrap:wrap;gap:.25rem;display:flex}.channel-list__items li{display:inline}.channel-list__item{border-radius:6px;width:auto;padding:.35rem .6rem;display:inline-block}.channel-list__create{display:none}.channel-list__create-btn{margin-left:auto}}