html,body{height:100%;margin:0;overflow:hidden}#root{width:100%;height:100%}@font-face{font-family:Forest School;src:url(/fonts/Forestschool.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-primary:#4e88a9;--color-text-dark:#554833;--color-white:#fff;--color-day-border:#86bfde;--color-bg:#fff;--font-title:"Forest School", cursive, sans-serif;--font-body:"Roboto", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text-dark)}.calendar{flex-direction:column;gap:16px;width:100%;height:100%;padding:20px;display:flex;overflow:hidden}.calendar-header{justify-content:center;align-items:center;gap:20px;padding:10px;display:flex}.arrow-btn{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;padding:8px;transition:opacity .2s;display:flex}.arrow-btn:hover{opacity:.85}.month-name,.year-name{font-family:var(--font-title);color:var(--color-text-dark);font-size:26px;font-weight:400;line-height:1}.calendar-body{flex-direction:column;flex:1;align-items:center;min-height:0;display:flex}.calendar-grid{border:1px solid var(--color-day-border);flex-direction:column;width:100%;height:100%;transition:transform .2s,opacity .2s;display:flex}.calendar-grid.slide-left{opacity:0;transform:translate(-40px)}.calendar-grid.slide-right{opacity:0;transform:translate(40px)}.week-header{background:var(--color-primary);display:flex}.week-header-cell{font-family:var(--font-body);color:var(--color-white);flex:1;padding:20px;font-size:18px;font-weight:400}.week-row{border-top:1px solid var(--color-day-border);flex:1;min-height:0;display:flex}.day-cell{border-left:1px solid var(--color-day-border);flex:1;padding:20px;position:relative;overflow:hidden}.day-cell:first-child{border-left:none}.day-cell.has-events{cursor:pointer}.day-cell.has-events:hover .day-cell-bg{opacity:.85}.day-cell.adjacent .day-number{opacity:.5}.day-cell.today{background:#e8f4fa}.day-cell-bg{object-fit:cover;width:100%;height:100%;transition:opacity .15s;position:absolute;inset:0}.day-number{z-index:1;font-family:var(--font-body);color:var(--color-primary);font-size:18px;font-weight:400;position:relative}.day-number--hidden{opacity:0}.event-card-overlay{z-index:100;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.event-card{background:var(--color-white);width:348px;overflow:hidden;box-shadow:0 8px 32px #00000026}.event-card-image{background:#ddd;width:348px;height:198px;position:relative;overflow:hidden}.event-card-image img{object-fit:cover;width:100%;height:100%}.event-card-close{background:var(--color-white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:12px;right:12px}.event-card-description{flex-direction:column;gap:16px;padding:20px;display:flex}.event-card-title{font-family:var(--font-title);color:var(--color-primary);font-size:20px;font-weight:400}.event-card-subtitle{font-family:var(--font-body);color:var(--color-text-dark);font-size:16px;font-weight:400}.event-card-button-area{justify-content:flex-end;padding:0 20px 20px;display:flex}.event-card-btn{background:var(--color-primary);color:var(--color-white);font-family:var(--font-body);cursor:pointer;border:none;border-radius:1000px;justify-content:center;align-items:center;padding:8px 36px;font-size:14px;font-weight:400;text-decoration:none;transition:opacity .2s;display:inline-flex}.event-card-btn:hover{opacity:.85}.calendar-loading,.calendar-error{text-align:center;font-family:var(--font-body);color:var(--color-text-dark);padding:20px;font-size:16px}.calendar-error{color:#c44}@media (width<=768px){.calendar{gap:10px;padding:12px}.calendar-header{gap:8px}.arrow-btn{width:40px;height:40px}.week-header-cell{padding:10px;font-size:12px}.day-cell{padding:8px}.day-number{font-size:12px}}