:root{--color-primary-light: #efebe9;--color-primary-dark: #5d4037;--color-on-primary-dark: #ffffff;--header-height: clamp(56px, 9vmin, 76px);--header-button: clamp(48px, 7.5vmin, 64px);--header-icon: clamp(28px, 4.6vmin, 38px);--color-countdown: #ffc400;--color-star: #ffc400;--color-glyph-ink: #000000;--color-glyph-muted: #a0a0a0}html,body{height:100%}html,body{touch-action:pan-x pan-y;overscroll-behavior:none;-webkit-text-size-adjust:100%}body{background:var(--color-primary-light);margin:0;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{display:block;height:100%}.page-status{margin:0;padding:24px;text-align:center;font-size:max(16px,4vmin);color:var(--color-primary-dark)}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.material-icons.md-dark{color:#0000008a}.material-icons.md-dark.md-inactive{color:#00000042}.material-icons.md-light{color:#fff}.material-icons.md-light.md-inactive{color:#ffffff4d}app-root header{view-transition-name:app-header}.app-main{view-transition-name:page}::view-transition-old(page){animation:page-out .26s ease-in both}::view-transition-new(page){animation:page-in .38s cubic-bezier(.2,.9,.3,1) both}@keyframes page-out{to{opacity:0;transform:scale(.98)}}@keyframes page-in{0%{opacity:0;transform:translateY(16px) scale(1.01)}}@media(prefers-reduced-motion:reduce){::view-transition-old(page),::view-transition-new(page){animation:none}}