@font-face{font-family:Roboto Flex Variable;font-style:oblique 0deg 10deg;font-display:swap;font-weight:100 1000;font-stretch:25% 151%;src:url(/assets/roboto-flex-cyrillic-ext-standard-normal-B3qYX64q.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Flex Variable;font-style:oblique 0deg 10deg;font-display:swap;font-weight:100 1000;font-stretch:25% 151%;src:url(/assets/roboto-flex-cyrillic-standard-normal-BL8ZtmVe.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Flex Variable;font-style:oblique 0deg 10deg;font-display:swap;font-weight:100 1000;font-stretch:25% 151%;src:url(/assets/roboto-flex-greek-standard-normal-IEWWrrDA.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Flex Variable;font-style:oblique 0deg 10deg;font-display:swap;font-weight:100 1000;font-stretch:25% 151%;src:url(/assets/roboto-flex-vietnamese-standard-normal-IAAQxRhd.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Flex Variable;font-style:oblique 0deg 10deg;font-display:swap;font-weight:100 1000;font-stretch:25% 151%;src:url(/assets/roboto-flex-latin-ext-standard-normal-CKp_IXiX.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Flex Variable;font-style:oblique 0deg 10deg;font-display:swap;font-weight:100 1000;font-stretch:25% 151%;src:url(/assets/roboto-flex-latin-standard-normal-DjIUbrK2.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--night:#16193a;--dusk:#3b2f63;--rose:#e79bb0;--sun:#ffcb5c;--sky:#d7e8f5;--paper:#f5f9fc;--ink:#16193a;--ink-soft:#454a6b;--moon:#eef0ff;--moon-soft:#bcc0e6;--tonal:#b8c4ee;--font:"Roboto Flex Variable", system-ui, sans-serif;--clock:"Bricolage Grotesque Variable", system-ui, sans-serif;--gutter:clamp(1rem, 5vw, 4rem);--spring:cubic-bezier(.34, 1.45, .5, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font:400 1.125rem/1.6 var(--font);font-variation-settings:"opsz" 18;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}a:focus-visible{outline:3px solid var(--sun);outline-offset:4px;border-radius:4px}h1,h2{font-family:var(--font);font-variation-settings:"wdth" 112, "opsz" 72;letter-spacing:-.025em;margin:0;font-weight:700;line-height:1.04}.hero{min-height:min(100svh,60rem);color:var(--moon);isolation:isolate;background:var(--night);flex-direction:column;display:flex;position:relative;overflow:hidden}.sky{z-index:-1;position:absolute;inset:0}.stars{fill:var(--moon);animation:3.2s ease-in .3s both fade-stars;position:absolute;inset:0}@keyframes fade-stars{0%{opacity:.8}to{opacity:.2}}.sun{aspect-ratio:1;background:radial-gradient(circle at 50% 45%, #ffe3a1 0%, var(--sun) 38%, #f59f6c 70%, transparent 71%);border-radius:50%;width:min(70vw,34rem);animation:3.2s cubic-bezier(.2,.7,.2,1) .3s both rise;position:absolute;bottom:0;left:50%;translate:-50% 62%;box-shadow:0 0 12rem 4rem #ffb46e59}@keyframes rise{0%{opacity:.2;translate:-50% 110%}to{opacity:1;translate:-50% 62%}}.bar{padding:1.5rem var(--gutter);justify-content:space-between;align-items:center;font-size:1rem;display:flex}.wordmark{font-variation-settings:"wdth" 118, "opsz" 32;letter-spacing:-.01em;font-size:1.4rem;font-weight:700}.bar a{color:var(--moon);border-radius:1.6rem;padding:.55rem 1.1rem;text-decoration:none;transition:background-color .2s,border-radius .3s cubic-bezier(.2,0,0,1)}.bar a:hover{background:#eef0ff1f;border-radius:.9rem}.hero-inner{padding:0 var(--gutter) clamp(9rem, 30vh, 18rem);max-width:64rem;margin-top:auto}.clock{font:800 clamp(7rem, 30vw, 22rem)/.8 var(--clock);font-variation-settings:"wdth" 75, "opsz" 96, "wght" 800;letter-spacing:-.05em;color:#2c2f63;margin:0 0 1.5rem -.05em;animation:3.2s cubic-bezier(.2,.7,.2,1) .3s both wake}@keyframes wake{0%{font-variation-settings:"wdth" 75, "opsz" 96, "wght" 200;color:#1f2250}}.hero h1{max-width:14em;font-size:clamp(2.2rem,5.5vw,4rem)}.lede{color:var(--moon-soft);max-width:32em;margin:1.25rem 0 0;font-size:clamp(1.15rem,2vw,1.35rem)}.status{background:var(--tonal);color:var(--night);font-variation-settings:"wdth" 108;border-radius:999px;margin:2rem 0 0;padding:.85rem 1.5rem;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-block}.feature{padding:6rem max(var(--gutter), (100% - 68rem) / 2);background:linear-gradient(to bottom, var(--from), var(--to));isolation:isolate;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(3rem,8vw,8rem);margin-top:-1px;display:grid;overflow:clip}.copy{max-width:34rem}.feature h2,.yours h2{margin-bottom:1.25rem;font-size:clamp(2.1rem,4.8vw,3.5rem)}.feature p{margin:0 0 1.5rem}.feature ul{margin:0;padding:0;list-style:none}.feature li{margin-bottom:.6rem;padding-left:1.75rem;position:relative}.feature li:before{content:"";opacity:.55;background:currentColor;width:.9rem;height:.9rem;position:absolute;top:.38em;left:0;-webkit-mask:url(/img/shapes/cookie9.svg) 50%/contain no-repeat;mask:url(/img/shapes/cookie9.svg) 50%/contain no-repeat}.on-dark{color:var(--moon)}.on-dark p,.on-dark li{color:var(--moon-soft)}.on-dusk{color:var(--night)}.on-dusk p,.on-dusk li{color:#2a2150}.on-light{color:var(--ink)}.on-light p,.on-light li{color:var(--ink-soft)}.on-dark{--shape-tone:#b8c4ee29}.on-dusk{--shape-tone:#ffe4ec73}.on-light{--shape-tone:#b8c4ee8c}.phone{background:#0d0f24;border-radius:2.6rem;width:clamp(14rem,24vw,18rem);margin:0;padding:.55rem;position:relative;box-shadow:0 2rem 4rem -1.5rem #16193a8c}.phone:before{content:"";z-index:-1;aspect-ratio:1;background:var(--shape-tone);width:210%;-webkit-mask:var(--shape) center / contain no-repeat;mask:var(--shape) center / contain no-repeat;position:absolute;top:50%;left:50%;translate:-50% -50%}.phone img{border-radius:2.05rem}.ramp{margin:0 0 2rem}.wave{width:100%;height:5.5rem;display:block;overflow:visible}.wave path{fill:none;stroke:url(#wave-tone);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ramp figcaption{color:var(--moon-soft);justify-content:space-between;margin-top:.6rem;font-size:.9rem;display:flex}.night{position:relative}.night .wave path{stroke:var(--moon-soft)}.night .wave .off{stroke-dasharray:2 14;opacity:.6}.night .ring{width:3rem;fill:var(--sun);position:absolute;top:2.75rem;right:0;overflow:visible;translate:25% -50%}.night figcaption span:nth-child(2){translate:-15%}.puzzle{margin:0 0 2rem}.puzzle-types{gap:.35rem;margin-bottom:1.25rem;display:flex}.puzzle button,.puzzle input{font:inherit;font-variant-numeric:tabular-nums;color:var(--night);background:0 0;border:1.5px solid #16193a59;border-radius:1.6rem;font-weight:600}.puzzle button{cursor:pointer;transition:background-color .2s, color .2s, border-radius .3s cubic-bezier(.2, 0, 0, 1), scale .35s var(--spring)}.puzzle button:hover{background:#16193a14}.puzzle button:active{border-radius:.8rem;scale:.94}.puzzle button:focus-visible,.puzzle input:focus-visible{outline:3px solid var(--night);outline-offset:3px}.puzzle-types button{padding:.35rem .8rem;font-size:.9rem}.puzzle-types [aria-pressed=true]{background:#16193a24;border-color:#0000;border-radius:.8rem}.feature .puzzle-question{color:var(--night);margin:0 0 .75rem;font-weight:600}.puzzle-body{gap:.4rem;display:flex}.puzzle-body .chip{flex:1 1 0;min-width:0;padding:.55rem 0}.puzzle-body .die{flex:1 1 0;padding:0;font-size:2.4rem;font-weight:400;line-height:1.3}.puzzle-body .confirm{padding:.55rem 1.4rem}.puzzle .done,.puzzle .chosen,.puzzle .confirm{background:var(--night);border-color:var(--night);color:var(--moon)}.puzzle .done{border-radius:.8rem}.puzzle .die.done{opacity:.35}.puzzle .confirm:hover,.puzzle .done:hover{background:#2a2e5c}.sum{gap:.5rem;display:flex}.sum input{text-align:center;width:7rem;padding:.55rem 1rem}.puzzle-body.wrong{animation:.4s shake}@keyframes shake{20%,60%{translate:-6px}40%,80%{translate:6px}}.feature .puzzle-status{min-height:2.6rem;color:var(--night);margin:.75rem 0 0;font-weight:600}.puzzle .again{margin-left:.5rem;padding:.4rem 1rem}.spoken{font-variation-settings:"wdth" 108, "opsz" 32;letter-spacing:-.01em;font-size:clamp(1.35rem,2.6vw,1.75rem);font-weight:600;line-height:1.35}.feature .spoken span{color:var(--ink)}.weeks{gap:.45rem;max-width:26rem;margin:0 0 2rem;display:grid}.week{grid-template-columns:4.5rem repeat(7,1fr);place-items:center;display:grid}.week b{color:var(--ink-soft);justify-self:start;font-size:.85rem;font-weight:400}.week i{color:var(--ink-soft);font-size:.85rem;font-style:normal}.week span{aspect-ratio:1;border:1.5px solid #16193a33;border-radius:50%;width:1.5rem}.week .on{background:var(--night);border:0;-webkit-mask:url(/img/shapes/cookie9.svg) 50%/contain no-repeat;mask:url(/img/shapes/cookie9.svg) 50%/contain no-repeat}.theme-picker{margin:0 0 2rem}.swatches{margin-bottom:1rem;display:flex}.swatches button{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 3rem;min-width:0;margin-right:.35rem;padding:0}.swatches button:before{content:"";background:var(--c);height:100%;-webkit-mask:var(--shape) center / contain no-repeat;mask:var(--shape) center / contain no-repeat;opacity:.4;transition:opacity .25s, scale .4s var(--spring);display:block;scale:.82}.swatches button:hover:before{opacity:.7}.swatches [aria-pressed=true]:before{opacity:1;scale:1.08}.swatches button:focus-visible{outline:3px solid var(--night);outline-offset:2px}.modes{gap:.35rem;display:flex}.modes button{font:inherit;color:var(--night);cursor:pointer;background:0 0;border:1.5px solid #16193a59;border-radius:1.6rem;padding:.35rem .9rem;font-size:.9rem;font-weight:600;transition:background-color .2s,border-radius .3s cubic-bezier(.2,0,0,1)}.modes button:hover{background:#16193a14}.modes [aria-pressed=true]{background:#16193a24;border-color:#0000;border-radius:.8rem}.modes button:focus-visible{outline:3px solid var(--night);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.js .ramp:not(.night) .wave path{stroke-dasharray:1;stroke-dashoffset:1px}.js .night .wave{clip-path:inset(0 100% 0 0)}.js .night .ring{scale:0}.ramp.play:not(.night) .wave path{animation:2.6s cubic-bezier(.45,0,.55,1) .2s forwards draw}.night.play .wave{animation:2.2s cubic-bezier(.45,0,.55,1) .2s forwards reveal}.night.play .ring{animation:ring .7s var(--spring) 2.3s forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes reveal{to{clip-path:inset(0 -10% 0 0)}}@keyframes ring{0%{rotate:-90deg;scale:0}to{rotate:0deg;scale:1}}.js .spoken span{opacity:.18}.spoken.play span{animation:speak .35s ease-out calc(.2s + var(--i) * .16s) forwards}@keyframes speak{to{opacity:1}}.js .week .on{scale:0}.weeks.play .on{animation:ring .6s var(--spring) calc(.2s + var(--i) * .12s) forwards}}@supports (animation-timeline:view()){.phone:before{animation:linear both turn;animation-timeline:view()}.swatches button{animation:linear both fan;animation-timeline:view();animation-range:cover 30% cover 50%}@keyframes fan{0%{rotate:calc(var(--i) * -25deg);margin-right:-3rem}to{margin-right:.35rem;rotate:0deg}}@keyframes turn{0%{rotate:-40deg;scale:.85}to{rotate:40deg;scale:1.05}}}.yours{padding:6rem max(var(--gutter), (100% - 44rem) / 2) 4rem;text-align:center}.yours p{color:var(--ink-soft);font-size:1.3rem}footer{padding:2rem var(--gutter) 3rem;text-align:center;color:var(--ink-soft);font-size:.95rem}footer p{max-width:40rem;margin:0 auto}.made-in{justify-content:center;align-items:center;gap:.5rem;display:flex}.flag{border-radius:2px;width:1.35rem;height:.9rem;box-shadow:0 0 0 1px #16193a26}@media (width<=760px){.feature{grid-template-columns:minmax(0,1fr);padding-block:4rem}.phone{justify-self:center;width:min(66vw,16rem);margin-block:2rem}.hero-inner{padding-bottom:24vh}.puzzle-body .chip{font-size:.95rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sun,.stars,.clock,.phone:before,.puzzle-body.wrong,.swatches button{animation:none}}.doc{background:var(--paper)}.doc .bar,.doc .bar a{color:var(--ink)}.prose{max-width:40rem;padding:3rem var(--gutter) 4rem;color:var(--ink-soft);margin:0 auto}.prose h1{color:var(--ink);font-size:clamp(2.4rem,6vw,3.6rem)}.prose h2{color:var(--ink);margin:2.5rem 0 .75rem;font-size:1.6rem}.prose .updated{margin-top:.5rem;font-size:1rem}.prose ul{padding-left:1.25rem}.prose li{margin-bottom:.6rem}.prose strong{color:var(--ink);font-weight:600}.footer-links,.credits{margin-bottom:1rem}.credits{font-size:.85rem}