.hp{width:19em;margin:0 auto}.hp__screen{display:flex;flex-direction:column;height:37em;padding:.9em 1em 1em}.hp__status{display:flex;justify-content:space-between;padding:0 .6em;color:var(--ui-text-highlighted);font-size:.8em;font-weight:600}.hp__status-icons{display:inline-flex;gap:.3em}.hp__head{display:flex;align-items:center;justify-content:space-between;gap:.5em;margin-top:1.6em}.hp__month{color:var(--ui-text-highlighted);font-size:1.7em;font-weight:700;letter-spacing:-.01em}.hp__sync{display:inline-flex;align-items:center;gap:.3em;color:var(--ui-text-muted);font-size:.72em;opacity:0}.hp__week{display:grid;grid-template-columns:repeat(7,1fr);margin-top:.7em;padding-bottom:.7em;border-bottom:1px solid var(--ui-border);text-align:center;font-size:.8em}.hp__weekday{display:flex;flex-direction:column;align-items:center;gap:.25em}.hp__weeknum{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;color:var(--ui-text-highlighted);font-weight:600}.hp__weeknum--today{background:var(--rp-club);color:var(--ui-bg)}.hp__agenda{display:flex;flex:1;flex-direction:column;gap:.75em;margin-top:.8em;overflow:hidden}.hp__daylabel{margin-bottom:.35em;color:var(--ui-text-muted);font-size:.75em;font-weight:600}.hp__day{display:flex;flex-direction:column;gap:.3em}.hp__ev{font-size:.88em}.hp__ev-row{display:flex;justify-content:space-between;gap:.5em;font-weight:600}.hp__ev-time{flex:none;color:var(--ui-text-muted);font-weight:500}.hp__ev-place{font-size:.9em}.hp__ev-place,.hp__legend{color:var(--ui-text-muted)}.hp__legend{display:flex;justify-content:center;gap:1.2em;padding-top:.7em;border-top:1px solid var(--ui-border);font-size:.75em}.hp__legend span{display:inline-flex;align-items:center;gap:.35em}.hp__dot{width:.7em;height:.7em;border-radius:50%;background:var(--rp-club)}.hp__dot--private{background:var(--ui-secondary)}.rp--playing .hp__ev--club{animation:hp-arrive 12s cubic-bezier(.16,1,.3,1) infinite both;animation-delay:calc(1.2s + var(--i)*.55s)}.rp--playing .hp__sync{animation:hp-sync 12s ease infinite both}.rp--playing .hp__sync-icon{animation:hp-spin 1s linear infinite}@keyframes hp-arrive{0%{opacity:0;transform:translate(1.2em)}6%,84%{opacity:1;transform:none}90%,to{opacity:0;transform:none}}@keyframes hp-sync{0%,4%{opacity:0}30%,8%{opacity:1}36%,to{opacity:0}}@keyframes hp-spin{to{transform:rotate(1turn)}}