.attendance-float{position:fixed;z-index:22;left:20px;bottom:20px;width:44px;height:44px;color:var(--accent);filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.attendance-float-count{position:relative;z-index:2;width:44px;height:44px;border:1px solid var(--accent);border-radius:3px;display:grid;place-items:center;background:#0a0c10;color:var(--accent);font:700 16px/1 Space Grotesk;box-shadow:inset 0 0 16px color-mix(in srgb,var(--accent) 7%,transparent)}.attendance-float-count:before,.attendance-float-count:after{content:"";position:absolute;width:7px;height:7px}.attendance-float-count:before{top:3px;left:3px;border-top:1px solid var(--accent);border-left:1px solid var(--accent)}.attendance-float-count:after{right:3px;bottom:3px;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent)}.attendance-float-label{position:absolute;z-index:1;left:21px;top:3px;height:38px;padding:0 14px 0 31px;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-left:0;border-radius:0 4px 4px 0;background:rgba(8,10,14,.96);color:#f0f2f5;display:flex;align-items:center;white-space:nowrap;font:700 8px/1.3 Space Grotesk;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;transform:translateX(-24px);transform-origin:left center;pointer-events:none;transition:opacity .35s ease,transform .6s cubic-bezier(.18,.8,.2,1)}.attendance-float.show-label .attendance-float-label{opacity:1;transform:translateX(0)}
@media(max-width:700px){.attendance-float{left:14px;bottom:calc(16px + env(safe-area-inset-bottom))}.attendance-float-label{max-width:calc(100vw - 78px);font-size:7px}}
@media(prefers-reduced-motion:reduce){.attendance-float-label{transition:none}}