:root{--page-bg:#2a1a0e;--page-bg-mobile:#1a1008;--calendar-shell:#f5efe6;--tile-locked:#d6cfc7;--tile-unlocked:#fff;--accent:#9e2a2b;--accent-border:#c0545f;--modal-panel:#2a1a0e;--title-cream:#fdf6e8;--cream:#f5efe6;--paper:#eaeaea;--text-dark:#2b2b2b;--text-muted:#353535;--font-sans:"Inter", system-ui, sans-serif;--font-serif:"Cormorant Garamond", "Times New Roman", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.45}*,:before,:after{box-sizing:border-box}body{background:var(--page-bg);min-height:100dvh;margin:0}#root{min-height:100dvh;min-height:-webkit-fill-available}@media (width<=768px){body,#root{background:var(--page-bg-mobile)}}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.route-fade{animation:.28s ease-out routeFade}@keyframes routeFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.calendar-page{min-height:100dvh;padding:clamp(16px,4vw,48px);padding-top:max(clamp(16px, 4vw, 48px), env(safe-area-inset-top));padding-bottom:max(clamp(16px, 4vw, 48px), env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.calendar-page__inner{width:100%;max-width:min(100%,980px)}@media (width<=768px){.calendar-page{padding-left:max(17px, env(safe-area-inset-left));padding-right:max(17px, env(safe-area-inset-right));padding-top:max(clamp(16px, 3vh, 36px), env(safe-area-inset-top));padding-bottom:max(clamp(12px, 2.4vh, 28px), env(safe-area-inset-bottom));flex-direction:column;justify-content:center;gap:clamp(12px,2.5vh,35px)}.calendar-page__inner{width:100%;max-width:min(360px,100%);margin:0 auto}}.calendar-page__back-cta{background:var(--cream);color:#000;border:none;border-radius:5px;width:100%;max-width:min(360px,100%);min-height:50px;margin:clamp(10px,2.4vh,24px) auto 0;font-size:clamp(20px,5.8vw,24px);font-weight:500}.calendar-page__back-cta:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.calendar-shell{background:var(--calendar-shell);border-radius:50px;padding:clamp(20px,4vw,40px);transition:filter .35s,opacity .35s}@media (width<=768px){.calendar-shell{border-radius:25px;width:min(360px,100%);max-width:100%;padding:clamp(14px,4.2vw,25px)}}.calendar-shell--blurred{filter:blur(7px);opacity:.85;pointer-events:none}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:clamp(8px,1.5vw,14px);display:grid}@media (width<=768px){.calendar-grid{grid-template-columns:repeat(4,1fr);gap:clamp(6px,2.1vw,10px)}}.calendar-grid__cell{aspect-ratio:1;min-width:0}.calendar-grid__cell.calendar-grid__filler{pointer-events:none;visibility:hidden}@media (width<=768px){.calendar-grid__cell.calendar-grid__filler{display:none}}.calendar-grid__cell.calendar-grid__filler-mobile{display:none}@media (width<=768px){.calendar-grid__cell.calendar-grid__filler-mobile{pointer-events:none;visibility:hidden;aspect-ratio:1;display:block}}.day-tile{border:none;border-radius:15px;justify-content:flex-end;align-items:flex-end;width:100%;min-width:44px;height:100%;min-height:44px;padding:4px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}@media (width<=768px){.day-tile{border-radius:10px}.day-tile__num{font-size:clamp(40px,12vw,48px)}}.day-tile--locked{background:var(--tile-locked);color:var(--text-muted);pointer-events:none;cursor:default}.day-tile--unlocked{background:var(--tile-unlocked);color:var(--text-muted)}.day-tile--unlocked:not(.day-tile--today):hover{transform:scale(1.02);box-shadow:0 6px 20px #0000001f}.day-tile--today{background:var(--accent);color:var(--cream);border:1px solid var(--accent-border)}.day-tile--seen.day-tile--unlocked{box-shadow:0 0 0 2px #9e2a2b40}.day-tile__num{font-size:2.7rem;font-weight:700;line-height:1}.day-tile__dot{background:var(--accent);opacity:.85;border-radius:50%;width:6px;height:6px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.day-tile--today .day-tile__dot{background:var(--cream)}.reason-modal__backdrop{z-index:100;padding:24px;padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));background:#1a10088c;justify-content:center;align-items:center;animation:.3s ease-out backdropFade;display:flex;position:fixed;inset:0}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.reason-modal{background:var(--modal-panel);border-radius:15px;width:min(100%,520px);padding:28px 24px 24px;animation:.32s ease-out modalPop;box-shadow:0 24px 60px #00000073}@keyframes modalPop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.reason-modal__title{font-family:var(--font-serif);color:var(--title-cream);text-align:center;margin:0 0 20px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.15}.reason-modal__paper{background:var(--paper);background-image:linear-gradient(#ffffff59,#fff0),repeating-linear-gradient(0deg,#0000,#0000 2px,#00000005 2px 3px);border-radius:15px;min-height:120px;margin-bottom:20px;padding:20px}.reason-modal__body{color:#1a1a1a;margin:0;font-size:1rem;line-height:1.55}.reason-modal__back{background:var(--accent);width:100%;min-height:44px;color:var(--cream);border:none;border-radius:15px;margin:0 auto;padding:0 32px;font-size:1rem;font-weight:500;transition:opacity .2s;display:block}.reason-modal__back:hover{opacity:.92}.reason-modal__back:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.mobile-day{min-height:100dvh;min-height:-webkit-fill-available;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));background:var(--page-bg-mobile);flex-direction:column;display:flex}.mobile-day__scroll{flex:1;padding:0 0 240px;overflow:auto}.mobile-day__fixed{left:0;right:0;bottom:max(95px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));pointer-events:none;flex-direction:column;align-items:center;gap:20px;display:flex;position:fixed}.mobile-day__fixed>*{pointer-events:auto}.mobile-day__content{width:100%;margin:0 auto;padding:120px 22px 0}.mobile-day__title{font-family:var(--font-serif);text-align:center;color:#fff;margin:0 0 16px;font-size:clamp(42px,12vw,48px);font-weight:700;line-height:1.2}.mobile-day__divider{background:var(--cream);opacity:.55;max-width:309px;height:1px;margin:0 auto 18px}.mobile-day__paper{background:0 0}.mobile-day__text{max-height:350px;font-size:20px;line-height:150%f;color:var(--cream);white-space:pre-wrap;margin:0;overflow-y:scroll}.mobile-day__text p{line-height:2}.mobile-day__locked-wrap{justify-content:center;align-items:center;min-height:40vh;padding:24px 8px;display:flex}.locked-message{text-align:center}.locked-message__title{font-family:var(--font-serif);color:#fff;margin:0 0 12px;font-size:clamp(2rem,8vw,2.75rem);font-weight:700}.locked-message__sub{font-family:var(--font-serif);color:var(--cream);margin:0;font-size:clamp(1.35rem,5vw,1.75rem);font-weight:500}.mobile-day__nav{justify-content:center;align-items:center;gap:37px;padding:0;display:flex}.mobile-day__nav-btn{border:none;border-radius:5px;min-width:79.576px;min-height:50px;padding:10px 14px;font-size:24px;font-weight:500;line-height:1;transition:opacity .2s}.mobile-day__nav-btn--cream{background:var(--cream);color:var(--page-bg-mobile)}.mobile-day__nav-btn--accent{color:var(--cream);background:#190f08;border:1px solid #323232}.mobile-day__nav-btn:not(:disabled):active{opacity:.88}.mobile-day__counter{text-align:center;color:#fff;min-width:64px;font-size:24px;font-weight:500;line-height:1}.mobile-day__calendar-cta{background:var(--cream);color:#000;border:none;border-radius:5px;width:100%;max-width:314px;min-height:50px;margin:0 auto;font-size:24px;font-weight:500;line-height:1}.mobile-day__calendar-cta:focus-visible{outline:2px solid var(--cream);outline-offset:2px}@media (prefers-reduced-motion:reduce){.route-fade,.reason-modal__backdrop,.reason-modal,.calendar-shell{transition:none!important;animation:none!important}.day-tile--unlocked:not(.day-tile--today):hover{transform:none}}