.flow[data-astro-cid-tbgutymt]{gap:var(--s-3);display:grid}.flow-scroll[data-astro-cid-tbgutymt]{border-radius:var(--r-lg);border:1px solid var(--line);background:radial-gradient(circle at 1px 1px, #ffffff14 1px, transparent 0) 0 0 / 22px 22px, var(--bg-2);padding:var(--s-4);overflow-x:auto}.flow-svg[data-astro-cid-tbgutymt]{width:100%;min-width:820px;height:auto}.flow-edge[data-astro-cid-tbgutymt] path[data-astro-cid-tbgutymt]{fill:none;stroke:var(--line-strong);stroke-width:2px;stroke-dasharray:6 6;transition:stroke var(--dur-1);animation:1.2s linear infinite flowdash}.flow-edge[data-astro-cid-tbgutymt].is-hot path[data-astro-cid-tbgutymt]{stroke:var(--a,var(--accent));stroke-width:3px}.flow-edge[data-astro-cid-tbgutymt] text[data-astro-cid-tbgutymt]{fill:var(--muted);font:500 12px var(--font-ui)}.flow-arrow[data-astro-cid-tbgutymt]{fill:var(--line-strong)}@keyframes flowdash{to{stroke-dashoffset:-12px}}.flow-node[data-astro-cid-tbgutymt]{cursor:pointer;outline:none}.flow-node[data-astro-cid-tbgutymt] rect[data-astro-cid-tbgutymt]{fill:var(--surface-2);stroke:var(--line-strong);stroke-width:1.5px;transition:fill var(--dur-1), stroke var(--dur-1), transform var(--dur-2) var(--ease-out)}.flow-node[data-astro-cid-tbgutymt] text[data-astro-cid-tbgutymt]{fill:var(--ink);font:600 13px var(--font-ui);pointer-events:none}.flow-node--start[data-astro-cid-tbgutymt] rect[data-astro-cid-tbgutymt]{stroke:var(--a,var(--accent))}.flow-node--key[data-astro-cid-tbgutymt] rect[data-astro-cid-tbgutymt]{fill:color-mix(in srgb, var(--a,var(--accent)) 22%, var(--surface-2))}.flow-node[data-astro-cid-tbgutymt]:hover rect[data-astro-cid-tbgutymt],.flow-node[data-astro-cid-tbgutymt]:focus-visible rect[data-astro-cid-tbgutymt]{stroke:var(--ink);fill:color-mix(in srgb, var(--a,var(--accent)) 35%, var(--surface-2))}.flow-node[data-astro-cid-tbgutymt].is-current rect[data-astro-cid-tbgutymt]{fill:var(--a,var(--accent));stroke:var(--ink)}.flow-node[data-astro-cid-tbgutymt].is-current text[data-astro-cid-tbgutymt]{fill:var(--a-ink,#111)}.flow-hint[data-astro-cid-tbgutymt]{text-align:right}.stack[data-astro-cid-3zckplj6]{gap:var(--s-7);grid-template-columns:1.3fr 1fr;align-items:center;min-height:120vh;display:grid}.stack-canvas-wrap[data-astro-cid-3zckplj6]{border-radius:var(--r-lg);background:radial-gradient(60% 60% at 50% 50%, color-mix(in srgb, var(--a,var(--accent)) 14%, transparent), transparent 70%);height:80vh;position:sticky;top:10vh;overflow:hidden}.stack-canvas[data-astro-cid-3zckplj6]{touch-action:pan-y;cursor:grab;width:100%;height:100%}.stack-canvas[data-astro-cid-3zckplj6]:active{cursor:grabbing}.stack-hint[data-astro-cid-3zckplj6]{left:50%;bottom:var(--s-4);white-space:nowrap;position:absolute;transform:translate(-50%)}.stack-list[data-astro-cid-3zckplj6]{gap:var(--s-3);padding:0;list-style:none;display:grid}.stack-list[data-astro-cid-3zckplj6] li[data-astro-cid-3zckplj6]{gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-md);border:1px solid var(--line);transition:border-color var(--dur-2), background var(--dur-2), transform var(--dur-2) var(--ease-out);display:flex}.stack-list[data-astro-cid-3zckplj6] li[data-astro-cid-3zckplj6].is-active{border-color:var(--a,var(--accent));background:color-mix(in srgb, var(--a,var(--accent)) 8%, transparent);transform:translate(-6px)}.stack-list[data-astro-cid-3zckplj6] .t-num[data-astro-cid-3zckplj6]{color:var(--a,var(--accent));font-weight:700}.stack-label[data-astro-cid-3zckplj6]{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg)}@media (width<=900px){.stack[data-astro-cid-3zckplj6]{grid-template-columns:1fr;min-height:0}.stack-canvas-wrap[data-astro-cid-3zckplj6]{height:70vh;position:relative;top:0}}.proto[data-astro-cid-talzdepz]{gap:var(--s-8);padding:var(--s-7);border-radius:calc(var(--r-lg) + 8px);border:1px solid var(--line);background:radial-gradient(60% 70% at 70% 50%, color-mix(in srgb, var(--a,var(--accent)) 16%, transparent), transparent 70%), var(--bg-2);grid-template-columns:minmax(260px,.8fr) 1.2fr;align-items:center;scroll-margin-top:90px;display:grid}.proto-side[data-astro-cid-talzdepz]{gap:var(--s-4);align-content:start;display:grid}.fid[data-astro-cid-talzdepz]{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);justify-self:start;padding:4px;display:inline-flex;position:relative}.fid[data-astro-cid-talzdepz] button[data-astro-cid-talzdepz]{z-index:1;border-radius:var(--r-pill);font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--ink-2);transition:color var(--dur-1);padding:.55rem 1rem;font-weight:600;position:relative}.fid[data-astro-cid-talzdepz] button[data-astro-cid-talzdepz][aria-checked=true]{color:var(--a-ink,#111)}.fid-pill[data-astro-cid-talzdepz]{border-radius:var(--r-pill);background:var(--a,var(--accent));height:calc(100% - 8px);transition:transform var(--dur-2) var(--ease-out), width var(--dur-2) var(--ease-out);position:absolute;top:4px;left:4px}.fid-caption[data-astro-cid-talzdepz]{min-height:2.6em}.tasks[data-astro-cid-talzdepz] ol[data-astro-cid-talzdepz]{margin-top:var(--s-3);gap:var(--s-2);padding:0;list-style:none;display:grid}.tasks[data-astro-cid-talzdepz] .t-label[data-astro-cid-talzdepz] span[data-astro-cid-talzdepz]{color:var(--a,var(--accent));margin-left:var(--s-2)}.tasks[data-astro-cid-talzdepz] button[data-astro-cid-talzdepz]{gap:var(--s-3);text-align:left;border-radius:var(--r-md);border:1px solid var(--line);width:100%;color:var(--ink-2);font-size:var(--fs-sm);transition:border-color var(--dur-1), background var(--dur-1), color var(--dur-1);align-items:center;padding:.6rem .8rem;display:flex}.tasks[data-astro-cid-talzdepz] button[data-astro-cid-talzdepz]:hover{border-color:var(--line-strong);color:var(--ink)}.tasks[data-astro-cid-talzdepz] button[data-astro-cid-talzdepz].is-here{border-color:var(--a,var(--accent));color:var(--ink);background:color-mix(in srgb, var(--a,var(--accent)) 10%, transparent)}.task-check[data-astro-cid-talzdepz]{border:1.5px solid var(--line-strong);width:18px;height:18px;transition:background var(--dur-1), border-color var(--dur-1);border-radius:50%;flex:none;place-items:center;display:grid}.tasks[data-astro-cid-talzdepz] button[data-astro-cid-talzdepz].is-done .task-check[data-astro-cid-talzdepz]{background:var(--a,var(--accent));border-color:var(--a,var(--accent))}.tasks[data-astro-cid-talzdepz] button[data-astro-cid-talzdepz].is-done .task-check[data-astro-cid-talzdepz]:after{content:"✓";color:var(--a-ink,#111);font-size:11px;font-weight:800}.proto[data-astro-cid-talzdepz].all-done .tasks[data-astro-cid-talzdepz] .t-label[data-astro-cid-talzdepz] span[data-astro-cid-talzdepz]:after{content:" · journey complete 🎉"}.proto-tools[data-astro-cid-talzdepz]{justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.hint-toggle[data-astro-cid-talzdepz]{gap:var(--s-2);font-size:var(--fs-sm);color:var(--ink-2);cursor:pointer;align-items:center;display:inline-flex}.hint-toggle[data-astro-cid-talzdepz] input[data-astro-cid-talzdepz]{accent-color:var(--a,var(--accent));width:16px;height:16px}.restart[data-astro-cid-talzdepz]{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--ink-2)}.restart[data-astro-cid-talzdepz]:hover{color:var(--ink)}.proto-stage[data-astro-cid-talzdepz]{justify-items:center;gap:var(--s-4);display:grid}.device-wrap[data-astro-cid-talzdepz]{transition:transform .6s var(--ease-out);transform-style:preserve-3d;position:relative}.device[data-astro-cid-talzdepz]{width:414px;height:868px;box-shadow:0 0 0 2px #050506, 0 50px 120px -30px #000000e6, 0 0 80px -10px color-mix(in srgb, var(--a,var(--accent)) 35%, transparent);transform-origin:0 0;background:linear-gradient(145deg,#3a3a42,#121216 40%,#2a2a30);border-radius:64px;padding:12px;position:absolute;top:0;left:0}.device--light[data-astro-cid-talzdepz]{background:linear-gradient(145deg,#f2f2f2,#c9c9cc 40%,#ececee)}.device-screen[data-astro-cid-talzdepz]{isolation:isolate;background:#000;border-radius:52px;width:390px;height:844px;position:relative;overflow:hidden}.statusbar[data-astro-cid-talzdepz]{z-index:20;height:50px;font:600 15px var(--font-ui);color:var(--sb,#fff);pointer-events:none;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:6px 34px 0;display:flex;position:absolute;inset:0 0 auto}.sb-icons[data-astro-cid-talzdepz]{letter-spacing:1px;font-size:11px}.statusbar[data-astro-cid-talzdepz]:after{content:"";mix-blend-mode:normal;background:#000;border-radius:20px;width:120px;height:34px;margin-left:-60px;position:absolute;top:11px;left:50%}.home-indicator[data-astro-cid-talzdepz]{z-index:20;pointer-events:none;background:#80808099;border-radius:3px;width:134px;height:5px;margin-left:-67px;position:absolute;bottom:8px;left:50%}.screens[data-astro-cid-talzdepz]{position:absolute;inset:0}.proto-caption[data-astro-cid-talzdepz]{text-align:center}.proto-caption[data-astro-cid-talzdepz] span[data-astro-cid-talzdepz]{color:var(--ink)}@media (width<=960px){.proto[data-astro-cid-talzdepz]{padding:var(--s-5);gap:var(--s-6);grid-template-columns:1fr}.proto-stage[data-astro-cid-talzdepz]{order:-1}}.device-screen .scr{visibility:hidden;z-index:1;position:absolute;inset:0;overflow:hidden}.device-screen .scr.is-active{visibility:visible;z-index:2}.device-screen .scr.leave{visibility:visible;z-index:1;animation:scr-out .5s var(--ease-out) both}.device-screen .scr.leave[data-dir=back]{animation-name:scr-out-back}.device-screen .scr.leave[data-dir=sheet-out]{z-index:3;animation-name:scr-sheet-out}.device-screen .scr.under{visibility:visible;z-index:1;filter:brightness(.5);transition:filter .4s}@keyframes scr-sheet-out{to{transform:translateY(100%)}}.device-screen .scr.enter{animation:scr-in .5s var(--ease-out) both}.device-screen .scr.enter-back{animation:scr-in-back .5s var(--ease-out) both}.device-screen .scr.enter-sheet{animation:scr-sheet .55s var(--ease-out) both}@keyframes scr-in{0%{transform:translate(100%)}to{transform:none}}@keyframes scr-out{to{filter:brightness(.6);transform:translate(-30%)}}@keyframes scr-in-back{0%{filter:brightness(.6);transform:translate(-30%)}to{filter:none;transform:none}}@keyframes scr-out-back{to{transform:translate(100%)}}@keyframes scr-sheet{0%{transform:translateY(100%)}to{transform:none}}.device-screen [data-scroll]{overscroll-behavior:contain;scrollbar-width:none;overflow-y:auto}.device-screen [data-scroll]::-webkit-scrollbar{display:none}.device-screen [data-go],.device-screen [data-back],.device-screen [data-toggle]{cursor:pointer}.device-screen.show-hints [data-go],.device-screen.show-hints [data-back],.device-screen.show-hints [data-toggle]{outline:2px solid var(--a,#ff2e88);outline-offset:2px;animation:1.4s ease-in-out infinite hint}@keyframes hint{50%{outline-color:#0000}}.device-screen.fid-wire .scr,.device-screen.fid-sketch .scr{background:#f4f4f1!important}.device-screen.fid-wire .scr *,.device-screen.fid-sketch .scr *{color:#0000!important;box-shadow:none!important;text-shadow:none!important;fill:#d2d2cd!important;stroke:#a9a9a4!important;background-color:#0000!important;background-image:none!important;border-color:#bdbdb8!important}.device-screen.fid-wire .scr .ui,.device-screen.fid-sketch .scr .ui{outline:1.5px solid #c9c9c4;background-color:#fff!important}.device-screen.fid-wire .scr .t,.device-screen.fid-sketch .scr .t{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;background-color:#d9d9d4!important}.device-screen.fid-wire .scr .btn,.device-screen.fid-sketch .scr .btn{outline:none;background-color:#8f8f8a!important}.device-screen.fid-wire .scr .btn .t,.device-screen.fid-sketch .scr .btn .t{background-color:#c7c7c2!important}.device-screen.fid-wire .scr .img,.device-screen.fid-sketch .scr .img{outline:1.5px solid #c4c4bf;background-color:#e7e7e3!important;background-image:linear-gradient(to top right,#0000 calc(50% - 1px),#c4c4bf,#0000 calc(50% + 1px)),linear-gradient(to top left,#0000 calc(50% - 1px),#c4c4bf,#0000 calc(50% + 1px))!important}.device-screen.fid-wire .scr .img *,.device-screen.fid-sketch .scr .img *{visibility:hidden}.device-screen.fid-wire .scr .ico,.device-screen.fid-sketch .scr .ico{border-radius:50%;background-color:#cfcfca!important}.device-screen.fid-wire .statusbar,.device-screen.fid-sketch .statusbar{color:#333;mix-blend-mode:normal}.device-screen.fid-sketch .scr{filter:url(#sketchy);background:#fbf7ec!important}.device-screen.fid-sketch .scr .ui{border-radius:10px;outline:2px solid #2d2d2d;background-color:#0000!important}.device-screen.fid-sketch .scr .t{background-color:#0000!important;background-image:repeating-linear-gradient(#0000 0 40%,#3a3a3a 40% 55%,#0000 55% 100%)!important}.device-screen.fid-sketch .scr .btn{outline:2.5px solid #2d2d2d;background-color:#0000!important}.device-screen.fid-sketch .scr .img{outline:2px solid #2d2d2d;background-color:#0000!important;background-image:linear-gradient(to top right,#0000 calc(50% - 1px),#2d2d2d,#0000 calc(50% + 1px)),linear-gradient(to top left,#0000 calc(50% - 1px),#2d2d2d,#0000 calc(50% + 1px))!important}.device-screen.fid-sketch .scr .ico{outline:2px solid #2d2d2d;background-color:#0000!important}.device-screen.fid-sketch .scr svg *{stroke:#2d2d2d!important;fill:none!important}