.bnw-attendance-rail{display:none}
@media(max-width:900px){
  .bnw-attendance-rail{position:fixed;right:0;top:58%;z-index:8800;width:54px;height:142px;margin:0;padding:0;border:0;border-radius:20px 0 0 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f766e,#14b8a6);color:#fff;box-shadow:-8px 14px 30px rgba(15,118,110,.28),inset 1px 0 rgba(255,255,255,.22);transform:translateY(-50%) translateX(0);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;overflow:hidden}
  .bnw-attendance-rail[hidden]{display:none!important}
  .bnw-attendance-rail:active{transform:translateY(-50%) translateX(3px);box-shadow:-4px 9px 20px rgba(15,118,110,.24)}
  .bnw-attendance-rail[data-tone="out"]{background:linear-gradient(180deg,#1d4ed8,#4f46e5);box-shadow:-8px 14px 30px rgba(79,70,229,.28),inset 1px 0 rgba(255,255,255,.22)}
  .bnw-attendance-rail-icon{position:absolute;top:11px;left:50%;display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:rgba(255,255,255,.18);font-size:18px;font-weight:900;transform:translateX(-50%);backdrop-filter:blur(6px)}
  .bnw-attendance-rail-label{position:absolute;left:50%;top:52%;font-size:15px;font-weight:900;letter-spacing:.02em;white-space:nowrap;transform:translate(-50%,-50%) rotate(-90deg);text-shadow:0 1px 2px rgba(0,0,0,.16)}
  .bnw-attendance-rail-arrow{position:absolute;bottom:10px;left:50%;font-size:21px;line-height:1;transform:translateX(-50%);opacity:.9}
}
@media(max-width:430px){.bnw-attendance-rail{width:50px;height:136px;border-radius:18px 0 0 18px}.bnw-attendance-rail-label{font-size:14px}}
@media(prefers-reduced-motion:reduce){.bnw-attendance-rail{transition:none!important}}