.demo-card.svelte-1gi2sf9{--max-h: 28rem;width:min(calc(100vw - (2*clamp(1rem,5vw,4rem))),calc(var(--max-h) * max(var(--ratio),var(--min-ratio, 0))));max-width:100%;flex-shrink:0}.stage-col.svelte-1gi2sf9{width:min(100%,calc(var(--max-h) * var(--ratio)));margin-inline:auto}.stage.svelte-1gi2sf9{width:100%;aspect-ratio:var(--ratio)}@media(min-width:768px){.demo-card.svelte-1gi2sf9{--max-h: 22rem;flex-shrink:1}.stage-col.svelte-1gi2sf9{width:calc(100% * var(--ratio) / max(var(--ratio),var(--min-ratio, 0)))}.demo-card.start.svelte-1gi2sf9 .stage-col:where(.svelte-1gi2sf9){margin-left:0;margin-right:auto}.demo-card.end.svelte-1gi2sf9 .stage-col:where(.svelte-1gi2sf9){margin-left:auto;margin-right:0}.demo-card.start.svelte-1gi2sf9 p:where(.svelte-1gi2sf9){text-align:start}.demo-card.end.svelte-1gi2sf9 p:where(.svelte-1gi2sf9){text-align:end}}.hand.svelte-8i9mbu{transition:opacity .18s ease}.hand.opacity-100.svelte-8i9mbu{transition:none}.ring.svelte-8i9mbu{position:absolute;top:-7px;left:-7px;width:16px;height:16px;border-radius:999px;border:2px solid #2757cf;animation:svelte-8i9mbu-pop .45s ease-out forwards}@keyframes svelte-8i9mbu-pop{0%{transform:scale(.3);opacity:.9}to{transform:scale(2.4);opacity:0}}.finger.svelte-8i9mbu{display:block;width:200px;height:auto;margin-top:-20px;margin-left:-25px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.18))}.tap.svelte-8i9mbu{position:absolute;z-index:1;width:22px;height:22px;margin-top:-11px;margin-left:-11px;border:1px solid rgba(39,87,207,.45);border-radius:999px;background:#2757cf14;animation:svelte-8i9mbu-tap .55s cubic-bezier(.22,.6,.36,1) forwards}@keyframes svelte-8i9mbu-tap{0%{transform:scale(.5);opacity:0}35%{opacity:.8}to{transform:scale(1.65);opacity:0}}@media(prefers-reduced-motion:reduce){.ring.svelte-8i9mbu,.tap.svelte-8i9mbu{animation:none}}.cal.svelte-15o1sih{border-bottom:1px solid var(--grid-color)}.cal-hour.svelte-15o1sih{position:relative;border-top:1px solid var(--grid-color)}.cal-hour.svelte-15o1sih span:where(.svelte-15o1sih){position:absolute;top:1px;left:3px;font-size:9px;line-height:1;color:#a3a3a3}.cal-hour.svelte-15o1sih:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--grid-color)}.child.svelte-15o1sih,.sibling.svelte-15o1sih{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .35s ease,margin .35s ease}.child.svelte-15o1sih{padding-left:2rem}.child.shown.svelte-15o1sih,.sibling.shown.svelte-15o1sih{opacity:1}.child.shown.svelte-15o1sih{max-height:4rem}.sibling.shown.svelte-15o1sih{max-height:2.5rem}.board.svelte-15o1sih{--root-dz: 1.3125rem ;--sub-dz: .875rem}.subdz.svelte-15o1sih{position:relative;height:var(--sub-dz);flex-shrink:0}.dz.svelte-15o1sih{position:relative;height:var(--root-dz);min-height:var(--root-dz);flex-shrink:0}.dz.tail.svelte-15o1sih{height:0;min-height:0;margin-bottom:0;overflow:hidden}.dz.tail.shown.svelte-15o1sih{height:var(--root-dz);min-height:var(--root-dz)}.zone.svelte-15o1sih,.ghost.svelte-15o1sih{opacity:0;transition:opacity .18s ease}.board.hints.svelte-15o1sih .zone:where(.svelte-15o1sih):not(.deeper),.board.hints.svelte-15o1sih .ghost:where(.svelte-15o1sih),.board.hints.svelte-15o1sih .zone.deeper.shown:where(.svelte-15o1sih){opacity:1}.dz.svelte-15o1sih>.zone:where(.svelte-15o1sih),.subdz.svelte-15o1sih>.zone:where(.svelte-15o1sih){position:absolute;inset:0;border-radius:6px}.ghost.svelte-15o1sih{position:absolute;z-index:1;top:0;right:0;left:2rem;height:var(--sub-dz);border:1px dashed rgba(0,0,0,.2);border-radius:6px;background:#ffffffb8}.zones.svelte-15o1sih{position:relative;height:var(--root-dz);flex-shrink:0}.zone.svelte-15o1sih{border:1px dashed rgba(0,0,0,.2);background:#ffffff47}.zone.outer.svelte-15o1sih{position:absolute;inset:0;border-radius:6px}.zone.inner.svelte-15o1sih,.zone.deeper.svelte-15o1sih{position:absolute;z-index:1;top:0;right:0;height:var(--sub-dz);border-radius:6px;background:#ffffffb8}.zone.inner.svelte-15o1sih{left:2rem}.zone.deeper.svelte-15o1sih{z-index:2;left:4rem}.field.svelte-15o1sih{position:absolute;z-index:2;display:flex;align-items:center;box-sizing:border-box;padding:0 .35rem;line-height:1.35;border:2px solid #2757cf;border-radius:4px;background:#fff;color:#1a1a1a;opacity:0;pointer-events:none;transition:opacity .18s ease}.field.outer.svelte-15o1sih{inset:0;font-size:.8125rem;line-height:1.45}.field.inner.svelte-15o1sih{z-index:3;top:0;right:0;left:2rem;height:var(--sub-dz);font-size:.75rem;line-height:1.35;border-width:1px}.field.shown.svelte-15o1sih{opacity:1}.name.svelte-15o1sih{overflow:hidden;line-height:1.35;white-space:nowrap}.field.outer.svelte-15o1sih .name:where(.svelte-15o1sih){line-height:1.45}.field.inner.svelte-15o1sih .name:where(.svelte-15o1sih){overflow:visible;line-height:1.35}.caret.svelte-15o1sih{width:1.5px;height:1.05em;margin-left:1px;background:#1a1a1a;animation:svelte-15o1sih-blink 1.05s steps(1) infinite}.aim.svelte-15o1sih{position:absolute;width:0;height:0}.aim.rest.svelte-15o1sih{top:1.7rem;left:.1rem}.aim.sib.svelte-15o1sih{top:.15rem;left:.2rem}.aim.sub.svelte-15o1sih{top:.05rem;left:2.55rem}@keyframes svelte-15o1sih-blink{50%{opacity:0}}.instant.svelte-15o1sih .zone:where(.svelte-15o1sih),.instant.svelte-15o1sih .field:where(.svelte-15o1sih),.instant.svelte-15o1sih .child:where(.svelte-15o1sih),.instant.svelte-15o1sih .sibling:where(.svelte-15o1sih),.instant.svelte-15o1sih .dz:where(.svelte-15o1sih),.instant.svelte-15o1sih .subdz:where(.svelte-15o1sih),.instant.svelte-15o1sih .zones:where(.svelte-15o1sih){transition:none}@media(prefers-reduced-motion:reduce){.zone.svelte-15o1sih,.field.svelte-15o1sih,.child.svelte-15o1sih,.sibling.svelte-15o1sih,.dz.svelte-15o1sih,.subdz.svelte-15o1sih,.zones.svelte-15o1sih{transition:none}.caret.svelte-15o1sih{animation:none}}.track.svelte-1cyeu05{position:relative;margin-left:.35rem;padding-left:.9rem}.track.svelte-1cyeu05:before{content:"";position:absolute;top:.45rem;bottom:.45rem;left:.2rem;width:1px;background:#e4e4e4}.node.svelte-1cyeu05{position:relative;display:flex;min-height:1.35rem;align-items:center;gap:.35rem;transition:margin-bottom .45s ease}.instant.svelte-1cyeu05 .node:where(.svelte-1cyeu05){transition:none}.dot.svelte-1cyeu05{position:absolute;top:50%;left:-.9rem;width:.5rem;height:.5rem;border:1.5px solid #c8c8c8;border-radius:999px;background:var(--todo-list-bg-color);transform:translateY(-50%)}.badge.svelte-1cyeu05{margin-left:auto;flex-shrink:0;border-radius:6px;background:#e7e7e7;padding:1px 4px;font-size:10px;line-height:1.3;color:gray;white-space:nowrap}.badge.set.svelte-1cyeu05{background:#0009;color:#fff}.chip.svelte-1cyeu05{display:flex;min-height:1.35rem;align-items:center;overflow:hidden;padding:0 .2rem;background:transparent;font-size:.75rem;color:var(--task-name-color);white-space:nowrap}.hour.svelte-1cyeu05{position:relative;border-top:1px solid var(--grid-color)}.hour.svelte-1cyeu05 span:where(.svelte-1cyeu05){position:absolute;top:2px;left:3px;font-size:10px;line-height:1;color:#a3a3a3}.hour.svelte-1cyeu05:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--grid-color)}@media(prefers-reduced-motion:reduce){.node.svelte-1cyeu05{transition:none}}.label.svelte-tcyo8b{margin:0 0 .35rem;font-size:.75rem;font-weight:500;line-height:1.2;color:#404040}.hint.svelte-tcyo8b{margin:.4rem 0 0;font-size:.7rem;line-height:1.3;color:#737373}.swatch.svelte-tcyo8b{width:1.35rem;height:1.35rem;border:1px solid rgba(0,0,0,.1);border-radius:.4rem}.swatch.picked.svelte-tcyo8b{box-shadow:0 0 0 1.5px #3c4043}.swatch.art.svelte-tcyo8b{border-style:dashed;background:repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 3px)}.export.svelte-tcyo8b{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:1px solid #dadce0;border-radius:4px;background:#fff;color:#3c4043;font-size:.75rem;font-weight:500}.font-slider.svelte-tcyo8b .root{--thumb-size: .75rem}.connect.svelte-tcyo8b{display:inline-flex;align-items:center;height:28px;padding:0 12px 0 10px;border:1px solid #dadce0;border-radius:4px;background:#fff;color:#3c4043;font-size:.8125rem;font-weight:500}.logo.svelte-tcyo8b{width:16px;height:16px;margin-right:8px}