html{scroll-behavior:smooth}#registration-dialog{position:fixed;inset:0;margin:auto;width:min(440px,calc(100% - 32px));max-height:90dvh;overflow:auto;padding:32px;border:1px solid #e4e7ee;border-radius:24px;background:#fff;color:#18181b;box-shadow:0 24px 80px #0004;font-family:inherit}#registration-dialog::backdrop{background:#10152599;backdrop-filter:blur(5px)}#registration-title{font-size:26px;line-height:1.25;margin:0 24px 20px 0}#registration-form{display:grid;gap:12px}#registration-form p{margin:0 0 8px;color:#626775}#registration-form label{font-size:14px}#registration-form input{width:100%;padding:12px;border:1px solid #cbd0da;border-radius:9px;background:white;color:#18181b;font:inherit}#registration-form button{margin-top:10px;background:#2563eb;color:white;border:0;border-radius:10px;padding:13px;font:inherit;cursor:pointer}.registration-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#18181b;font-size:28px;cursor:pointer}#registration-success{line-height:1.6}#registration-success[hidden],#registration-form[hidden]{display:none}[data-day-slide]{transition:opacity .45s ease}[role=tab][aria-selected=true]{box-shadow:0 2px 0 #2563eb}[data-plan][aria-hidden=true]{visibility:hidden}[role=radio][aria-checked=true]{background:white;color:#18181b;box-shadow:0 1px 5px #0002;border-radius:999px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-day-slide]{transition:none}}
.day-selector{display:flex;width:252px;height:40px;padding:3px;border-radius:999px;background:#ffffff52;backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #ffffff80}.day-selector button{flex:1;cursor:pointer;border:0;border-radius:999px;background:transparent;color:#18181b;font-size:23px;line-height:1;transition:background .3s,box-shadow .3s}.day-selector button[aria-pressed=true]{background:#ffffff70;box-shadow:0 2px 8px #141c4629}.day-selector button:focus-visible{outline:2px solid #3b6fff;outline-offset:3px}#what-it-watches[data-time-of-day="2"] .day-selector button{color:white}#what-it-watches .day-clock{min-width:3ch}#what-it-watches [class*="bg-[url(/images/chrome/noise.webp)]"]{background-image:url('noise.webp')}@media(prefers-reduced-motion:reduce){#what-it-watches [aria-hidden]{transition:none!important}}