:root{--font-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-num: "Funnel Display", "Poppins", sans-serif;--ink: #12211a;--bg: #f4f7f5;--overdue: #dc5a67;--amber: #c9821f}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-primary);font-weight:400;color:var(--ink);background:var(--bg);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}#app{max-width:560px;margin:0 auto;padding:22px 18px 40px;animation:rise .28s ease both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#app{animation:none}*,*:before,*:after{transition:none!important}}a{color:inherit;text-decoration:none}.banner{position:sticky;top:0;z-index:30;padding:9px 16px;font-size:13px;font-weight:500;text-align:center;color:#fff;background:var(--overdue)}.banner.pending{background:var(--amber)}.banner.hidden{display:none}@keyframes floaty{to{transform:translateY(-7px)}}.floaty{animation:floaty 5s ease-in-out infinite alternate}.floaty-late{animation:floaty 6s 1s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){.floaty,.floaty-late{animation:none}}