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--active{opacity:.85}.day-cell.adjacent .day-number{opacity:.5}.day-cell.today{background:#e8f4fa}.day-cell-bg{object-fit:cover;will-change:transform;width:100%;height:100%;position:absolute;inset:0;transform:translate(0)}.day-cell-bg--enter-right{animation:.4s both day-cell-slide-in-right}.day-cell-bg--enter-left{animation:.4s both day-cell-slide-in-left}.day-cell-bg--exit-left{animation:.4s both day-cell-slide-out-left}.day-cell-bg--exit-right{animation:.4s both day-cell-slide-out-right}@keyframes day-cell-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes day-cell-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes day-cell-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes day-cell-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}.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}.day-cell-arrow{background:var(--color-white);cursor:pointer;z-index:2;border:none;border-radius:100px;justify-content:center;align-items:center;width:24px;height:23px;padding:0;transition:opacity .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.day-cell-arrow:hover{opacity:.85}.day-cell-arrow--left{left:10px}.day-cell-arrow--right{right:10px}.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;height:422px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.event-card-content{will-change:transform;flex-direction:column;display:flex;position:absolute;inset:0;transform:translate(0)}.event-card-content--exiting{pointer-events:none}.event-card-content--enter-right{animation:.4s both event-card-slide-in-right}.event-card-content--enter-left{animation:.4s both event-card-slide-in-left}.event-card-content--exit-left{animation:.4s both event-card-slide-out-left}.event-card-content--exit-right{animation:.4s both event-card-slide-out-right}@keyframes event-card-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes event-card-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes event-card-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes event-card-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}.event-card-image{background:#ddd;flex-shrink:0;width:348px;height:240px;position:relative;overflow:hidden}.event-card-img{object-fit:cover;width:100%;height:100%;display:block}.event-card-close{background:var(--color-white);cursor:pointer;z-index:3;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-nav{background:var(--color-white);z-index:2;justify-content:center;align-items:center;gap:10px;height:40px;padding:0 18px;display:flex;position:absolute;top:0;left:0;right:0}.event-card-nav-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .2s;display:flex}.event-card-nav-btn:hover{opacity:.6}.event-card-counter{font-family:var(--font-body);color:#45423a;text-align:center;min-width:44px;font-size:14px;font-weight:400}.event-card-close--on-bar{background:0 0;top:8px;right:12px}.event-card-description{flex-direction:column;flex:1;gap:16px;min-height:0;padding:20px 20px 0;display:flex;overflow:hidden}.event-card-title{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.event-card-subtitle{white-space:pre-line;-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.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{flex-shrink:0;justify-content:flex-end;align-items:center;height:68px;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}.day-cell-arrow{display:none}}