@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=DM+Sans:wght@300;400;500;600&display=swap";body{margin:0%;padding:0%;overflow:hidden}@keyframes flipNext{0%{opacity:1;transform:perspective(900px)rotateX(0)}40%{opacity:0;transform:perspective(900px)rotateX(-90deg)}41%{opacity:0;transform:perspective(900px)rotateX(90deg)}to{opacity:1;transform:perspective(900px)rotateX(0)}}@keyframes flipPrev{0%{opacity:1;transform:perspective(900px)rotateX(0)}40%{opacity:0;transform:perspective(900px)rotateX(90deg)}41%{opacity:0;transform:perspective(900px)rotateX(-90deg)}to{opacity:1;transform:perspective(900px)rotateX(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.calendar-page{background:#d8dde6;justify-content:center;align-items:center;min-height:100vh;padding:40px 16px;font-family:DM Sans,sans-serif;display:flex}.calendar-card{background:#fff;border-radius:6px;width:100%;max-width:440px;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000001f,0 12px 40px #0000002e,inset 0 1px #fff}.calendar-binding{z-index:10;background:#c8cdd6;justify-content:center;align-items:center;gap:18px;height:18px;display:flex;position:absolute;top:0;left:0;right:0}.calendar-binding-ring{background:#a8adb6;border:2px solid #8a9099;border-radius:50% 50% 40% 40%;width:10px;height:14px}.calendar-flip-page{transform-style:preserve-3d;position:relative}.calendar-flip-page.is-flipping.flip-next{animation:.55s cubic-bezier(.4,0,.2,1) forwards flipNext}.calendar-flip-page.is-flipping.flip-prev{animation:.55s cubic-bezier(.4,0,.2,1) forwards flipPrev}.calendar-hero{margin-top:18px;position:relative}.calendar-hero-image{object-fit:cover;opacity:0;width:100%;height:220px;display:block}.calendar-hero-image.is-loaded{animation:.6s forwards fadeIn}.calendar-month-badge{color:#fff;clip-path:polygon(18% 0%,100% 0%,100% 100%,0% 100%);text-align:right;background:#2196f3;padding:10px 20px 12px;position:absolute;bottom:0;right:0}.calendar-month-year{letter-spacing:.12em;opacity:.85;font-size:13px;font-weight:300}.calendar-month-name{letter-spacing:.04em;font-family:Playfair Display,serif;font-size:22px;font-weight:700;line-height:1}.calendar-nav-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000040;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .2s;display:flex;position:absolute;top:10px}.calendar-nav-button:hover{background:#ffffff26}.calendar-nav-button.is-prev{left:10px}.calendar-nav-button.is-next{right:10px}.calendar-body{padding:16px 20px 20px}.calendar-columns{gap:16px;margin-bottom:14px;display:flex}.calendar-notes-col{flex:0 0 120px}.calendar-divider{background:#e8e8e8;align-self:stretch;width:1px}.calendar-grid-col{flex:1;min-width:0}.calendar-hint{color:#bbb;text-align:center;border-top:1px solid #f0f0f0;padding-top:8px;font-size:10px}.calendar-grid{border-collapse:collapse;table-layout:fixed;width:100%}.calendar-grid-head th{letter-spacing:.05em;text-align:center;color:#888;padding-bottom:8px;font-size:10px;font-weight:600}.calendar-grid-head th.is-weekend{color:#e53935}.calendar-day-cell{text-align:center;-webkit-user-select:none;user-select:none;padding:2px}.calendar-day-cell.is-current-month{cursor:pointer}.calendar-day-cell.is-outside-month{cursor:default}.calendar-day-button{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto;font-size:12px;transition:background .15s,transform .1s;display:flex;position:relative}.calendar-day-button.is-current-month{color:#1a1a2e}.calendar-day-button.is-outside-month{color:silver}.calendar-day-button.is-weekend.is-current-month{color:#e53935}.calendar-day-button.is-today:not(.is-selected-start):not(.is-selected-end){color:#2196f3;font-weight:700}.calendar-day-button.is-selected-start,.calendar-day-button.is-selected-end{color:#fff;background:#2196f3;font-weight:700}.calendar-day-button.is-selected-range{background:#e3f2fd;border-radius:0}.calendar-day-button.is-selected-start.is-range-end{border-radius:50% 0 0 50%}.calendar-day-button.is-selected-end.is-range-start{border-radius:0 50% 50% 0}.calendar-day-button.is-selected-start:not(.is-range-end),.calendar-day-button.is-selected-end:not(.is-range-start){border-radius:50%}.calendar-day-button.is-current-month:not(.is-selected-start):not(.is-selected-end):not(.is-selected-range):hover{background:#f0f4ff}.calendar-day-today-dot{background:#2196f3;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.calendar-notes-title{letter-spacing:.1em;text-transform:uppercase;color:#aaa;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.calendar-notes-badge{color:#2196f3;background:#e3f2fd;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}.calendar-notes-wrap{position:relative}.calendar-notes-textarea{resize:none;color:#333;caret-color:#2196f3;background-color:#0000;background-image:repeating-linear-gradient(#0000,#0000 21px,#e8e8e8 21px 22px);background-attachment:local;border:none;outline:none;width:100%;height:88px;padding:0;font-family:Georgia,serif;font-size:12px;line-height:22px}