:root { color-scheme: light; background: #f3f5ef; color: #293e42; font-family: Arial, sans-serif; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; }
body.display { display: flex; align-items: center; justify-content: center; overflow: hidden; }
.calendar { display: block; width: 100vw; height: 100vh; object-fit: contain; }
.chooser { max-width: 36rem; margin: 12vh auto; padding: 2rem; }
.chooser h1 { font-size: 2rem; }
.chooser a { display: block; margin: 1rem 0; padding: 1rem; color: inherit; background: white; border-radius: .5rem; }