.month-screen{max-width:650px;margin:auto;padding:30px 18px 110px}
.month-screen h1{font-size:clamp(32px,7vw,46px);margin:12px 0}
.month-intro{margin:0 0 22px;color:#8a7380}
.month-calendar{background:#fffcf8;border:1px solid #ead4df;border-radius:26px;padding:20px 12px;box-shadow:0 12px 35px #9c6b8010}
.month-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}
.month-toolbar h2{font-size:clamp(20px,5vw,28px);margin:0;text-align:center}
.month-arrow{border:1px solid #ead4df;background:#faf0f4;color:#85556b;border-radius:50%;width:42px;height:42px;font-size:23px;cursor:pointer;flex-shrink:0}
.month-weekdays,.month-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.month-weekdays{margin:23px 0 7px;color:#8a7380;font-size:11px;text-align:center}
.month-day{min-width:0;min-height:67px;border:1px solid transparent;border-radius:13px;padding:7px 1px;background:transparent;color:#685361;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px}
.month-day.has-activity{background:#f7edf3}
.month-day.is-today{border-color:#a96e8b}
.month-day:hover{background:#f0e5ed}
.month-day:focus-visible,.month-arrow:focus-visible{outline:3px solid #87566d;outline-offset:2px}
.month-number{font-size:14px}
.month-symbols{display:flex;gap:1px;align-items:center;justify-content:center;min-height:16px;flex-wrap:wrap}
.month-symbols svg{width:12px;height:12px}
.month-symbols small{font-size:9px}
.month-screen svg,.month-day-dialog svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.month-legend{display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:center;margin:18px 0 12px}
.month-legend span{display:flex;align-items:center;gap:5px;font-size:12px;color:#7e6374}
.month-legend svg{width:17px;height:17px}
.month-summary{text-align:center;font-size:14px;margin:14px 0 4px}
.month-actions{display:flex;justify-content:center;gap:25px;margin-top:14px}
.month-screen .month-small{font-size:12px;line-height:1.6;color:#907a85}
.month-day-dialog{width:min(540px,calc(100% - 24px));max-height:80dvh;border:1px solid #e6cfdd;border-radius:25px;padding:25px;background:#fffbf7;color:#715568}
.month-day-dialog::backdrop{background:#47394466}
.month-day-dialog h2{font-size:27px;margin:20px 0}
.month-day-dialog ul{list-style:none;margin:0;padding:0}
.month-entry{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid #eadde5}
.month-entry svg{width:25px;height:25px;flex-shrink:0}
.month-entry strong{font-size:16px;font-weight:500}
.month-entry p{font-size:13px;line-height:1.6;margin:5px 0 0;color:#8a7380}
.month-empty{padding:25px 0;line-height:1.7}
.home-month-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;margin:16px 0;border:1px solid #e6cfdf;border-radius:18px;background:linear-gradient(120deg,#faedf0,#efe9f5);text-decoration:none;color:#80596e}
.home-month-link span:first-child{font-size:23px}
@media(max-width:360px){.month-screen{padding-left:10px;padding-right:10px}.month-calendar{padding:18px 7px}.month-day{min-height:62px}.month-symbols svg{width:11px;height:11px}.month-days{gap:1px}}