body{padding-left:100px}
.rail-shell{--rail-small:100px;--rail-wide:270px;position:fixed;inset:0 auto 0 0;width:var(--rail-small);z-index:100;transition:width .28s ease}
.rail-shell[data-open=true]{width:var(--rail-wide)}
.rail-shell .server-rail{position:absolute;inset:0;width:100%;padding:20px 12px 65px;display:flex;align-items:stretch;gap:14px;overflow-x:hidden;overflow-y:auto;transform:none;transition:box-shadow .28s;background:#0d0e0ff5;box-shadow:none}
.rail-shell[data-open=true] .server-rail{box-shadow:15px 0 45px #0007}
.rail-shell .rail-home{display:flex;align-items:center;justify-content:flex-start;width:100%;height:76px;flex-shrink:0;padding:0 3px}
.rail-shell .rail-home img{width:70px;height:70px;flex-shrink:0}
.rail-shell .rail-line{width:100%;height:1px;margin:2px 0 8px;flex-shrink:0}
.rail-shell .server-link{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;width:100%;min-height:80px;padding:5px 3px;flex-shrink:0;border-radius:9px;transition:background .2s}
.rail-shell .server-link img{width:70px;height:70px;flex-shrink:0;opacity:1;filter:none}
.rail-shell .server-link span{font-size:13px;line-height:1.4;text-align:left;white-space:nowrap;opacity:0;transform:translateX(-8px);transition:opacity .18s,transform .25s;pointer-events:none}
.rail-shell[data-open=true] .server-link span{opacity:1;transform:translateX(0);transition-delay:.08s}
.rail-shell .server-link:hover,.rail-shell .server-link[aria-current]{background:#ffffff07}
.rail-shell .server-link[aria-current]:before{left:-12px;top:20px;width:3px;height:40px}
.rail-shell .server-link:hover img,.rail-shell .server-link[aria-current] img{transform:scale(1.04)}
.rail-shell .rail-caption{display:none}
.rail-toggle{position:absolute;bottom:12px;left:calc(var(--rail-small)/2 - 18px);width:36px;height:32px;padding:0;border:1px solid #ffffff20;border-radius:6px;background:#17191b;color:var(--accent-light,#ffa064);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:left .28s,background .2s;z-index:1}
.rail-shell[data-open=true] .rail-toggle{left:calc(var(--rail-wide) - 48px)}
.rail-chevron{font:25px Arial,sans-serif;line-height:1;transition:transform .28s}
.rail-shell[data-open=true] .rail-chevron{transform:rotate(180deg)}
.rail-toggle-label{display:none}.rail-toggle:hover{background:#292c30}.rail-toggle:focus-visible{outline:2px solid var(--accent,#ff8225);outline-offset:2px}
@media(max-width:600px){body{padding-left:78px}.rail-shell{--rail-small:78px;--rail-wide:240px}.rail-shell .server-rail{padding:16px 9px 60px;gap:13px}.rail-shell .rail-home{height:60px;padding:0 3px}.rail-shell .rail-home img{width:54px;height:54px}.rail-shell .server-link{min-height:65px;padding:5px 3px;gap:17px}.rail-shell .server-link img{width:54px;height:54px}.rail-shell .server-link span{font-size:12px}.rail-shell .server-link[aria-current]:before{left:-9px;top:16px;height:33px}}
@media(prefers-reduced-motion:reduce){.rail-shell,.rail-shell .server-rail,.rail-toggle,.rail-chevron,.rail-shell .server-link span{transition:none}}
.rail-shell .rail-home{gap:20px}
.rail-shell .rail-home span{font-size:13px;font-weight:800;letter-spacing:1px;white-space:nowrap;opacity:0;transform:translateX(-8px);transition:opacity .18s,transform .25s;pointer-events:none}
.rail-shell[data-open=true] .rail-home span{opacity:1;transform:translateX(0);transition-delay:.08s}
@media(max-width:600px){.rail-shell .rail-home{gap:17px}.rail-shell .rail-home span{font-size:12px}}