.calendar-heading{display:flex;align-items:end;justify-content:space-between}.month-nav{display:flex;gap:7px}.month-nav button{width:36px;height:36px;border:1px solid var(--line);background:#fffefa;border-radius:9px;font-size:18px;cursor:pointer}.calendar-key{display:flex;gap:18px;margin-top:15px;font-size:12px;color:var(--muted)}.calendar-key i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.routine-dot{background:#a8bf9d}.single-dot{background:#e2a986}.day.other-month{color:#c7c9c3;background:#fcfbf8}.event.routine-event{background:#dce7d4}.event.single-event{background:#f3d4c4}.event{cursor:default}.event.routine-event:before{content:'↻ ';font-size:9px}@media(max-width:700px){.calendar-heading{margin-top:30px}.calendar-heading h1{font-size:40px}.month-nav{margin-bottom:8px}.calendar-key{gap:10px}}