:root{color:#cfcfcf;background-color:#0f0f0f;font-family:Great Vibes,cursive;font-size:2rem}body{flex-direction:column;justify-content:center;align-items:center;gap:5rem;margin:0;display:flex;position:relative}.segment{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.letter{aspect-ratio:3/4;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex;position:relative}@media (orientation:portrait){.letter{width:100%;height:unset}}.letter-background{width:100%;height:100%;position:absolute;inset:0}.letter-content{color:#2f1f2f;flex-direction:column;justify-content:start;align-items:start;width:65%;height:70%;margin-top:2rem;font-size:3cqh;display:none}@media (orientation:portrait){.letter-content{font-size:4cqw}}.gallery{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:30%;display:flex}.entry{flex-direction:row;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative}.entry-image{width:50%;height:auto;position:absolute;top:50%;translate:0 -50%}@media (orientation:portrait){.entry-image{width:70%}}.entry.left>.entry-image{right:100%}.entry.right>.entry-image{left:100%}.calendar{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;width:80%;display:flex;overflow-x:scroll}.calendar::-webkit-scrollbar{display:none}.calendar-page{scroll-snap-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-width:100%;padding:.5rem;display:flex}.calendar-month{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.month-title{font-size:1.5rem;font-weight:600}.calendar-entry{--background-color:#af2f3f;--hover-color:#df4f5f;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:var(--background-color);aspect-ratio:1;border-radius:.5rem;justify-content:center;align-items:center;width:1.5rem;padding:.25rem;font-family:monospace;font-size:.75rem;transition:background-color .25s;display:flex;position:relative}.calendar-entry.inactive{--background-color:#2f1f1f;--hover-color:unset;color:#5f5f5f;cursor:auto}.calendar-entry.delayed{--background-color:#d39230;--hover-color:#e6ab53;color:#0f0f0f}.calendar-entry.interactive{--background-color:#599635;--hover-color:#89b13f;color:#0f0f0f}.calendar-entry:hover,.calendar-entry:active{background-color:var(--hover-color,var(--background-color))}.calendar-scroller{aspect-ratio:1;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#4f1f2f;border-radius:.5rem;justify-content:center;align-items:center;width:3vw;padding:.25rem;font-family:monospace;font-size:2cqw;transition:background-color .25s;display:flex;position:fixed;bottom:1rem;right:1rem}@media (orientation:portrait){.calendar-scroller{height:4vh;width:unset;font-size:3cqh}}.calendar-scroller:hover,.calendar-scroller:active{background-color:#6f2f3f}.epilogue{justify-content:center;align-items:center;margin-bottom:5rem;font-size:1.5rem;display:flex}.letter-heading{font-weight:600;line-height:1.5lh}.tableau{color:#4f2f3f;font-family:monospace;font-size:2.5rem;font-weight:600}.cookie{filter:grayscale();-webkit-user-select:none;user-select:none;width:60%;transition:filter .2s,translate .2s}.cookie:active,.cookie:hover{cursor:pointer;filter:unset}.cookie:active{translate:0 20px}