.explainer.svelte-1q1j5q7{border:1px solid var(--color-border);background:#fff}.explainer-top.svelte-1q1j5q7{background:var(--color-surface-soft);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;display:flex}.view-tabs.svelte-1q1j5q7{gap:6px;display:flex}.view-tabs.svelte-1q1j5q7 button:where(.svelte-1q1j5q7){color:var(--color-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:22px;padding:12px 16px;font-size:12px;font-weight:700;display:flex}.view-tabs.svelte-1q1j5q7 button.active:where(.svelte-1q1j5q7){background:var(--color-ink);color:#fff;border-color:var(--color-ink)}.view-tabs.svelte-1q1j5q7 button:where(.svelte-1q1j5q7):hover:not(.active){border-color:#8f9e93}.view-tabs.svelte-1q1j5q7 button:where(.svelte-1q1j5q7) span:where(.svelte-1q1j5q7){font-size:16px}.diagram-label.svelte-1q1j5q7{color:var(--color-subtle);letter-spacing:.1em;font-size:9px}.diagram-panel.svelte-1q1j5q7{padding:clamp(22px,3.5vw,50px)}figure.svelte-1q1j5q7{margin:0}.figure-heading.svelte-1q1j5q7{margin-bottom:36px}.technical-summary.svelte-1q1j5q7{max-width:900px;margin-top:18px}.diagram-kicker.svelte-1q1j5q7,.step.svelte-1q1j5q7,.node-label.svelte-1q1j5q7,.lane-heading.svelte-1q1j5q7>span:where(.svelte-1q1j5q7){letter-spacing:.1em;color:var(--color-green);font-size:9px;font-weight:700;display:block}h3.svelte-1q1j5q7,h4.svelte-1q1j5q7{letter-spacing:-.04em;font-weight:500}h3.svelte-1q1j5q7{margin:12px 0 0;font-size:clamp(25px,2.7vw,36px);line-height:1.2}h4.svelte-1q1j5q7{margin:13px 0 12px;font-size:23px;line-height:1.2}p.svelte-1q1j5q7{color:var(--color-muted);margin:0;font-size:13px;line-height:1.75}.everyday-flow.svelte-1q1j5q7{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);align-items:start;display:grid}.endpoint-flow.svelte-1q1j5q7{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr)}.scene-icon.svelte-1q1j5q7{background:var(--color-surface-soft);border:1px solid #dce4db;justify-content:center;align-items:center;height:125px;margin-bottom:24px;display:flex;position:relative}.scene-icon.svelte-1q1j5q7>svg{color:#174b25;width:67px;height:67px}.small-icon.svelte-1q1j5q7{background:var(--color-ink);color:var(--color-accent);border:3px solid var(--color-surface-soft);border-radius:50%;padding:7px;position:absolute;top:62px;left:calc(50% + 18px)}.small-icon.svelte-1q1j5q7 svg{width:22px;height:22px;display:block}.flow-arrow.svelte-1q1j5q7{color:var(--color-green-strong);text-align:center;padding-top:45px;font-size:26px}.example-bubble.svelte-1q1j5q7{color:#284a30;background:#e8f5e4;border-radius:0 9px 9px;margin-top:20px;padding:14px;font-size:12px;line-height:1.6}.reply.svelte-1q1j5q7{border:1px solid #d5ded3}.mini-tags.svelte-1q1j5q7{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.mini-tags.svelte-1q1j5q7 span:where(.svelte-1q1j5q7){border:1px solid var(--color-border);color:var(--color-muted);padding:6px 8px;font-size:10px}.return-path.svelte-1q1j5q7{background:var(--color-ink);color:#c3efbd;align-items:center;gap:15px;margin-top:34px;padding:17px 20px;font-size:12px;line-height:1.6;display:flex}.return-path.svelte-1q1j5q7>span:where(.svelte-1q1j5q7):first-child{color:var(--color-accent);font-size:23px}.return-path.svelte-1q1j5q7 svg{flex-shrink:0;width:25px;height:25px;margin-left:auto}figcaption.svelte-1q1j5q7{color:#657168;border-top:1px solid #dce4db;margin-top:25px;padding-top:20px;font-size:11px;line-height:1.8}.setup-band.svelte-1q1j5q7{background:var(--color-surface-soft);border:1px dashed #a7b8a6;padding:22px}.handshake-path.svelte-1q1j5q7{max-width:520px;color:var(--color-green);text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:16px auto 0;display:grid}.handshake-path.svelte-1q1j5q7 span:where(.svelte-1q1j5q7){font-size:24px;line-height:1}.handshake-path.svelte-1q1j5q7 strong:where(.svelte-1q1j5q7){font-size:11px}.lane-heading.svelte-1q1j5q7{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:15px;display:flex}.lane-heading.svelte-1q1j5q7 p:where(.svelte-1q1j5q7){font-size:11px}.setup-services.svelte-1q1j5q7{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:22px;display:grid}.service.svelte-1q1j5q7{border:1px solid var(--color-border);background:#fff;align-items:flex-start;gap:16px;padding:16px;display:flex}.service.svelte-1q1j5q7 svg{width:34px;height:34px;color:var(--color-green);flex-shrink:0}code.svelte-1q1j5q7{color:var(--color-green);overflow-wrap:anywhere;font-size:12px;display:block}.service.svelte-1q1j5q7 p:where(.svelte-1q1j5q7){margin-top:7px;font-size:12px}.session-heading.svelte-1q1j5q7{margin:28px 0 16px}.session-flow.svelte-1q1j5q7,.endpoint-technical.svelte-1q1j5q7{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:stretch;display:grid}.technical-node.svelte-1q1j5q7{border:1px solid var(--color-border);background:var(--color-surface);padding:26px}.technical-node.svelte-1q1j5q7>svg{width:42px;height:42px;color:var(--color-green);margin-bottom:22px}.technical-node.svelte-1q1j5q7 h4:where(.svelte-1q1j5q7){margin-bottom:9px}.technical-node.svelte-1q1j5q7 p:where(.svelte-1q1j5q7){margin-top:15px}.technical-node.svelte-1q1j5q7 ul:where(.svelte-1q1j5q7){color:var(--color-muted);margin:0;padding:18px 0 0 16px;font-size:12px;line-height:1.9}.vui-node.svelte-1q1j5q7{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.vui-node.svelte-1q1j5q7>svg,.vui-node.svelte-1q1j5q7 .node-label:where(.svelte-1q1j5q7),.vui-node.svelte-1q1j5q7 code:where(.svelte-1q1j5q7){color:var(--color-accent-on-dark)}.vui-node.svelte-1q1j5q7 p:where(.svelte-1q1j5q7){color:var(--color-muted-on-dark)}.transport.svelte-1q1j5q7{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px 12px;display:flex}.transport-arrow.svelte-1q1j5q7{color:var(--color-green-strong);font-size:40px;line-height:1}.transport.svelte-1q1j5q7 strong:where(.svelte-1q1j5q7){font-size:13px}.transport.svelte-1q1j5q7>span:where(.svelte-1q1j5q7):not(.transport-arrow){color:var(--color-muted);font-size:10px;line-height:1.6}.service-branches.svelte-1q1j5q7{color:var(--color-muted);justify-content:center;align-items:center;gap:12px;padding-block:16px;font-size:11px;display:flex}.service-branches.svelte-1q1j5q7>span:where(.svelte-1q1j5q7):last-child{color:var(--color-green-strong);font-size:25px}.runtime-services.svelte-1q1j5q7{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.runtime-service.svelte-1q1j5q7{border:1px solid var(--color-border);flex-direction:column;padding:22px;display:flex}.runtime-service.svelte-1q1j5q7 h4:where(.svelte-1q1j5q7){font-size:20px}.runtime-service.svelte-1q1j5q7 p:where(.svelte-1q1j5q7){margin:10px 0 18px;font-size:12px}.application.svelte-1q1j5q7{background:var(--color-surface-soft);border-color:#8bb78c}.service-direction.svelte-1q1j5q7{border-top:1px solid var(--color-border-soft);color:var(--color-green);margin-top:auto;padding-top:12px;font-size:10px}.keyboard-output.svelte-1q1j5q7{background:var(--color-ink);color:#fff;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:center;gap:15px;margin-top:22px;padding:22px;display:grid}.keyboard-output.svelte-1q1j5q7 strong:where(.svelte-1q1j5q7){margin-top:9px;font-size:13px;line-height:1.6;display:block}.keyboard-output.svelte-1q1j5q7 .node-label:where(.svelte-1q1j5q7){color:var(--color-accent-on-dark)}.keyboard-output.svelte-1q1j5q7 svg{width:35px;height:35px;color:var(--color-accent-on-dark)}.output-arrow.svelte-1q1j5q7{color:var(--color-muted-on-dark);align-items:center;gap:10px;font-size:10px;line-height:1.6;display:flex}.output-arrow.svelte-1q1j5q7>span:where(.svelte-1q1j5q7):first-child{color:var(--color-accent);font-size:28px}.alternative.svelte-1q1j5q7{border:1px dashed #a7b8a6;margin-top:22px;padding:20px 23px}.alternative.svelte-1q1j5q7 strong:where(.svelte-1q1j5q7){margin-bottom:8px;font-size:12px;display:block}.alternative.svelte-1q1j5q7 p:where(.svelte-1q1j5q7){font-size:12px}@media (width<=1050px){.endpoint-flow.svelte-1q1j5q7{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);row-gap:28px}.endpoint-flow.svelte-1q1j5q7>.flow-arrow:where(.svelte-1q1j5q7):nth-child(4){display:none}}@media (width<=760px){.diagram-label.svelte-1q1j5q7{display:none}.explainer-top.svelte-1q1j5q7{padding:10px}.everyday-flow.svelte-1q1j5q7,.endpoint-flow.svelte-1q1j5q7{grid-template-columns:1fr;gap:0}.journey-node.svelte-1q1j5q7{grid-template-columns:80px minmax(0,1fr);column-gap:22px;display:grid}.scene-icon.svelte-1q1j5q7{grid-row:1/6;height:94px;margin-bottom:0}.scene-icon.svelte-1q1j5q7>svg{width:47px;height:47px}.small-icon.svelte-1q1j5q7{padding:5px;top:51px;left:40px}.small-icon.svelte-1q1j5q7 svg{width:18px;height:18px}.journey-node.svelte-1q1j5q7 h4:where(.svelte-1q1j5q7){margin-top:9px}.journey-node.svelte-1q1j5q7 p:where(.svelte-1q1j5q7),.journey-node.svelte-1q1j5q7 .example-bubble:where(.svelte-1q1j5q7),.journey-node.svelte-1q1j5q7 .mini-tags:where(.svelte-1q1j5q7){grid-column:2}.flow-arrow.svelte-1q1j5q7,.endpoint-flow.svelte-1q1j5q7>.flow-arrow:where(.svelte-1q1j5q7):nth-child(4){justify-self:start;width:80px;padding:10px 0;display:block;transform:rotate(90deg)}.setup-services.svelte-1q1j5q7,.session-flow.svelte-1q1j5q7,.endpoint-technical.svelte-1q1j5q7{grid-template-columns:1fr}.transport.svelte-1q1j5q7{flex-flow:wrap;gap:12px;padding-block:15px}.transport-arrow.svelte-1q1j5q7{transform:rotate(90deg)}.transport.svelte-1q1j5q7>span:where(.svelte-1q1j5q7):not(.transport-arrow) br:where(.svelte-1q1j5q7){display:none}.technical-node.svelte-1q1j5q7{padding:23px}.runtime-services.svelte-1q1j5q7{grid-template-columns:1fr}.keyboard-output.svelte-1q1j5q7{grid-template-columns:1fr;gap:18px}.output-arrow.svelte-1q1j5q7>span:where(.svelte-1q1j5q7):first-child{transform:rotate(90deg)}}@media (width<=400px){.view-tabs.svelte-1q1j5q7 button:where(.svelte-1q1j5q7){gap:12px;padding-inline:11px}.journey-node.svelte-1q1j5q7{grid-template-columns:56px minmax(0,1fr);gap:0 16px}.scene-icon.svelte-1q1j5q7{height:75px}.scene-icon.svelte-1q1j5q7>svg{width:36px;height:36px}.small-icon.svelte-1q1j5q7{display:none}.flow-arrow.svelte-1q1j5q7,.endpoint-flow.svelte-1q1j5q7>.flow-arrow:where(.svelte-1q1j5q7):nth-child(4){width:56px}.diagram-panel.svelte-1q1j5q7{padding:20px 16px}}