body{-webkit-tap-highlight-color:transparent;background-color:var(--bg);color:var(--text);cursor:default;font-family:var(--textFont);line-height:1;margin:0;user-select:none}::-webkit-scrollbar{display:none}.scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.switch{border-radius:50%;cursor:pointer;font-family:var(--iconFont);font-size:1rem;padding:.5rem;position:absolute;right:.5rem;top:.5rem;transition-duration:var(--transition);transition-property:background-color}@media (min-width:1200px){.switch{display:none}}.switch:hover{background-color:var(--hoverBg)}.switch:active{scale:var(--activeScale)}.log{transition-duration:var(--transition);transition-property:opacity}@media (min-width:1200px){.status:hover+.log{opacity:.3}}.log-table{box-sizing:border-box;font-size:var(--tableFont);max-height:100vh;min-width:100vw;overflow-y:auto;padding:.25rem;position:relative;scroll-snap-align:start}@media (min-width:1200px){.log-table{min-width:70vw}}.log-heading{font-size:1em;margin-bottom:1.25em;margin-top:1.25em;text-align:center}.log-row{align-items:center;border-radius:.5em;box-sizing:border-box;display:flex;gap:.625em;height:2.5em;margin:auto;max-width:40em;padding-left:.75em;padding-right:.75em;transition-duration:var(--transition);transition-property:background-color,color}.log-row.current,.log-row:hover{background-color:var(--hoverBg)}.log-row.inactive{color:var(--textSemi)}.log-status{aspect-ratio:1/1;background-color:transparent;border-color:var(--grey);border-radius:50%;border-style:solid;border-width:.125em;box-sizing:border-box;display:block;min-width:.75em;transition-duration:var(--transition);transition-property:background-color,border-color}.log-status.tag{border-color:var(--green)}.log-status.blue{border-color:var(--blue)}.log-status.purple{border-color:var(--purple)}.log-row:not(.inactive) .log-status.tag{background-color:var(--green)}.log-row:not(.inactive) .log-status.blue{background-color:var(--blue)}.log-row:not(.inactive) .log-status.purple{background-color:var(--purple)}.log-name{flex:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-in,.log-out{flex:1;font-size:.75em;text-align:center}.log-in{color:var(--textIn)}.log-out{color:var(--textOut)}.log-row.inactive .log-in{color:var(--textInInactive)}.log-row.inactive .log-out{color:var(--textOutInactive)}@keyframes pulse{0%,to{opacity:.5;scale:1}50%{opacity:1;scale:.5}}.pulse{transition-duration:var(--transition);transition-property:opacity}.pulse.hide{opacity:0;pointer-events:none}.pulse:before{animation-duration:var(--blobDuration);animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;aspect-ratio:1/1;background-color:var(--blob);border-radius:50%;content:"";display:block;height:1rem;inset:0;margin:auto;position:fixed;z-index:20}.pulse.blue:before{background-color:var(--blue)}.pulse.purple:before{background-color:var(--purple)}@keyframes statusShow{0%{opacity:0;scale:.9375}to{opacity:1;scale:1}}@keyframes statusHide{0%{opacity:1;scale:1}to{opacity:0;scale:.9375}}.status{box-sizing:border-box;display:flex;height:100dvh;min-width:100vw;padding:.5rem;scroll-snap-align:start;transition-duration:var(--transition);transition-property:opacity}@media (min-width:1200px){.status{min-width:30vw;opacity:.3}.status:hover{opacity:1}}.status-card{align-items:center;animation-duration:var(--transition);animation-fill-mode:forwards;border-radius:1rem;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;position:relative;width:100vw}.status-card.show{animation-name:statusShow}.status-card.hide{animation-name:statusHide}.status-card.present{background-color:var(--green)}.status-card.confirm{background-color:var(--amber);color:var(--textInvert)}.status-card.absent{background-color:var(--grey)}.status-icon{font-family:var(--iconFont);font-size:5rem}.status-message{font-weight:700}.status-message,.status-time{text-wrap-style:balance;line-height:1.375;max-width:80%;text-align:center}.status-time{font-size:.875rem;margin-top:.5rem}.status-actions{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.status-button{background-color:transparent;border:none;border-radius:5rem;color:inherit;cursor:pointer;font-family:inherit;outline:none;padding:.75rem 1rem}.status-button:active{scale:var(--activeScale)}.status-button.leave{font-size:.75rem;opacity:.75;text-decoration:underline}.status-button.stay{font-size:1rem;font-weight:700}.status-button.confirm{background-color:var(--buttonBg);font-size:1.25rem;font-weight:700;padding-left:1.25rem;padding-right:1.25rem}[data-tooltip-left],[data-tooltip-right]{position:relative}[data-tooltip-left]:before,[data-tooltip-right]:before{background-color:var(--text);border-radius:5em;bottom:50%;color:var(--textInvert);font-family:var(--textFont);font-size:.75rem;font-weight:400;opacity:0;padding:.375em .5em;pointer-events:none;position:absolute;scale:.9375;text-transform:none;transition-duration:var(--transition);transition-property:opacity,scale,translate;translate:0 -.25em;white-space:nowrap}[data-tooltip-left]:before{content:attr(data-tooltip-left);right:0}[data-tooltip-right]:before{content:attr(data-tooltip-right);left:100%}[data-tooltip-left]:hover:before,[data-tooltip-right]:hover:before{opacity:1;scale:1;transition-delay:var(--transition);translate:0 0}:root{--tableFont:18px;--textFont:Jost,sans-serif;--iconFont:"Material Symbols Outlined";--activeScale:0.875;--transition:300ms;--bg:#000;--text:#fff;--textInvert:#000;--textSemi:#fff9;--buttonBg:#0002;--hoverBg:#fff2;--blobDuration:2s;--blob:#90a4ae;--blue:#7986cb;--purple:#9575cd;--green:#43a047;--amber:#ffb300;--grey:#546e7a;--textIn:#b2dfdb;--textOut:#ffccbc;--textInInactive:#b2dfdb99;--textOutInactive:#ffccbc99;font-size:24px}