.front-door-timeline{--ink:#1d1d1f;--ink2:#6e6e73;--line:#e5e5ea;--line2:#d2d2d7;--ground:#f5f5f7;--card:#fff;--blue:#135fd4;--ok:#16a34a;--okt:#157347;--wait:#b45309;--amber:#d97706;--red:#b42318;--pw:61.5rem}.front-door-timeline *{box-sizing:border-box}.front-door-timeline{background:var(--card);background:var(--card);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin-block:0;margin-inline:0;font:400 1rem/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Arial,sans-serif}.front-door-timeline button{font:inherit;color:inherit}.front-door-timeline svg{display:block}.front-door-timeline .gl{flex:none;width:1.25rem;height:1.25rem}.front-door-timeline .pm{flex:none;width:1rem;height:1rem}.front-door-timeline .ph{border-radius:inherit;background-position:50%;background-size:cover;display:block;position:absolute;inset-block:0;inset-inline:0}.front-door-timeline .grow{flex:1}.front-door-timeline :focus-visible:not([data-cort-mood]){outline-offset:.125rem;outline:.1875rem solid #135fd480}.front-door-timeline .stage{background:var(--card);grid-template-rows:3.5rem minmax(0,1fr);grid-template-columns:4rem minmax(0,1fr);min-height:100vh;display:grid}.front-door-timeline .top{grid-column:1/-1;align-items:center;gap:.875rem;padding-block:0;padding-inline:1.125rem 1rem;display:flex}.front-door-timeline .logo{letter-spacing:-.015em;align-items:center;gap:.5rem;margin-inline-end:.875rem;font-size:1.25rem;font-weight:700;display:flex}.front-door-timeline .appicon{width:1.75rem;height:1.75rem}.front-door-timeline .biz{background:var(--ground);border-radius:.625rem;align-items:center;gap:.5rem;height:2.25rem;padding-block:0;padding-inline:.375rem .625rem;font-size:.9375rem;font-weight:600;display:flex}.front-door-timeline .biz .gl{width:1rem;height:1rem;color:var(--ink2)}.front-door-timeline .mono{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:.7812rem;font-weight:700;display:grid}.front-door-timeline .conn{color:var(--ink2);align-items:center;gap:.6875rem;font-size:.8438rem;display:flex}.front-door-timeline .conn span{display:block;position:relative}.front-door-timeline .conn .pm{width:1.125rem;height:1.125rem}.front-door-timeline .conn em{align-items:center;gap:.4375rem;margin-inline-start:.1875rem;font-style:normal;display:flex}.front-door-timeline .conn em:before{content:"";background:var(--ok);border-radius:50%;width:.5rem;height:.5rem}.front-door-timeline .mode{border:1px solid var(--line);border-radius:.625rem;align-items:center;gap:.5rem;height:2.25rem;padding-block:0;padding-inline:.875rem;font-size:.9375rem;font-weight:600;display:flex}.front-door-timeline .bell{place-items:center;width:2.25rem;height:2.25rem;display:grid;position:relative}.front-door-timeline .bell b{background:var(--red);color:#fff;box-sizing:content-box;border:.125rem solid #fff;border-radius:.5625rem;place-items:center;min-width:1.0625rem;height:1.0625rem;font-size:.7188rem;font-weight:700;transition:scale .3s;display:grid;position:absolute;inset-block-start:1px;inset-inline-end:1px}.front-door-timeline .bell b[data-n="0"]{scale:0}.front-door-timeline .me{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:2.125rem;height:2.125rem;font-size:.8125rem;font-weight:700;display:grid}.front-door-timeline .rail{flex-direction:column;gap:.25rem;padding-block:.625rem;padding-inline:.75rem;display:flex}.front-door-timeline .ri{border-radius:.625rem;place-items:center;width:2.5rem;height:2.5rem;display:grid}.front-door-timeline .ri .gl{width:1.1875rem;height:1.1875rem}.front-door-timeline .ri.on{background:var(--ink);color:#fff}.front-door-timeline .main{background:var(--ground);border-start-start-radius:1.25rem;flex-direction:column;gap:.625rem;min-width:0;padding-block:.625rem 1.5rem;padding-inline:1.125rem 1.25rem;display:flex;position:relative}.front-door-timeline .titlerow{align-items:center;gap:.875rem;min-height:2.375rem;display:flex}.front-door-timeline h1{letter-spacing:-.02em;margin-block:0;margin-inline:.125rem .375rem;font-size:1.625rem;line-height:1.1}.front-door-timeline .seg{border:1px solid var(--line);background:#fff;border-radius:.625rem;gap:.125rem;padding-block:.1875rem;padding-inline:.1875rem;display:inline-flex}.front-door-timeline .seg>*{height:1.875rem;color:var(--ink2);background:0 0;border:0;border-radius:.5rem;align-items:center;padding-block:0;padding-inline:.8125rem;font-size:.9062rem;font-weight:600;display:inline-flex}.front-door-timeline .seg button{cursor:pointer}.front-door-timeline .seg .on{background:var(--ink);color:#fff}.front-door-timeline .replay{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:.625rem;align-items:center;gap:.375rem;height:2.375rem;padding-block:0;padding-inline:.625rem .9375rem;font-size:.9062rem;font-weight:600;display:inline-flex}.front-door-timeline .replay:hover{border-color:var(--line2)}.front-door-timeline .replay .gl{width:1.0625rem;height:1.0625rem}.front-door-timeline .card{background:var(--card);border:1px solid var(--line);border-radius:1.125rem;box-shadow:0 1px .125rem #00000008,0 .875rem 2.125rem -.875rem #0000001a}.front-door-timeline .cols{flex:1;grid-template-columns:minmax(0,1fr) 23rem;gap:1rem;min-height:0;display:grid}.front-door-timeline .left{flex-direction:column;gap:.625rem;min-width:0;display:flex}.front-door-timeline .hero{grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:5.125rem;padding-block:.5625rem;padding-inline:1.125rem 1.375rem;display:grid}.front-door-timeline .hero .appicon{width:3rem;height:3rem}.front-door-timeline .say{letter-spacing:-.022em;text-wrap:balance;margin-block:0;margin-inline:0;font-size:1.875rem;font-weight:700;line-height:1.12}.front-door-timeline .say em{color:var(--okt);font-style:normal}.front-door-timeline .say em.a{color:var(--wait)}.front-door-timeline .sub{color:var(--ink2);letter-spacing:-.01em;margin-block:.25rem 0;margin-inline:0;font-size:1.1875rem;line-height:1.3}.front-door-timeline .sub b{color:var(--ink);font-weight:600}.front-door-timeline .talk{transition:opacity .2s}.front-door-timeline .talk.out{opacity:0}.front-door-timeline .awake{text-align:end;justify-items:end;gap:.1875rem;width:11.875rem;display:grid}.front-door-timeline .awake b{align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:flex}.front-door-timeline .awake b i{background:var(--ok);border-radius:50%;width:.5625rem;height:.5625rem;animation:2.2s infinite fd-timeline-ping}.front-door-timeline .awake svg{width:11.875rem;height:1.875rem}.front-door-timeline .awake small{color:var(--ink2);font-size:.8125rem}.front-door-timeline .ecg-run{stroke-dasharray:16 84;animation:2.6s linear infinite fd-timeline-run}.front-door-timeline .tl{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.front-door-timeline .tabs{border-block-end:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.front-door-timeline .tab{text-align:start;border:0;border-inline-end:1px solid var(--line);cursor:pointer;background:0 0;gap:1px;padding-block:.5rem .4375rem;padding-inline:1.125rem;display:grid;position:relative}.front-door-timeline .tab:last-child{border-inline-end:0}.front-door-timeline .tab:hover{background:#fafafb}.front-door-timeline .tab span{color:var(--ink2);font-size:.875rem;font-weight:600}.front-door-timeline .tab strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1.1}.front-door-timeline .tab em{font-size:.8438rem;font-style:normal;font-weight:600}.front-door-timeline .tab .up{color:var(--okt)}.front-door-timeline .tab .flat{color:var(--ink2)}.front-door-timeline .tab.on span{color:var(--ink)}.front-door-timeline .tab.on:after{content:"";background:var(--ink);border-radius:.1875rem .1875rem 0 0;height:.1875rem;position:absolute;inset-block-end:-1px;inset-inline:1.125rem}.front-door-timeline .spk{width:4.25rem;height:1.625rem;position:absolute;inset-block-start:.625rem;inset-inline-end:1rem}.front-door-timeline .key{color:var(--ink2);align-items:center;gap:1rem;padding-block:.5rem 0;padding-inline:6.5rem 1.25rem;font-size:.8125rem;display:flex}.front-door-timeline .key span{white-space:nowrap;align-items:center;gap:.375rem;display:inline-flex}.front-door-timeline .key i{border-radius:50%;width:.625rem;height:.625rem;display:block}.front-door-timeline .key .kb{background:#135fd429;border-radius:.1875rem;width:1.25rem}.front-door-timeline .key .saw{background:var(--amber)}.front-door-timeline .key .did{background:var(--blue)}.front-door-timeline .key .yes{background:var(--ink)}.front-door-timeline .scroll{flex:1;place-items:center;min-height:0;padding-block:.125rem .375rem;padding-inline:0;display:grid}.front-door-timeline .plot{--p:1;--now:.716;width:68.25rem;height:33.375rem;position:relative}.front-door-timeline .area{width:61.5rem;height:33.375rem;position:absolute;inset-block-start:0;inset-inline-start:5.25rem}.front-door-timeline .gut b{align-items:center;gap:.4375rem;height:1.25rem;font-size:.9375rem;font-weight:600;transition:opacity .3s;display:flex;position:absolute;inset-inline-start:0}.front-door-timeline .gut .gl{width:1.0625rem;height:1.0625rem;color:var(--ink2)}.front-door-timeline .gut .pm{width:.9375rem;height:.9375rem;transition:opacity .3s;position:absolute;inset-inline-start:3.75rem}.front-door-timeline .futbg{background:linear-gradient(90deg,#135fd413,#135fd408 60%),repeating-linear-gradient(135deg,#135fd40d 0 1px,#0000 1px .5625rem);border-start-start-radius:0;border-start-end-radius:.875rem;border-end-end-radius:.875rem;border-end-start-radius:0;position:absolute;inset-block-start:.5rem}.front-door-timeline .futl{color:var(--blue);font-size:.8125rem;font-weight:600;position:absolute;inset-block-start:.9375rem;inset-inline-end:.625rem}.front-door-timeline .m{opacity:0;visibility:hidden;height:14.5rem;transition:opacity .35s,visibility .35s;position:absolute;inset-block:0 auto;inset-inline:0}.front-door-timeline .m.on{opacity:1;visibility:visible}.front-door-timeline .sv{width:61.5rem;height:14.5rem;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:visible}.front-door-timeline .wipe{clip-path:inset(-1.25rem calc((1 - var(--p)) * 100%) -1.25rem -1.25rem)}.front-door-timeline div.wipe{position:absolute;inset-block:0;inset-inline:0}.front-door-timeline .yt{text-align:end;width:4.5rem;color:var(--ink2);font-variant-numeric:tabular-nums;font-size:.7812rem;line-height:1rem;position:absolute;inset-inline-start:-5.25rem}.front-door-timeline .cB{opacity:0}.front-door-timeline .cA,.front-door-timeline .cB{transition:opacity .6s}.front-door-timeline .raised .cA{opacity:0}.front-door-timeline .raised .cB{opacity:1}.front-door-timeline .mk{position:absolute;inset-block:0;inset-inline:0}.front-door-timeline .lbl{white-space:nowrap;font-size:.8438rem;font-weight:600;line-height:1.25;position:absolute}.front-door-timeline .lbl small{color:var(--ink2);font-size:.7812rem;font-weight:500;display:block}.front-door-timeline .band-l,.front-door-timeline .exp-l{color:var(--blue);font-size:.7812rem;font-weight:600}.front-door-timeline .dot{border:.1562rem solid #fff;border-radius:50%;width:.875rem;height:.875rem;margin-block:-.4375rem 0;margin-inline:-.4375rem 0;position:absolute;box-shadow:0 1px .25rem #00000047}.front-door-timeline .dot.amber{background:var(--amber)}.front-door-timeline .dot.green{background:var(--ok)}.front-door-timeline .bub{background-position:50%;background-size:cover;border:.1875rem solid #fff;border-radius:50%;width:2.25rem;height:2.25rem;margin-block:-1.125rem 0;margin-inline:-1.125rem 0;position:absolute;box-shadow:0 .1875rem .625rem #00000042}.front-door-timeline .lead{border-inline-start:.0938rem dashed var(--amber);opacity:.75;width:0;position:absolute}.front-door-timeline .stem,.front-door-timeline .stem2{border-inline-start:.0938rem dashed #1d1d1f47;width:0;position:absolute}.front-door-timeline .tip{background:var(--ok);width:.875rem;height:.875rem;z-index:3;border:.1562rem solid #fff;border-radius:50%;margin-block:-.4375rem 0;margin-inline:-.4375rem 0;position:absolute;inset-inline-start:calc(var(--now) * var(--pw));box-shadow:0 1px .25rem #00000040}.front-door-timeline .tip:after{content:"";border-radius:50%;animation:2.2s infinite fd-timeline-ping;position:absolute;inset-block:-.1562rem;inset-inline:-.1562rem}.front-door-timeline .callout{border:1px solid var(--line);z-index:2;background:#fff;border-radius:.875rem;align-content:center;gap:.375rem;padding-block:.625rem;padding-inline:.8125rem;font-size:.8438rem;line-height:1.25;display:grid;position:absolute;box-shadow:0 .875rem 2.125rem -.625rem #00000038,0 .125rem .375rem #0000000d}.front-door-timeline .callout div{white-space:nowrap;grid-template-columns:1.125rem minmax(0,1fr);align-items:center;gap:.5625rem;display:grid}.front-door-timeline .callout b{font-weight:600}.front-door-timeline .callout span{color:var(--ink2)}.front-door-timeline .callout span b{color:var(--ink)}.front-door-timeline .bd{color:#fff;border-radius:50%;place-items:center;width:1.125rem;height:1.125rem;font-size:.7188rem;font-weight:700;display:grid;position:absolute;box-shadow:0 0 0 .125rem #fff}.front-door-timeline .bd .gl{stroke-width:2.6px;width:.6875rem;height:.6875rem}.front-door-timeline .callout .bd{box-shadow:none;position:static}.front-door-timeline .bd.saw{background:var(--amber)}.front-door-timeline .bd.did{background:var(--blue)}.front-door-timeline .bd.yes{background:var(--ink)}.front-door-timeline .now{z-index:4;width:0;position:absolute;inset-block-start:0;inset-inline-start:calc(var(--now) * var(--pw))}.front-door-timeline .now:before{content:"";border-inline-start:.0938rem solid var(--ink);height:30.625rem;position:absolute;inset-block-start:.875rem;inset-inline-start:-.75px}.front-door-timeline .now b{translate:calc(-50% * var(--fd-inline-direction)) 0;background:var(--ink);color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:.5rem;padding-block:.375rem;padding-inline:.625rem;font-size:.7812rem;font-weight:700;line-height:1;position:absolute;inset-block-start:0;inset-inline-start:0}.front-door-timeline .lanes{position:absolute;inset-block:0;inset-inline:0}.front-door-timeline .clip{border-radius:.625rem;height:2.5rem;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 .125rem .375rem #0000001a}.front-door-timeline .clip.open{border-start-start-radius:.625rem;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:.625rem}.front-door-timeline .film{background-repeat:repeat-x;position:absolute;inset-block:0;inset-inline:0}.front-door-timeline .film:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 2.4375rem,#ffffffbf 2.4375rem 2.5rem);position:absolute;inset-block:0;inset-inline:0}.front-door-timeline .clip.off .film{filter:grayscale();opacity:.5}.front-door-timeline .clip.off{background:#fff}.front-door-timeline .clip.ahead{box-shadow:none;outline-offset:-.0938rem;background:#fff;border-start-start-radius:0;border-start-end-radius:.625rem;border-end-end-radius:.625rem;border-end-start-radius:0;outline:.0938rem dashed #135fd480}.front-door-timeline .clip.ahead .film{opacity:.38}.front-door-timeline .tag{background:#fff;border-radius:.5rem;align-items:center;gap:.375rem;height:1.625rem;padding-block:0;padding-inline:.375rem .5625rem;font-size:.8438rem;display:inline-flex;position:absolute;inset-block-start:.4375rem;inset-inline-start:.3125rem;box-shadow:0 1px .25rem #00000038}.front-door-timeline .tag b{font-weight:600}.front-door-timeline .tag .pm{width:.9375rem;height:.9375rem}.front-door-timeline .st{color:#fff;background:#1d1d1fb8;border-radius:.4375rem;align-items:center;gap:.375rem;height:1.5rem;padding-block:0;padding-inline:.5625rem;font-size:.7812rem;font-weight:600;display:inline-flex;position:absolute;inset-block-start:.5rem;inset-inline-end:.375rem}.front-door-timeline .st.on{color:var(--okt);background:#fff;box-shadow:0 1px .25rem #00000038}.front-door-timeline .st.on i{background:var(--ok);border-radius:50%;width:.5rem;height:.5rem;animation:2.2s infinite fd-timeline-ping}.front-door-timeline .plus{background:var(--ink);color:#fff;opacity:0;border-radius:.4375rem;align-items:center;height:1.5rem;padding-block:0;padding-inline:.5625rem;font-size:.7812rem;font-weight:700;transition:opacity .35s .15s,scale .35s cubic-bezier(.3,1.5,.5,1) .15s;display:inline-flex;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem;scale:.6}.front-door-timeline .raised .plus{opacity:1;scale:1}.front-door-timeline .raised .clip.ahead[data-clip=latte] .film{opacity:.62}.front-door-timeline .raised .clip.ahead[data-clip=latte]{outline-color:var(--ink);outline-style:solid}.front-door-timeline .ht{background:#dcdce1;border-radius:.125rem;height:.25rem;position:absolute}.front-door-timeline .ht.g{background:var(--ok)}.front-door-timeline .ht.a{background:var(--amber)}.front-door-timeline .post{border-radius:.75rem;width:2.875rem;height:2.875rem;position:absolute;box-shadow:0 0 0 .125rem #fff,0 .1875rem .5625rem #0003}.front-door-timeline .pb{box-sizing:border-box;background:#fff;border-radius:50%;width:1.0625rem;height:1.0625rem;padding-block:.1562rem;padding-inline:.1562rem;position:absolute;inset-block-end:-.25rem;inset-inline-start:-.3125rem;box-shadow:0 1px .1875rem #00000040}.front-door-timeline .flag{color:#fff;border-radius:.6875rem;place-items:center;min-width:1.375rem;height:1.375rem;padding-block:0;padding-inline:.375rem;font-size:.75rem;font-weight:700;transition:opacity .3s,scale .3s;display:grid;position:absolute;inset-block-start:-.5625rem;inset-inline-end:-.5625rem;box-shadow:0 0 0 .125rem #fff}.front-door-timeline .flag .gl{width:.75rem;height:.75rem}.front-door-timeline .flag.g{background:var(--ok)}.front-door-timeline .flag.a{background:var(--amber);padding-block:0;padding-inline:0}.front-door-timeline .flag.k{background:var(--ok);opacity:0;padding-block:0;padding-inline:0;scale:.4}.front-door-timeline .replied #fd-tl-crit{opacity:0;scale:.4}.front-door-timeline .replied #fd-tl-crit-ok{opacity:1;scale:1}.front-door-timeline .rb{background:#dcdce1;border-radius:.125rem;height:.25rem;position:absolute;inset-block-start:3.1875rem;inset-inline:0;overflow:hidden}.front-door-timeline .rb i{background:#8e8e93;border-radius:.125rem;height:100%;display:block}.front-door-timeline .rb.g i{background:var(--ok)}.front-door-timeline .slot{border-radius:.625rem;width:2.125rem;height:2.125rem;position:absolute}.front-door-timeline .slot.set{outline:.0938rem dashed var(--blue);outline-offset:.1562rem}.front-door-timeline .slot .ck{width:1.0625rem;height:1.0625rem;color:var(--blue);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:-.4375rem;inset-inline-end:-.4375rem;box-shadow:0 1px .1875rem #00000040}.front-door-timeline .slot .ck .gl{width:.75rem;height:.75rem}.front-door-timeline .slot.gap{border:.0938rem dashed var(--amber);color:var(--amber);background:#fff7ed;place-items:center;transition:border-color .4s,background .4s;display:grid}.front-door-timeline .slot.gap>.gl{width:.875rem;height:.875rem;transition:opacity .3s}.front-door-timeline .slot.gap .ph{opacity:0;transition:opacity .4s,scale .45s cubic-bezier(.3,1.5,.5,1),translate .45s;translate:0 .625rem;scale:.5}.front-door-timeline .slot.gap .ck{opacity:0;transition:opacity .3s .4s}.front-door-timeline .filled .slot.gap{outline:.0938rem dashed var(--blue);outline-offset:.1562rem;background:0 0;border-color:#0000}.front-door-timeline .filled .slot.gap>.gl{opacity:0}.front-door-timeline .filled .slot.gap .ph,.front-door-timeline .filled .slot.gap .ck{opacity:1;translate:0;scale:1}.front-door-timeline .gap-l{text-align:center;color:var(--wait);white-space:nowrap;font-size:.7812rem;font-weight:600;position:absolute}.front-door-timeline .gap-l .g1{color:var(--blue);display:none}.front-door-timeline .filled .gap-l .g0{display:none}.front-door-timeline .filled .gap-l .g1{display:inline}.front-door-timeline .bar{background:var(--ok);opacity:.34;border-radius:.1875rem;position:absolute}.front-door-timeline .bar.top{opacity:1}.front-door-timeline .bar.ghost{opacity:1;background:0 0;border:.0938rem dashed #16a34a99}.front-door-timeline .hb{width:61.5rem;height:1.875rem;position:absolute;inset-inline-start:0;overflow:visible}.front-door-timeline .three{font-size:.7188rem}.front-door-timeline .three-l{color:var(--blue);white-space:nowrap;background:#fff;border-radius:.625rem;padding-block:0;padding-inline:.5625rem;font-size:.7812rem;font-weight:600;line-height:1.25rem;position:absolute;box-shadow:0 1px .1875rem #00000024}.front-door-timeline .link{pointer-events:none;width:61.5rem;height:33.375rem;position:absolute;inset-block:0;inset-inline:0;overflow:visible}.front-door-timeline .ax{translate:calc(-50% * var(--fd-inline-direction)) 0;color:var(--ink2);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.7812rem;position:absolute;inset-block-start:32.25rem}.front-door-timeline .ax.now-d{color:var(--ink);font-weight:700}.front-door-timeline .tk{border-inline-start:1px solid var(--line2);width:0;height:.3125rem;position:absolute;inset-block-start:31.75rem}.front-door-timeline .needs{flex-direction:column;min-height:0;display:flex;overflow:hidden}.front-door-timeline .needs>header{border-block-end:1px solid var(--line);align-items:center;gap:.5625rem;padding-block:.875rem .75rem;padding-inline:1.125rem;display:flex}.front-door-timeline .needs h2{letter-spacing:-.012em;margin-block:0;margin-inline:0;font-size:1.1875rem}.front-door-timeline .cnt{background:var(--ink);color:#fff;border-radius:.75rem;place-items:center;min-width:1.5rem;height:1.5rem;padding-block:0;padding-inline:.4375rem;font-size:.8125rem;font-weight:700;transition:background .3s;display:grid}.front-door-timeline .cnt[data-n="0"]{background:var(--ok)}.front-door-timeline .needs>header small{color:var(--ink2);margin-inline-start:auto;font-size:.8125rem}.front-door-timeline .need{grid-template-rows:1fr;transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1),opacity .3s,translate .45s;display:grid}.front-door-timeline .need>div{min-height:0;overflow:hidden}.front-door-timeline .need.done{opacity:0;grid-template-rows:0fr}.front-door-timeline .in{border-block-end:1px solid var(--line);gap:.5625rem;padding-block:.6875rem;padding-inline:1.125rem;display:grid}.front-door-timeline .need h3{letter-spacing:-.008em;margin-block:0;margin-inline:0;font-size:1.0625rem;line-height:1.2}.front-door-timeline .need p{color:var(--ink2);margin-block:-.25rem 0;margin-inline:0;font-size:.9062rem;line-height:1.35}.front-door-timeline .acts{align-items:center;gap:.625rem;margin-block-start:1px;display:flex}.front-door-timeline .go{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:.625rem;height:2.5rem;padding-block:0;padding-inline:1.5rem;font-size:1rem;font-weight:600;transition:background .15s,scale .15s}.front-door-timeline .go:hover{background:#000}.front-door-timeline .go:active{scale:.96}.front-door-timeline .by{color:var(--ink2);align-items:center;gap:.375rem;margin-inline-start:auto;font-size:.8125rem;display:inline-flex}.front-door-timeline .by .gl{width:.875rem;height:.875rem;color:var(--blue)}.front-door-timeline .four{grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem;display:grid}.front-door-timeline .four div{aspect-ratio:1;border-radius:.625rem;position:relative;overflow:hidden}.front-door-timeline .four b{color:#fff;background:#1d1d1fb8;border-radius:.375rem;padding-block:.125rem;padding-inline:.375rem;font-size:.7188rem;font-weight:600;line-height:1.3;position:absolute;inset-block-end:.3125rem;inset-inline-start:.3125rem}.front-door-timeline .adrow{grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:.8125rem;display:grid}.front-door-timeline .adrow .pic{border-radius:.75rem;width:5.5rem;height:5.5rem;position:relative}.front-door-timeline .adrow .pb{width:1.375rem;height:1.375rem;padding-block:.2188rem;padding-inline:.2188rem;inset-block-end:-.3125rem;inset-inline-start:-.3125rem}.front-door-timeline .kv{gap:.4375rem;display:grid}.front-door-timeline .kv div{color:var(--ink2);grid-template-columns:3.625rem minmax(0,1fr);align-items:center;gap:.5rem;font-size:.8438rem;display:grid}.front-door-timeline .kv strong{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;font-size:1.0625rem;display:flex}.front-door-timeline .kv strong small{color:var(--okt);font-size:.7812rem;font-weight:600}.front-door-timeline .bud{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:.4375rem;font-size:.9375rem;font-weight:600;display:flex}.front-door-timeline .bud s{color:var(--ink2);font-weight:500;text-decoration:none}.front-door-timeline .bud i{border-block-start:.0938rem solid var(--ink2);width:.875rem;height:0;position:relative}.front-door-timeline .bud i:after{content:"";border-block-start:.0938rem solid var(--ink2);border-inline-end:.0938rem solid var(--ink2);width:.375rem;height:.375rem;rotate:calc(45deg * var(--fd-inline-direction));position:absolute;inset-block-start:-.2812rem;inset-inline-end:-1px}.front-door-timeline .thread{grid-template-columns:2.75rem minmax(0,1fr);align-items:start;gap:.625rem;display:grid}.front-door-timeline .thread .pic{border-radius:.625rem;width:2.75rem;height:2.75rem;position:relative}.front-door-timeline .bbl{gap:.3125rem;font-size:.8438rem;line-height:1.3;display:grid}.front-door-timeline .bbl span{background:var(--ground);border-start-start-radius:.25rem;border-start-end-radius:.8125rem;border-end-end-radius:.8125rem;border-end-start-radius:.8125rem;padding-block:.5rem;padding-inline:.6875rem;display:block}.front-door-timeline .bbl span+span{color:#0f3f8c;background:#135fd414;border-start-start-radius:.8125rem;border-start-end-radius:.25rem;border-end-end-radius:.8125rem;border-end-start-radius:.8125rem;margin-inline-start:1.125rem}.front-door-timeline .bbl small{letter-spacing:.02em;opacity:.75;margin-block-end:1px;font-size:.7188rem;font-weight:700;display:block}.front-door-timeline .clear{text-align:center;flex:1;align-content:center;place-items:center;gap:.375rem;padding-block:1.625rem;padding-inline:1.5rem;display:none}.front-door-timeline .clear .ring{width:3.75rem;height:3.75rem;margin-block-end:.5rem;position:relative}.front-door-timeline .clear .ring .appicon{width:3.75rem;height:3.75rem}.front-door-timeline .clear .ring:after{content:"";border-radius:.875rem;animation:2.4s infinite fd-timeline-ring;position:absolute;inset-block:0;inset-inline:0}.front-door-timeline .clear h3{letter-spacing:-.02em;margin-block:0;margin-inline:0;font-size:1.4375rem}.front-door-timeline .clear p{color:var(--ink2);max-width:26ch;margin-block:0;margin-inline:0;font-size:.9375rem}.front-door-timeline .needs.all .clear,.front-door-timeline .donel{display:grid}.front-door-timeline .donel div{border-block-start:1px solid var(--line);grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:center;gap:.625rem;padding-block:.625rem;padding-inline:1.125rem;font-size:.9062rem;font-weight:600;display:none}.front-door-timeline .donel div.show{animation:.45s both fd-timeline-rise;display:grid}.front-door-timeline .donel i{background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;display:grid}.front-door-timeline .donel .gl{width:.75rem;height:.75rem}.front-door-timeline .donel small{color:var(--ink2);font-size:.8125rem;font-weight:500}.front-door-timeline .needs .reset{border:1px solid var(--line);height:2.125rem;color:var(--ink2);cursor:pointer;background:#fff;border-radius:.5625rem;margin-block:.25rem .875rem;margin-inline:auto;padding-block:0;padding-inline:.875rem;font-size:.8438rem;font-weight:600;display:none}.front-door-timeline .needs.all .reset{display:block}.front-door-timeline .note{color:#9a9aa0;margin-block:0;margin-inline:0;font-size:.75rem;line-height:1.2;position:absolute;inset-block-end:.375rem;inset-inline-end:1.375rem}.front-door-timeline [data-scope=ads] :is(.L-social,.L-store),.front-door-timeline [data-scope=social] :is(.L-ads,.L-store),.front-door-timeline [data-scope=store] :is(.L-ads,.L-social){opacity:.14;filter:grayscale()}.front-door-timeline .L-ads,.front-door-timeline .L-social,.front-door-timeline .L-store,.front-door-timeline .L-cortex{transition:opacity .35s,filter .35s}.front-door-timeline .ev{transition:opacity .35s,scale .4s cubic-bezier(.3,1.5,.5,1)}.front-door-timeline .story .ev:not(.on){opacity:0;scale:.6}.front-door-timeline .story .lead:not(.on),.front-door-timeline .story .stem:not(.on),.front-door-timeline .story .stem2:not(.on),.front-door-timeline .story .link:not(.on),.front-door-timeline .story .callout:not(.on){scale:1}.front-door-timeline .fo{transition:opacity .6s}.front-door-timeline .story:not(.today) .fo,.front-door-timeline .story:not(.today) .futbg,.front-door-timeline .story:not(.today) .futl{opacity:0}.front-door-timeline .futbg,.front-door-timeline .futl{transition:opacity .6s}.front-door-timeline .story:not(.today) .need{opacity:0;translate:calc(1rem * var(--fd-inline-direction)) 0}.front-door-timeline .story.today .need:nth-child(3){transition-delay:.12s}.front-door-timeline .story.today .need:nth-child(4){transition-delay:.24s}.front-door-timeline .story:not(.today) .cnt{background:var(--line2)}.front-door-timeline .story:not(.today) .tip:after{animation:none}@keyframes fd-timeline-ping{0%{box-shadow:0 0 #16a34a8c}70%,to{box-shadow:0 0 0 .5625rem #16a34a00}}@keyframes fd-timeline-ring{0%{box-shadow:0 0 #16a34a73}70%,to{box-shadow:0 0 0 1.125rem #16a34a00}}@keyframes fd-timeline-run{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes fd-timeline-rise{0%{opacity:0;translate:0 .5rem}to{opacity:1;translate:0}}.front-door-timeline .embed{background:0 0;flex-direction:column;gap:.625rem;width:69.5rem;min-height:0;display:flex}.front-door-timeline .embed .tl{flex:none}.front-door-timeline .capt{letter-spacing:-.01em;justify-content:space-between;align-items:baseline;gap:1rem;padding-block:0;padding-inline:.375rem;font-size:1.0625rem;font-weight:600;display:flex}.front-door-timeline .capt b{font-weight:700}.front-door-timeline .capt span{color:var(--ink2);font-weight:500}.front-door-timeline .capt small{color:#8e8e93;white-space:nowrap;font-size:.7812rem;font-weight:400}.front-door-timeline .key .replay{height:1.75rem;color:var(--ink);border-radius:.5rem;margin-inline-start:auto;padding-block:0;padding-inline:.4375rem .6875rem;font-size:.8125rem}.front-door-timeline .key .replay .gl{width:.875rem;height:.875rem}.front-door-timeline .shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;display:grid}.front-door-timeline .shelf .need{background:var(--card);border:1px solid var(--line);border-radius:1rem;box-shadow:0 1px .125rem #00000008,0 .875rem 2.125rem -.875rem #0000001a}.front-door-timeline .shelf .need.done{opacity:1;grid-template-rows:1fr}.front-door-timeline .shelf .in{border:0;grid-template-columns:6rem minmax(0,1fr);align-items:stretch;gap:.75rem;padding-block:.75rem;padding-inline:.75rem}.front-door-timeline .med{border-radius:.8125rem;width:6rem;height:6rem;position:relative}.front-door-timeline .med.quad{grid-template-columns:1fr 1fr;gap:.25rem;display:grid}.front-door-timeline .med.quad div{border-radius:.5625rem;position:relative}.front-door-timeline .med .pb{width:1.375rem;height:1.375rem;padding-block:.2188rem;padding-inline:.2188rem;inset-block-end:-.3125rem;inset-inline-start:-.3125rem}.front-door-timeline .med .chip{background:var(--ink);color:#fff;border-radius:.4375rem;padding-block:.125rem;padding-inline:.4375rem;font-size:.75rem;font-weight:700;position:absolute;inset-block-end:.375rem;inset-inline-end:.375rem}.front-door-timeline .med .flag{inset-block-start:-.4375rem;inset-inline-end:-.4375rem}.front-door-timeline .txt{flex-direction:column;gap:.1875rem;min-width:0;display:flex}.front-door-timeline .shelf h3{white-space:nowrap;font-size:1rem}.front-door-timeline .shelf .need p{margin-block:0;margin-inline:0;font-size:.875rem}.front-door-timeline .shelf .acts{margin-block-start:auto}.front-door-timeline .shelf .go{height:2.25rem;padding-block:0;padding-inline:1.375rem;font-size:.9375rem}.front-door-timeline .go:disabled{background:var(--ok);cursor:default}.front-door-timeline .exnote{color:#a3a6b1;margin-block:0;margin-inline:0;font-size:.7188rem;line-height:1;position:absolute;inset-block-end:.5rem;inset-inline-end:1.5rem}.front-door-timeline .shelf .by{font-size:.7812rem}@media (prefers-reduced-motion:reduce){.front-door-timeline *,.front-door-timeline :before,.front-door-timeline :after{transition:none!important;animation:none!important}}.front-door-timeline .i-roast{background-image:url(/front-door/timeline/roast.jpg)}.front-door-timeline .i-latte{background-image:url(/front-door/timeline/latte.jpg)}.front-door-timeline .i-brew{background-image:url(/front-door/timeline/brew.jpg)}.front-door-timeline .i-pour_strip{background-image:url(/front-door/timeline/pour_strip.jpg)}.front-door-timeline .i-p_esp{background-image:url(/front-door/timeline/p_esp.jpg)}.front-door-timeline .i-p_crois{background-image:url(/front-door/timeline/p_crois.jpg)}.front-door-timeline .i-p_beans{background-image:url(/front-door/timeline/p_beans.jpg)}.front-door-timeline .i-p_iced{background-image:url(/front-door/timeline/p_iced.jpg)}.front-door-timeline .i-p_dark{background-image:url(/front-door/timeline/p_dark.jpg)}.front-door-timeline .i-p_scoop{background-image:url(/front-door/timeline/p_scoop.jpg)}.front-door-timeline .i-p_many{background-image:url(/front-door/timeline/p_many.jpg)}.front-door-timeline .i-s_capp{background-image:url(/front-door/timeline/s_capp.jpg)}.front-door-timeline .i-s_shot{background-image:url(/front-door/timeline/s_shot.jpg)}.front-door-timeline .i-s_kiosk{background-image:url(/front-door/timeline/s_kiosk.jpg)}.front-door-timeline .i-d_warm{background-image:url(/front-door/timeline/d_warm.jpg)}.front-door-timeline .i-d_tall{background-image:url(/front-door/timeline/d_tall.jpg)}.front-door-timeline .i-d_plate{background-image:url(/front-door/timeline/d_plate.jpg)}.front-door-timeline .i-d_glass{background-image:url(/front-door/timeline/d_glass.jpg)}.front-door-timeline,.front-door-timeline [data-front-door-drawing]{display:contents}@media (max-width:1100px){.front-door-timeline .embed{width:auto}.front-door-timeline .embed .awake{display:none}.front-door-timeline .embed .hero{grid-template-columns:3rem minmax(0,1fr)}.front-door-timeline .embed .tabs{display:flex;overflow-x:auto}.front-door-timeline .embed .tab{flex:0 0 12rem}.front-door-timeline .embed .scroll{padding-block:.25rem .75rem;padding-inline:1rem;display:block;overflow-x:auto}.front-door-timeline .embed .key{flex-wrap:wrap;row-gap:.25rem;padding-inline-start:1.25rem}.front-door-timeline .shelf{grid-template-columns:minmax(0,1fr)}.front-door-timeline .capt{flex-wrap:wrap;row-gap:2px}}@media (max-width:560px){.front-door-timeline .embed .say{font-size:1.6rem}}.front-door-timeline .bd.cort{background:0 0;border-radius:27%}.front-door-timeline .bd.cort svg{border-radius:23%;width:100%;height:100%;display:block}.front-door-timeline .bd.saw.cort{box-shadow:0 0 0 .125rem var(--amber),0 0 0 .2188rem #fff}.front-door-timeline .bd.did.cort{box-shadow:0 0 0 .125rem var(--blue),0 0 0 .2188rem #fff}.front-door-timeline .callout .bd.saw.cort{box-shadow:0 0 0 .125rem var(--amber)}.front-door-timeline .callout .bd.did.cort{box-shadow:0 0 0 .125rem var(--blue)}.front-door-timeline .gut .ct{border-radius:23%;flex:none;width:1.1875rem;height:1.1875rem;display:block}.front-door-timeline .hero .appicon{border-radius:23%}.front-door-timeline .hero .appicon[data-cort-mood]{width:3rem!important;height:3rem!important}.front-door-timeline .gut .ct[data-cort-mood]{width:1.1875rem!important;height:1.1875rem!important}.front-door-timeline .bd.cort>[data-cort-mood]{width:100%!important;height:100%!important}.front-door-timeline{--fd-inline-direction:1}.front-door-timeline:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--fd-inline-direction:-1}.front-door-timeline:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .sv{transform:scaleX(-1)}.front-door-timeline:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .wipe{clip-path:inset(-1.25rem -1.25rem -1.25rem calc((1 - var(--p)) * 100%))}.front-door-timeline:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .futbg{background:linear-gradient(270deg,#135fd413,#135fd408 60%),repeating-linear-gradient(225deg,#135fd40d 0 1px,#0000 1px .5625rem)}.front-door-timeline[data-timeline-still],.front-door-timeline[data-timeline-still] *,.front-door-timeline[data-timeline-still] :before,.front-door-timeline[data-timeline-still] :after{transition:none!important;animation:none!important}
html:has([data-front-door]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:min(1.38889vw - max(520px,34vw)/72 - .222222px,1.64474vh - .493421px)}body:has([data-front-door]){color:#0b0b0f;background:#fff;font-size:17px;line-height:1.5}[data-front-door],[data-front-door] *{box-sizing:border-box}[data-front-door]{--line:#e5e5ea;color:#0b0b0f;background:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Arial,sans-serif}[data-front-door].a-split{grid-template-columns:max(520px,34vw) minmax(0,1fr);min-height:100vh;display:grid}[data-front-door] .a-left{flex-direction:column;align-items:center;width:100%;min-height:100vh;padding-block:clamp(16px,3.4vh,40px) 16px;padding-inline:28px;display:flex}[data-front-door] .a-mark{border-radius:23%;flex:none;margin-block:auto 22px;margin-inline:0;display:block;overflow:hidden;box-shadow:0 12px 32px #0b0b0f33}[data-front-door] .a-h1{letter-spacing:-.028em;color:#0b0b0f;text-align:center;text-wrap:balance;margin-block:0 14px;margin-inline:0;font-size:min(max(520px,34vw)/13.7 - 4.08759px,46px);font-weight:700;line-height:1.08}[data-front-door] .a-sub{color:#3b3b44;text-align:center;text-wrap:balance;margin-block:0 26px;margin-inline:0;font-size:19px;line-height:1.38}[data-front-door] .a-sub b{color:#0b0b0f;font-weight:600;display:block}[data-front-door] .a-views[data-auth-view=up] .a-sub,[data-front-door] .a-views[data-auth-view=reset] .a-sub{display:none}[data-front-door] .a-views[data-auth-view=up] .a-mark{margin-block-end:16px}[data-front-door] .a-foot{color:#3b3b44;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-block-start:auto;padding-block:18px 0;padding-inline:8px;font-size:15px;display:flex}[data-front-door] .a-foot a{color:#3b3b44;text-decoration:none}[data-front-door] .a-foot a:hover{color:#0b0b0f;text-decoration:underline}[data-front-door] [hidden]{display:none!important}[data-front-door] .a-right{align-items:center;min-width:0;height:100vh;padding-block:14px;padding-inline:0 14px;display:flex;position:sticky;inset-block-start:0}[data-front-door] .a-panel{border:1px solid var(--line);background:linear-gradient(#f6f8fc,#edf0f7);border-radius:28px;flex:1;justify-content:center;align-items:center;min-width:0;padding-block:1.25rem 1.8rem;padding-inline:0;display:flex;position:relative;overflow:hidden}[data-front-door] :focus-visible:not([data-cort-mood]){outline-offset:3px;box-shadow:none!important;outline:2px solid #0b0b0f!important}[data-front-door] ::selection{color:#0b0b0f;background:#0000001f}@media (max-width:1100px){html:has([data-front-door]){font-size:14px}[data-front-door].a-split{grid-template-columns:minmax(0,1fr)}[data-front-door] .a-left{min-height:0;padding-block:28px 22px;padding-inline:16px}[data-front-door] .a-foot{padding-block-start:24px}[data-front-door] .a-right{height:auto;padding-block:0 16px;padding-inline:12px;position:static}[data-front-door] .a-panel{border-radius:22px;padding-block:14px 26px;padding-inline:14px;display:block}[data-front-door] .embed{width:auto}[data-front-door] .embed .awake{display:none}[data-front-door] .embed .hero{grid-template-columns:3rem minmax(0,1fr)}[data-front-door] .embed .tabs{display:flex;overflow-x:auto}[data-front-door] .embed .tab{flex:0 0 12rem}[data-front-door] .embed .scroll{padding-block:.25rem .75rem;padding-inline:1rem;display:block;overflow-x:auto}[data-front-door] .embed .key{flex-wrap:wrap;row-gap:.25rem;padding-inline-start:1.25rem}[data-front-door] .shelf{grid-template-columns:minmax(0,1fr)}[data-front-door] .capt{flex-wrap:wrap;row-gap:2px}}@media (max-width:560px){[data-front-door] .embed .say{font-size:1.6rem}[data-front-door] .a-h1{font-size:clamp(30px,8.4vw,40px)}}