.flow-screen{aspect-ratio:16/11;background:var(--mist);border-radius:14px;position:relative;overflow:hidden;container-type:inline-size}.fl-stage{font-size:clamp(12px,4.1cqi,15px);position:absolute;inset:0}.fl-step{opacity:0;transition:opacity .45s var(--motion-ease), transform .45s var(--motion-ease);pointer-events:none;flex-direction:column;gap:.55em;padding:1em;display:flex;position:absolute;inset:0;transform:translateY(.6em)}.fl-step.is-on{opacity:1;transform:none}.fl-step.is-on .fl-in{animation:fl-in .5s var(--motion-ease) both;animation-delay:calc(.18s + var(--i,0) * .13s)}@keyframes fl-in{0%{opacity:0;transform:translateY(.7em)}}.fl-head{justify-content:space-between;align-items:baseline;gap:.6em;padding-inline:.15em;display:flex}.fl-title{letter-spacing:-.015em;color:var(--ink);font-size:.95em;font-weight:700}.fl-sub{color:var(--graphite);font-size:.78em;font-weight:500}.fl-row{background:var(--surface);border:1px solid #0000;border-radius:.7em;align-items:center;gap:.6em;padding:.6em .7em;display:flex;position:relative;box-shadow:0 1px 2px #0b0c0f0d}.fl-row--plain{box-shadow:none;background:0 0;padding-block:.3em}.fl-row.is-pick{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft)}.fl-ic{background:var(--blue-soft);border-radius:.5em;flex:none;width:1.7em;height:1.7em}.fl-ic--ok{background:var(--ok-soft)}.fl-lbl{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.92em;font-weight:600;overflow:hidden}.fl-meta{color:var(--graphite);flex:none;margin-left:auto;font-size:.8em;font-weight:500}.fl-stack{flex-direction:column;gap:.15em;min-width:0;display:flex}.fl-bar{height:.4em;width:var(--w,60%);background:var(--line);border-radius:999px}.fl-bubble{background:var(--surface);max-width:84%;color:var(--ink);border-radius:1em 1em 1em .3em;align-self:flex-start;padding:.55em .8em;font-size:.88em;line-height:1.35;box-shadow:0 1px 2px #0b0c0f0d}.fl-bubble b{color:var(--graphite);font-size:.85em;font-weight:600;display:block}.fl-bubble--me{background:var(--blue);box-shadow:none;color:#fff;border-radius:1em 1em .3em;align-self:flex-end}.fl-lbl--day{flex:none;width:2.4em}.fl-meter{background:var(--line);border-radius:999px;flex:1;height:.5em;overflow:hidden}.fl-meter i{width:var(--w,50%);border-radius:inherit;background:var(--blue);height:100%;display:block}.fl-chips{flex-wrap:wrap;gap:.4em;display:flex}.fl-chip{background:var(--surface);color:var(--ink);border-radius:999px;padding:.42em .8em;font-size:.82em;font-weight:600;position:relative;box-shadow:0 1px 2px #0b0c0f0f}.fl-chip.is-on{background:var(--blue);color:#fff;box-shadow:none}.fl-btn{text-align:center;background:var(--blue);color:#fff;border-radius:.7em;padding:.65em;font-size:.88em;font-weight:700;position:relative}.fl-pill{letter-spacing:.02em;background:var(--line);color:var(--graphite);white-space:nowrap;border-radius:999px;padding:.3em .65em;font-size:.72em;font-weight:700}.fl-pill--ok{background:var(--ok-soft);color:#0b7a4f}.fl-pill--blue{background:var(--blue-soft);color:var(--blue)}.fl-swap{margin-left:auto;display:grid;position:relative}.fl-swap>*{grid-area:1/1}.fl-step.is-on .fl-swap>:first-child{animation:fl-fade-out .35s var(--motion-ease) 1.15s both}.fl-step.is-on .fl-swap>:last-child{animation:fl-fade-in .35s var(--motion-ease) 1.15s both}@keyframes fl-fade-out{to{opacity:0;transform:translateY(-.4em)}}@keyframes fl-fade-in{0%{opacity:0;transform:translateY(.4em)}}.fl-total{background:var(--surface);border-radius:.7em;justify-content:space-between;align-items:baseline;margin-top:auto;padding:.55em .75em;display:flex;box-shadow:0 1px 2px #0b0c0f0d}.fl-total span{color:var(--graphite);font-size:.82em;font-weight:600}.fl-total b{letter-spacing:-.02em;font-size:1.05em;font-weight:800}.fl-result{text-align:center;flex-direction:column;align-items:center;gap:.3em;margin:auto;display:flex}.fl-check{background:var(--ok-soft);color:#0b7a4f;border-radius:999px;place-items:center;width:2.6em;height:2.6em;margin-bottom:.2em;display:grid}.fl-check--blue{background:var(--blue-soft);color:var(--blue)}.fl-check svg{width:1.4em;height:1.4em}.fl-step.is-on .fl-check{animation:fl-pop .55s var(--motion-ease) .15s both}@keyframes fl-pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.fl-big{letter-spacing:-.025em;font-size:1.15em;font-weight:800}.fl-small{color:var(--graphite);font-size:.82em;font-weight:500}.fl-day{flex-direction:column;gap:.35em;display:flex}.fl-slot{align-items:center;gap:.6em;display:flex}.fl-time{width:3.2em;color:var(--graphite);flex:none;font-size:.78em;font-weight:600}.fl-block{background:var(--blue-soft);min-width:0;color:var(--blue-deep);white-space:nowrap;text-overflow:ellipsis;border-radius:.55em;flex:1;padding:.5em .7em;font-size:.85em;font-weight:600;overflow:hidden}.fl-block--filled{background:var(--blue);color:#fff;box-shadow:0 .35em .9em -.45em #1444b499}.fl-block--empty{border:1.5px dashed var(--graphite-light);color:var(--graphite);background:0 0;font-weight:500}.fl-vanish{position:relative}.fl-step.is-on .fl-vanish{animation:fl-vanish .7s var(--motion-ease) .7s both}@keyframes fl-vanish{to{opacity:0;transform:scale(.97)}}.fl-step.is-on .fl-rise{animation:fl-rise .75s var(--motion-ease) .3s both}@keyframes fl-rise{0%{transform:translateY(2.9em)}}.fl-tap{left:var(--x,50%);top:var(--y,50%);border:.14em solid var(--blue);opacity:0;pointer-events:none;border-radius:999px;width:2.2em;height:2.2em;margin:-1.1em 0 0 -1.1em;position:absolute}.fl-step.is-on .fl-tap{animation:fl-tap 1s var(--motion-ease) .5s both}@keyframes fl-tap{0%{opacity:0;transform:scale(.25)}25%{opacity:.85}to{opacity:0;transform:scale(1.45)}}.flow-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--graphite);font-size:.7rem;font-weight:700}.flow-window{width:100%;max-width:calc((100vh - var(--header-h) - 7rem) * 16 / 11);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-device);flex-direction:column;gap:.7rem;margin-inline:auto;padding:.8rem .8rem 1rem;display:flex}.flow-window-head{flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;padding-inline:.35rem;display:flex}.flow-window-title{letter-spacing:-.015em;font-size:1.05rem;font-weight:700}.flow-window-count{color:var(--graphite);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.8rem;font-weight:600}.flow-window-foot{padding-inline:.35rem;display:flex}.flow-window .fl-stage{font-size:clamp(12px,4.1cqi,22px)}.flow-stages .fl-stage{opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}.flow-stages .fl-stage.is-shown{opacity:1;visibility:visible;transition:opacity .35s}.flow-dots{align-items:center;gap:.3rem;display:inline-flex}.flow-dots i{background:var(--line);width:.45rem;height:.45rem;transition:width .3s var(--motion-ease);border-radius:999px;display:block;position:relative;overflow:hidden}.flow-dots i.is-done{background:var(--blue)}.flow-dots i.is-on{width:1.6rem}.flow-dots i.is-on:after{content:"";background:var(--blue);transform-origin:0;transform:scaleX(var(--fill,1));position:absolute;inset:0}@media (width<=900px){.flow-window{gap:.5rem;padding:.6rem .6rem .75rem}.flow-window-count{display:none}}@media (prefers-reduced-motion:reduce){.flow-stages .fl-stage,.flow-stages .fl-stage.is-shown,.flow-dots i{transition:none}.fl-step,.fl-step.is-on *{transition:none!important;animation:none!important}.fl-tap{display:none}}