.tl-dots{--pitch: 12px;position:relative;flex:none;width:calc(var(--cols) * var(--pitch));height:calc(var(--rows) * var(--pitch))}.tl-dots__run{position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle closest-side,#000 64%,transparent 72%);mask-image:radial-gradient(circle closest-side,#000 64%,transparent 72%);-webkit-mask-size:var(--pitch) var(--pitch);mask-size:var(--pitch) var(--pitch);-webkit-mask-repeat:repeat;mask-repeat:repeat}.tl-dots__run[data-tone=base]{background:var(--tl-oat);opacity:.42}.tl-dots__run[data-tone=lived]{background:var(--tl-oat)}.tl-dots__run[data-tone=lit],.tl-dots__run[data-tone=soft]{background:var(--tl-lit)}.tl-dots__run[data-tone=soft]{opacity:.3}.tl-dots__run[data-tone=ring]{--ring: max(1px, calc(var(--pitch) * .08));-webkit-mask-image:radial-gradient(circle closest-side,transparent calc(62% - var(--ring)),#000 calc(68% - var(--ring)),#000 64%,transparent 72%);mask-image:radial-gradient(circle closest-side,transparent calc(62% - var(--ring)),#000 calc(68% - var(--ring)),#000 64%,transparent 72%);background:var(--tl-walnut);opacity:.42}.tl-dots__run[data-tone=pale]{background:var(--tl-lit);opacity:.22}.tl-dots__window{position:absolute;inset:0}.tl-time-dots{width:100%}.tl-time-hero{display:grid;justify-content:start}@media (min-width: 1024px){.tl-time-hero{justify-content:center}}.tl-time-hero__card{display:grid;gap:18px;padding:26px 26px 22px;border-radius:32px;background:var(--tl-white);box-shadow:var(--tl-lift)}.tl-time-hero .tl-dots{--pitch: 14px}@media (max-width: 359px){.tl-time-hero .tl-dots{--pitch: 12px}.tl-time-hero__card{padding:22px 20px 20px}}@media (min-width: 1024px){.tl-time-hero .tl-dots{--pitch: 20px}.tl-time-hero__card{padding:36px 36px 30px}}.tl-time-hero__example{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}.tl-time-hero__label{font-size:18px;font-weight:600;animation:tl-fade .5s ease both}.tl-time-hero__count{display:inline-flex;align-items:baseline;gap:8px}.tl-time-hero__number{font-family:var(--font-feature-deck);font-size:44px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tl-time-hero__unit{font-size:16px;font-weight:600;color:var(--tl-walnut)}.tl-time-stage{width:100%;max-width:640px;margin:0 auto;display:grid;align-content:start}@media (min-width: 1024px){.tl-time-stage{min-height:calc(100svh - 120px);align-content:center}}.tl-time-next{margin-top:4px}@media (min-width: 640px){.tl-time-next{justify-self:start;min-width:220px}}.tl-time-number,.tl-time-input{width:100%;min-width:0;border:1.5px solid var(--tl-fold);border-radius:16px;background:var(--tl-white);color:var(--tl-ink);box-shadow:var(--tl-lift);transition:border-color .2s ease,box-shadow .2s ease}.tl-time-number{max-width:300px;height:92px;padding:0 24px;font:500 60px/1 var(--font-feature-deck);letter-spacing:.01em;font-variant-numeric:tabular-nums}.tl-time-number--age{max-width:200px}.tl-time-input{max-width:520px;height:64px;padding:0 20px;font:600 22px/1.2 var(--font-fixel-text)}.tl-time-number::placeholder,.tl-time-input::placeholder{color:#958f8c;opacity:1}.tl-time-number:focus,.tl-time-input:focus{outline:none;border-color:var(--tl-ink);box-shadow:0 0 0 3px #1111111a,var(--tl-lift)}.tl-time-number[aria-invalid=true]{border-color:var(--tl-error)}.tl-time-error{margin-top:-6px;color:var(--tl-error);font-size:16px;line-height:1.4}.tl-time-country{max-width:420px}.tl-time-stage[data-step=who] .tl-options{grid-auto-rows:1fr}.tl-time-stage[data-step=who] .tl-option{min-height:96px;padding:22px 24px}.tl-time-stage[data-step=who] .tl-option__label{font-size:21px}.tl-time-stage[data-step=who] .tl-option__detail{font-size:15px}.tl-time-life{display:grid;justify-items:center}.tl-time-life__now{position:absolute}.tl-time-life__now:before,.tl-time-life__now:after{content:"";position:absolute;inset:4%;border-radius:50%;background:var(--tl-ink)}.tl-time-life__now:after{animation:tl-time-breathe 2.4s ease-out infinite}@keyframes tl-time-breathe{0%{transform:scale(1);opacity:.4}75%,to{transform:scale(3.4);opacity:0}}.tl-time-sizes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:460px}.tl-time-size{aspect-ratio:1;border:2px solid transparent;border-radius:999px;background:var(--tl-white);color:var(--tl-ink);font:500 30px/1 var(--font-feature-deck);font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:0 1px #1111110a,0 8px 18px -12px #1111112e;animation:tl-option-in .62s var(--tl-ease) both;animation-delay:calc(var(--i, 0) * 35ms + 90ms);transition:transform .26s var(--tl-ease),opacity .26s ease,background-color .22s ease,border-color .22s ease,color .22s ease;-webkit-tap-highlight-color:transparent}@media (hover: hover){.tl-time-size:hover{border-color:var(--tl-oat);transform:translateY(-2px)}}.tl-time-size:focus-visible{outline:3px solid var(--tl-ink);outline-offset:3px}.tl-time-sizes[data-picked] .tl-time-size:not([data-picked]){opacity:.42;transform:scale(.96)}.tl-time-size[data-picked]{background:var(--tl-ink);border-color:var(--tl-ink);color:var(--tl-white);transform:scale(1.06)}.tl-time-result{padding:120px 0 32px}@media (min-width: 1024px){.tl-time-result{padding:160px 0 56px}}.tl-time-result__grid{display:grid;gap:26px}.tl-time-result__grid>*{min-width:0}@media (min-width: 1024px){.tl-time-result__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"head visual" "actions visual";column-gap:72px;row-gap:32px;align-items:start}.tl-time-result__grid>.tl-time-result__head{grid-area:head}.tl-time-result__grid>.tl-time-result__visual{grid-area:visual;align-self:center}.tl-time-result__grid>.tl-time-result__actions{grid-area:actions}}.tl-time-result__head{display:grid;gap:14px}.tl-time-count{display:grid;gap:6px;font-family:var(--font-feature-deck);font-weight:500}.tl-time-count__lead,.tl-time-count__unit{font-size:clamp(30px,7.6vw,44px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}.tl-time-count__number{font-size:clamp(112px,34vw,220px);line-height:.86;letter-spacing:-.05em;font-variant-numeric:lining-nums proportional-nums}.tl-time-count__number[data-digits="4"]{font-size:clamp(96px,26vw,200px)}.tl-time-count__number[data-digits="5"]{font-size:clamp(80px,21vw,176px)}.tl-time-count__number[data-digits="4"],.tl-time-count__number[data-digits="5"]{padding-bottom:.12em}.tl-time-count__number .tl-lit{padding:.06em .04em .04em 0}.tl-time-result__visual{display:grid;justify-items:start;gap:4px}@media (min-width: 1024px){.tl-time-result__visual{justify-self:center;width:100%;max-width:440px;justify-items:center;gap:10px;padding:44px 40px 30px;border-radius:32px;background:var(--tl-white);box-shadow:var(--tl-lift)}.tl-time-result__visual .tl-time-dots{display:grid;justify-items:center}}.tl-time-how{max-width:34em;font-size:15px;line-height:1.55;color:var(--tl-walnut);animation:tl-note-in .4s var(--tl-ease) both}.tl-time-result__actions{display:grid;gap:10px}@media (min-width: 640px){.tl-time-result__actions{display:flex;flex-wrap:wrap;gap:12px}}.tl-time-result__actions.tl-reveal-share{display:grid;gap:10px;margin-top:0}@media (min-width: 640px){.tl-time-result__actions.tl-reveal-share{display:flex;gap:12px}}.tl-time-chips{margin-top:24px}.tl-time-change__line{margin-top:22px;max-width:30em;font-size:20px;font-weight:600;line-height:1.4}.tl-time-change__line:empty{display:none}.tl-time-remind{margin-top:20px}.tl-time-change .tl-time-dots{margin-top:18px}.tl-time-life-section .tl-time-life{justify-items:start;margin-top:28px}.tl-time-table__next{display:grid;justify-items:start;margin-top:28px}.tl-time-table__next .tl-next{width:100%}.tl-time-plusone{max-width:36em;margin-top:16px;font-size:16px;line-height:1.6}.tl-time-sofar__list{display:grid;gap:8px;margin:22px 0 24px;padding:0;list-style:none}.tl-time-sofar__item{display:flex;align-items:baseline;justify-content:space-between;gap:16px;width:100%;padding:16px 22px;border:2px solid transparent;border-radius:24px;background:var(--tl-white);color:var(--tl-ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,transform .18s var(--tl-ease)}.tl-time-sofar__item[aria-current=true]{border-color:var(--tl-ink)}.tl-time-sofar__item:focus-visible{outline:3px solid var(--tl-ink);outline-offset:3px}@media (hover: hover){.tl-time-sofar__item:not([aria-current=true]):hover{border-color:var(--tl-oat)}}.tl-time-sofar__label{min-width:0;font-size:17px;font-weight:600;overflow-wrap:anywhere}.tl-time-sofar__count{flex:none;font-family:var(--font-feature-deck);font-size:30px;line-height:1;font-variant-numeric:tabular-nums}.tl-time-sharer{display:grid;gap:6px}.tl-time-friend__play{display:grid}.tl-time-friend__guess{display:grid;gap:8px}.tl-time-reveal{outline:none}.tl-time-reveal__after{animation:tl-in .7s var(--tl-ease) both;animation-delay:1.3s}.tl-time-reveal[data-guess-above] .tl-time-reveal__after{animation-delay:2.2s}@media (min-width: 1024px){.tl-time-result__grid>.tl-time-reveal__rescue{grid-column:1}}.tl-door__art .tl-dots{--pitch: 12px}@media (min-width: 768px){.tl-door__art .tl-dots{--pitch: 14px}}@media (prefers-reduced-motion: reduce){.tl-time-life__now:after{display:none}}