.rail{width:64px;flex:none;height:100vh;position:-webkit-sticky;position:sticky;top:0;z-index:40;background:#fbfbfc;border-right:1px solid var(--bw-border);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:2px;box-sizing:border-box}.rail-logo{width:32px;height:32px;margin-bottom:16px;flex:none}.rail-item{position:relative;width:52px;height:52px;flex:none;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--bw-text-3);border:none;background:none;cursor:pointer;text-decoration:none;font-family:inherit}.rail-label{font-size:10px;line-height:1;font-weight:500}.rail-item.active .rail-label{font-weight:600}.rail-divider{width:44px;height:1px;flex:none;background:var(--bw-border);margin:6px 0}.rail-item.active{background:var(--bw-primary-soft);color:var(--bw-primary)}.rail-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--bw-radius-full);background:var(--bw-danger);font-size:9px;place-items:center;border:1.5px solid #fbfbfc}.rail-avatar,.rail-badge{color:#fff;font-weight:700;display:grid}.rail-avatar{width:32px;height:32px;border-radius:var(--bw-radius-full);background:var(--bw-primary);place-items:center;font-size:12px;padding:0;line-height:1;white-space:nowrap;overflow:hidden;flex:none}@media (max-width:767px){.rail{width:100%;height:auto;position:fixed;top:auto;bottom:0;left:0;right:0;z-index:50;flex-direction:row;justify-content:space-around;align-items:center;gap:0;border-right:none;border-top:1px solid var(--bw-border);padding:6px 4px calc(6px + env(safe-area-inset-bottom, 0px))}.rail-divider,.rail-logo,.rail-spacer{display:none}.rail>*{flex:1 1;min-width:0}.rail-item{width:auto}.rail-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-avatar{margin:0 auto}body{--bw-rail-bottom:calc(56px + env(safe-area-inset-bottom, 0px));padding-bottom:var(--bw-rail-bottom)}}