.calendar-bar{height:96px;padding:calc(18px + env(safe-area-inset-top)) 16px 14px;align-items:center;background:linear-gradient(180deg,#171a22,#111318);border:0;position:relative}.calendar-bar .month-title{display:grid;gap:0;margin-right:auto;margin-left:8px}.calendar-bar .month-title small{color:#778196;font-size:12px;letter-spacing:1.5px}.calendar-bar .month-title h1{font-size:27px;font-weight:700;letter-spacing:-1px}.calendar-today{border:1px solid #30394a;border-radius:999px;background:#1b2130;color:#9fbaff;padding:8px 13px;font-size:12px}.workout-status-banner{display:flex;align-items:center;gap:14px;margin:10px 14px 16px;padding:16px;border:1px solid #272c36;border-radius:18px;background:#171a20}.workout-status-banner.active{border-color:#31538b;background:linear-gradient(135deg,#19243a,#151922)}.workout-status-banner>div{display:grid;gap:3px;min-width:0;margin-right:auto}.workout-status-banner small{color:#7990bb;font-size:11px}.workout-status-banner strong{font-size:18px}.workout-status-banner span{color:#8b929f;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workout-status-banner .pill{flex:0 0 auto;padding:11px 14px;background:#477bd9;color:#fff}.calendar-card{margin:0 12px 100px;overflow:hidden;border:1px solid #252a34;border-radius:20px;background:#13161c;box-shadow:0 14px 35px #0003}.calendar-caption{display:flex;align-items:end;justify-content:space-between;padding:18px 16px 13px}.calendar-caption strong{font-size:17px}.calendar-caption span{color:#6f7682;font-size:11px}.calendar-card .weekdays{grid-template-columns:repeat(7,1fr);height:38px;background:#101218;border-top:1px solid #222731}.calendar-card .weekdays span:first-child{display:none}.calendar-card .week{grid-template-columns:repeat(7,1fr);min-height:76px;border-color:#222731}.calendar-card .week>b{display:none}.calendar-card .day{min-height:76px;padding:8px 3px;border-color:#222731}.calendar-card .day span{margin:0 auto 6px;font-size:13px}.calendar-card .day i{border:0;border-radius:5px;background:#263a62;color:#bcd0ff;padding:3px;text-align:center;font-size:9px}.calendar-card .day small{color:#7e899d;text-align:center;font-size:9px}.calendar-card .day.today span{background:#4b7ddd;box-shadow:0 0 0 4px #263858}.calendar-card .day.future{opacity:.23}.calendar-card .day.other{opacity:.2}@media(max-width:380px){.workout-status-banner{margin-inline:10px;padding:14px}.calendar-card{margin-inline:8px}.calendar-caption span{display:none}.calendar-card .week{min-height:70px}.calendar-card .day{min-height:70px}}