.hero{--hero-s:.82;padding-top:calc(var(--hud) + env(safe-area-inset-top) + clamp(1.25rem, 4svh, 2.5rem));padding-bottom:clamp(3.5rem,10svh,6.5rem);position:relative;overflow-x:clip}@media (min-width:64rem){.hero{padding-top:calc(var(--hud) + clamp(.5rem, 2svh, 1.5rem));padding-bottom:clamp(3rem,8svh,5.5rem)}}@media (min-width:64rem) and (min-height:860px){.hero{--hero-s:.86}}@media (min-width:64rem) and (min-height:960px){.hero{--hero-s:.92}}@media (min-width:64rem) and (min-height:1040px){.hero{--hero-s:1}}.hero-grid{gap:clamp(3rem,8svh,4.5rem);display:grid}@media (min-width:64rem){.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;column-gap:clamp(2rem,4vw,5rem)}}.hero-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}@media (min-width:64rem){.hero-copy{padding-bottom:clamp(1rem,6svh,4rem)}}.hero-title{color:var(--ink);flex-direction:column;margin:0;font-size:clamp(3.25rem,13.6vw,4.5rem);line-height:.97;display:flex}@media (min-width:48rem){.hero-title{font-size:clamp(4.5rem,9vw,6.5rem)}}@media (min-width:64rem){.hero-title{font-size:clamp(5rem,7.4vw,8rem)}}.hero-line{margin-block:-.1em -.2em;padding-block:.1em .2em;display:block;overflow:clip}.hero-words{display:block}.hero-lede{max-width:26em;color:var(--ink-62);text-wrap:balance;margin-top:clamp(1.25rem,3svh,1.75rem)}@media (min-width:64rem){.hero-lede{font-size:clamp(1.1875rem,1.35vw,1.3125rem)}}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:clamp(1.75rem,4.5svh,2.75rem);display:flex}.hero-see{letter-spacing:-.01em;min-height:2.75rem;color:var(--ink);-webkit-tap-highlight-color:transparent;align-items:center;gap:.375rem;font-size:1rem;font-weight:600;display:inline-flex}.hero-see-arrow{width:1.125rem;height:1.125rem;transition:translate .45s var(--ease-settle)}@media (hover:hover){.hero-see:hover .hero-see-arrow{translate:0 3px}.hero-see:hover .link{background-size:100% 1px,100% 1px}}.hero-see:focus-visible .link{background-size:100% 1px,100% 1px}@media (min-width:64rem){.hero-see{font-size:.9375rem}}.hero-terms{max-width:34em;margin-top:clamp(1.25rem,3svh,1.75rem)}@media (min-width:48rem){.hero-terms-part{display:block}}@media not (min-width:48rem){.hero-actions{flex-direction:column;align-self:stretch;align-items:stretch;gap:.5rem}.hero-see{justify-content:center}}.hero-phone{justify-content:center;display:flex}@media not (min-width:64rem){.hero{--hero-s:1}}@media not (min-width:48rem){.hero{--hero-s:.82}}@media (min-width:25.875rem) and (not (min-width:48rem)){.hero{--hero-s:.88}}@media not (min-width:23.4375rem){.hero{--hero-s:.78}}.hero-phone-box{width:calc(417px * var(--hero-s));height:calc(876px * var(--hero-s))}.hero-device{--device-scale:var(--hero-s)}html.motion .hero-words{animation:hero-rise .95s var(--ease-settle) both;animation-delay:calc(90ms + var(--line) * .12s)}html.motion .hero-lede{animation:hero-in .7s var(--ease-settle) .43s both}html.motion .hero-actions{animation:hero-in .7s var(--ease-settle) .56s both}html.motion .hero-terms{animation:hero-in .7s var(--ease-settle) .66s both}html.motion .hero-phone-box{animation:hero-settle 1.1s var(--ease-settle) .2s both, hero-show .56s linear .2s both}@keyframes hero-rise{0%{translate:0 115%}}@keyframes hero-in{0%{opacity:0;translate:0 8px}}@keyframes hero-settle{0%{translate:0 4.5%}}@keyframes hero-show{0%{opacity:0}}
.today{--today-s:.82;--note-u:1;padding-block:clamp(4.5rem,12svh,8rem) clamp(5rem,14svh,9rem);position:relative;overflow-x:clip}@media (min-width:64rem){.today{--note-u:1.2}}@media (min-width:64rem) and (min-height:860px){.today{--today-s:.86}}@media (min-width:64rem) and (min-height:960px){.today{--today-s:.92}}@media (min-width:64rem) and (min-height:1040px){.today{--today-s:1}}@media (min-width:48rem) and (not (min-width:64rem)){.today{--today-s:.92;--note-u:1.1}}@media (min-width:25.875rem) and (not (min-width:48rem)){.today{--today-s:.88}}@media not (min-width:23.4375rem){.today{--today-s:.78}}.today-grid{gap:clamp(3.5rem,9svh,5rem);display:grid}@media (min-width:64rem){.today-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;column-gap:clamp(2rem,4vw,5rem)}.today-object{grid-area:1/1}.today-words{top:calc(var(--hud) + clamp(1.5rem, 7svh, 4.5rem));grid-area:1/2;align-self:start;position:sticky}}.today-words{min-width:0}.today-when{margin:0}.today-title{max-width:12em;margin-top:clamp(1rem,2.5svh,1.5rem)}.today-day{margin-top:clamp(2rem,5svh,3rem)}.today-streak{background:var(--inset);letter-spacing:-.005em;height:1.75rem;color:var(--ink);border-radius:999px;align-items:center;gap:.4375rem;margin:0;padding-inline:.6875rem .8125rem;font-size:.8125rem;font-weight:600;display:inline-flex}.today-streak-dot{width:.375rem;height:.375rem}.today-day-title{letter-spacing:-.022em;color:var(--ink);margin:.75rem 0 0;font-size:clamp(1.75rem,2.4vw,2.125rem);font-weight:700;line-height:1.1}.today-day-lede{color:var(--ink-62);margin:.375rem 0 0;font-size:.9375rem;line-height:1.4}@media (min-width:64rem){.today-day-lede{font-size:1rem}}.today-body{margin-top:clamp(1.75rem,4svh,2.5rem)}.today-quiet{margin-top:1rem}.today-object{justify-items:center;min-width:0;display:grid}.today-phone{justify-content:center;display:flex}.today-phone-box{width:calc(417px * var(--today-s));height:calc(876px * var(--today-s));transition:translate 1.1s var(--ease-settle), opacity .6s linear}.today-device{--device-scale:var(--today-s)}.today-note{z-index:1;width:min(100%, calc(353px * var(--note-u)));margin-top:calc(-.2 * 876px * var(--today-s));position:relative}@media (min-width:64rem){.today-note{translate:calc(.06 * 417px * var(--today-s)) 0}}.today-note-card{gap:calc(12px * var(--note-u));padding:calc(18px * var(--note-u));border-radius:var(--radius-card);background:var(--card);transition:translate .9s var(--ease-settle) 60ms, opacity .3s linear 60ms;display:grid}.today-note-head{align-items:center;gap:calc(14px * var(--note-u));display:flex}.today-face{width:calc(56px * var(--note-u));height:calc(56px * var(--note-u));background:var(--inset);border-radius:9999px;flex:none;overflow:hidden}.today-face-image{object-fit:cover;object-position:50% 32%;width:100%;height:100%}.today-note-who{gap:calc(2px * var(--note-u));flex-direction:column;flex:1;min-width:0;margin:0;display:flex}.today-note-title{font-size:calc(17px * var(--note-u));letter-spacing:-.012em;white-space:nowrap;text-overflow:ellipsis;color:var(--ink);font-weight:600;line-height:1.25;overflow:hidden}.today-note-when{font-size:calc(15px * var(--note-u));letter-spacing:-.005em;color:var(--ink-62);transition:color .3s var(--ease-settle);line-height:1.3}.today-note-dot{width:calc(8px * var(--note-u));height:calc(8px * var(--note-u));background:var(--accent);transition:scale .6s var(--ease-settle) 1.9s;border-radius:9999px;flex:none}.today-note-play{align-items:center;gap:calc(12px * var(--note-u));display:flex}.today-play{width:calc(40px * var(--note-u));height:calc(40px * var(--note-u));background:var(--accent);color:var(--card);border-radius:9999px;flex:none;place-items:center;display:grid}.today-play-glyph{width:calc(18px * var(--note-u));height:calc(18px * var(--note-u));fill:currentColor}.today-wave{align-items:center;column-gap:calc(2px * var(--note-u));height:calc(24px * var(--note-u));flex:1;grid-template-columns:repeat(44,minmax(0,1fr));min-width:0;display:grid}.today-bar{height:var(--h);background:var(--accent);transition:scale .14s linear calc(.42s + var(--i) * 30ms);border-radius:999px}.today-bar[data-pending]{opacity:.35}.today-length{font-size:calc(15px * var(--note-u));letter-spacing:0;color:var(--ink-62);font-weight:400}.today-length .readout-strip{transition:translate .9s var(--ease-settle) .52s}@media (hover:hover){.today-note-card:hover .today-note-when{color:var(--ink)}}.today-phone[data-waiting] .today-phone-box{opacity:0;translate:0 3rem}.today-note[data-waiting] .today-note-card{opacity:0;translate:0 1.5rem}.today-note[data-waiting] .today-bar{transition:none;scale:1 .08}.today-note[data-waiting] .today-length .readout-strip{transition:none;translate:0}.today-note[data-waiting] .today-note-dot{transition:none;scale:0}.today-note[data-replay] .today-bar{animation:.14s linear both today-draw;animation-delay:calc(var(--i) * 30ms)}@keyframes today-draw{0%{scale:1 .08}}