@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&family=DM+Serif+Display:ital@0;1&display=swap";:root{--bg-0:#fcfbf8;--bg-1:#f3efe7;--bg-2:#ece6da;--ink:#231d18;--muted:#a89e90;--faint:#b3a899;--tomato-hi:#ff7d65;--tomato:#f0432f;--tomato-mid:#cf2018;--tomato-deep:#9c110d;--calyx:#4a8a3f;--calyx-deep:#356b2e;--sans:"DM Sans", system-ui, sans-serif;--serif:"DM Serif Display", Georgia, serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(120% 110% at 50% 0%, var(--bg-0) 0%, var(--bg-1) 55%, var(--bg-2) 100%);-webkit-font-smoothing:antialiased;min-height:100vh}.screen{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:48px 24px;display:flex;position:relative}.kicker{letter-spacing:.42em;text-transform:uppercase;color:var(--faint);margin-bottom:34px;font-size:12px;font-weight:500}.time{letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:48px;font-size:clamp(72px,12vw,128px);font-weight:300;line-height:1}.state{letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-top:20px;font-size:13px}.pill{font-family:var(--sans);cursor:pointer;border:none;border-radius:100px;margin-top:28px;padding:16px 48px;font-size:16px;font-weight:500;transition:transform .12s}.pill:active{transform:scale(.97)}.pill-dark{background:var(--ink);color:#f3efe7}.pill-ghost{color:var(--ink);background:#efe9dd}.text-btn{color:var(--faint);font-family:var(--sans);cursor:pointer;background:0 0;border:none;margin-top:20px;padding:4px 8px;font-size:14px;transition:color .15s}.text-btn:hover{color:var(--muted)}.duration{flex-direction:column;align-items:center;gap:10px;max-width:260px;margin-top:28px;display:flex}.duration-readout{letter-spacing:.04em;color:var(--muted);text-align:center;font-size:14px}.duration-min{color:var(--ink);font-weight:500}.duration-track{flex-direction:row;align-items:center;gap:10px;display:flex}.duration-end{color:var(--faint);font-size:11px}.duration-slider{appearance:none;cursor:pointer;width:180px;height:3px;accent-color:var(--tomato);background:#231d181f;border-radius:100px;outline:none;flex:1}.duration-slider::-webkit-slider-thumb{appearance:none;background:var(--tomato);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .12s;box-shadow:0 1px 4px #cf201859}.duration-slider::-webkit-slider-thumb:active{transform:scale(1.15)}.duration-slider::-moz-range-thumb{background:var(--tomato);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #cf201859}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:100;background:#f5f1e98c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-0);text-align:center;border-radius:30px;width:calc(100% - 48px);max-width:420px;padding:54px 38px 38px;box-shadow:0 30px 70px #3c281438}.modal-title{font-family:var(--serif);color:var(--ink);font-size:36px;font-weight:400;line-height:1.2}.modal-sub{color:#8c8377;margin-top:14px;font-size:15px;line-height:1.55}.modal-acts{flex-direction:column;gap:12px;margin-top:38px;display:flex}.modal-acts .pill{margin-top:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.notify-bell-wrap{z-index:20;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;top:18px;right:18px}.notify-bell{width:34px;height:34px;color:var(--faint);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid}.notify-bell:hover{background:var(--bg-2);color:var(--muted)}.notify-hint{max-width:240px;color:var(--muted);background:var(--bg-0);border:1px solid var(--border,#231d181a);border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.5;box-shadow:0 10px 30px #3c28141f}.site-footer{text-align:center;color:var(--faint);padding:28px 16px 40px;font-size:12.5px}.site-footer a{color:var(--faint);margin:0 4px;text-decoration:none}.site-footer a:hover{color:var(--muted);text-decoration:underline}.site-footer span{color:var(--faint);opacity:.5}.tomato-wrap{position:relative}.tomato-wrap .tomato{background:radial-gradient(40% 36% at 34% 27%, #ffffffeb, #fff0 58%), radial-gradient(78% 72% at 38% 32%, var(--tomato-hi) 0%, var(--tomato) 44%, var(--tomato-mid) 76%, var(--tomato-deep) 100%);border-radius:50% 50% 48% 48%/54% 54% 46% 46%;width:79%;height:75%;animation:6.5s ease-in-out infinite bob;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:inset -26px -30px 58px #6e0a0a8c,inset 18px 20px 34px #ffb49666}.tomato-wrap .tomato:after{content:"";border-radius:inherit;mix-blend-mode:multiply;background:radial-gradient(26% 58% at 50% 52%,#780a0a29,#0000 60%),radial-gradient(18% 48% at 28% 56%,#780a0a1a,#0000 60%),radial-gradient(18% 48% at 72% 56%,#780a0a1a,#0000 60%);position:absolute;inset:0}.tomato-wrap .calyx{z-index:3;width:28%;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.tomato-wrap .tomato-shadow{filter:blur(6px);background:radial-gradient(50% 50%,#78462852,#0000 72%);border-radius:50%;width:69%;height:36px;animation:6.5s ease-in-out infinite shadowBob;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-14px)}}@keyframes shadowBob{0%,to{opacity:.32;transform:translate(-50%)scale(1)}50%{opacity:.2;transform:translate(-50%)scale(.84)}}@media (prefers-reduced-motion:reduce){.tomato-wrap .tomato,.tomato-wrap .tomato-shadow{animation:none}}