.era-story{height:245vh;min-height:1600px;position:relative;background:var(--canvas);border-bottom:1px solid var(--line);color:var(--plum)}
.era-stage{position:sticky;top:70px;height:calc(100vh - 75px);min-height:610px;max-height:900px;overflow:hidden;max-width:1240px;margin:auto}
.era-heading{position:absolute;top:30px;left:24px;right:24px}.era-heading [hidden]{display:none}.era-heading span{font-size:10px;letter-spacing:.12em;color:var(--plum-400)}.era-heading h2{font-family:var(--font-serif)!important;font-size:clamp(26px,2.7vw,38px)!important;line-height:1.4!important;font-weight:500!important;letter-spacing:-.03em!important;margin:12px 0!important}.era-heading p{font-size:13px;color:var(--muted);margin:0}
.era-scene{position:absolute;top:162px;left:24px;right:24px;bottom:100px}.era-scene canvas{display:block;width:100%;height:100%;pointer-events:none}
.era-panel{position:absolute;background:color-mix(in srgb, var(--paper) 92%, transparent);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;top:50%;transform:translateY(-50%);width:34%}.era-source{left:0}.era-destination{right:0;min-height:240px}.era-panel-top{display:flex;align-items:center;gap:8px;padding:15px 18px;border-bottom:1px solid var(--lavender-soft)}.era-panel-top b{font-weight:500;font-size:12px}.era-panel-top small{margin-left:auto;font:9px monospace;color:var(--faint)}.era-database{color:var(--plum-300);font-size:18px}.era-table-head,.era-data-row{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:10px;padding:12px 18px;font-size:12px;border-bottom:1px solid var(--lavender-soft)}.era-table-head{font:10px monospace;color:var(--faint);background:var(--canvas);padding-top:9px;padding-bottom:9px}.era-data-row{color:var(--muted)}.era-data-row small{font:10px monospace;color:var(--plum-300)}.era-events .era-data-row{font:12px monospace}.era-source-note{display:flex;align-items:center;gap:7px;margin:15px 18px;font-size:10px;color:var(--faint)}.era-source-note i{height:4px;width:4px;background:var(--lavender);border-radius:50%}
.era-tool{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.era-tool img{width:36px;height:36px}.era-tool b{font-size:15px;font-weight:500;letter-spacing:-.02em}.era-tool>span{font-size:9px;color:var(--faint)}.era-tool .era-sql-symbol{display:grid;place-items:center;width:70px;height:70px;background:var(--lavender-soft);border:1px solid var(--lavender-line);border-radius:50%;color:var(--plum-400);font:13px monospace}
.era-gap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:12px}.era-gap span{font:12px monospace;color:var(--faint)}.era-gap i{height:34px;border-left:1px dashed var(--line-strong)}.era-gap b{font-size:11px;font-weight:400;color:var(--rose-deep);padding:5px 8px;background:var(--rose-soft);border-radius:var(--r-xs);white-space:nowrap}
.era-query{font:10px/1.6 monospace;background:var(--tint);margin:13px 15px;padding:7px 10px;border-radius:var(--r-xs);color:var(--faint)}.era-query b{color:var(--plum-500);font-weight:500}.era-bar-row{display:grid;grid-template-columns:90px 1fr 14px;align-items:center;gap:10px;margin:12px 18px;font-size:10px;color:var(--plum-400)}.era-bar-row i{height:7px;width:var(--bar);border-radius:var(--r-xs);background:linear-gradient(90deg,var(--lavender),var(--lavender-line))}.era-bar-row:nth-last-child(1) i{background:linear-gradient(90deg,var(--mint-line),var(--green-soft))}.era-bar-row b{font:10px monospace;font-weight:400}.era-empty-column{margin:20px 25px;border:1px dashed var(--orchid-line);border-radius:var(--r-sm);padding:12px}.era-empty-column span{font-size:11px;color:var(--faint)}.era-empty-column i{display:block;height:3px;width:35%;background:var(--lavender-soft);margin-top:14px;border-radius:var(--r-xs)}.era-missing-note{text-align:center;color:var(--orchid-deep);font-size:11px;line-height:1.8;margin:16px}.era-labeled-row{display:flex;align-items:center;gap:16px;margin:9px 18px}.era-labeled-row small{font:10px monospace;color:var(--plum-300)}.era-labeled-row span{font-size:10px;border-radius:var(--r-xs);background:var(--lavender-soft);color:var(--plum-400);padding:4px 8px}.era-labeled-row:nth-child(4) span{background:var(--green-soft);color:var(--mint-deep)}.era-takeaway{position:absolute;bottom:-28px;left:0;right:0;text-align:center;font-size:12px;color:var(--faint)}.era-takeaway span{margin-left:12px;color:var(--plum-600)}
.era-at-0,.era-at-1,.era-at-2,.era-at-text{display:none}.era-story:not([data-era-phase]) .era-at-0,.era-story[data-era-phase="0"] .era-at-0,.era-story[data-era-phase="1"] .era-at-1,.era-story[data-era-phase="2"] .era-at-2,.era-story[data-era-phase="1"] .era-at-text,.era-story[data-era-phase="2"] .era-at-text{display:block;animation:era-appear .45s both}.era-story[data-era-phase="0"] .era-tool.era-at-0,.era-story[data-era-phase="2"] .era-tool.era-at-2,.era-story[data-era-phase="1"] .era-gap.era-at-1{display:flex}.era-story[data-era-phase="0"] .era-source-note.era-at-0,.era-story[data-era-phase="1"] .era-source-note.era-at-text,.era-story[data-era-phase="2"] .era-source-note.era-at-text{display:flex}
.era-progress{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:26px}.era-progress button{display:flex;align-items:center;gap:8px;border:0;padding:8px;background:transparent;color:var(--plum-300);font-size:11px;white-space:nowrap;cursor:pointer}.era-progress i{height:3px;width:16px;border-radius:var(--r-md);background:var(--line);transition:width var(--dur-slow),background var(--dur-slow)}.era-progress button[aria-pressed=true]{color:var(--plum-600)}.era-progress button[aria-pressed=true] i{width:30px;background:var(--plum-300)}.era-scroll-cue{position:absolute;right:24px;top:38px;color:var(--plum-300);font-size:10px}.era-replay{position:absolute;bottom:27px;right:24px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%!important;background:color-mix(in srgb, var(--paper) 50%, transparent);color:var(--faint);cursor:pointer}.era-replay:hover{background:var(--paper);color:var(--plum-600)}.era-progress button:focus-visible,.era-replay:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@keyframes era-appear{from{opacity:0}to{opacity:1}}
@media(max-width:700px){.era-stage{top:65px;min-height:690px;height:calc(100vh - 70px)}.era-story{height:250vh;min-height:1800px}.era-heading{top:20px;left:18px;right:18px}.era-heading h2{font-size:25px!important;max-width:340px}.era-heading p{font-size:11px;line-height:1.8;max-width:330px}.era-scroll-cue{display:none}.era-scene{top:172px;left:18px;right:18px;bottom:100px}.era-panel{width:43%}.era-panel-top{padding:10px;gap:4px;flex-wrap:wrap}.era-panel-top b{font-size:10px}.era-panel-top small{font-size:8px}.era-table-head,.era-data-row{grid-template-columns:16px 1fr;font-size:10px;padding:10px 8px;gap:5px}.era-events .era-table-head,.era-events .era-data-row{grid-template-columns:1fr 1fr;font-size:9px}.era-source-note{font-size:8px;margin:10px 8px;line-height:1.7}.era-database{display:none}.era-tool img{width:24px;height:24px}.era-tool b{font-size:10px}.era-tool>span{display:none}.era-tool .era-sql-symbol{width:38px;height:38px;font-size:9px}.era-gap b{font-size:8px;max-width:32px;white-space:normal;text-align:center}.era-destination{min-height:210px}.era-query{font-size:8px;margin:9px 7px;padding:5px}.era-bar-row{grid-template-columns:1fr 35px 10px;gap:5px;margin:10px 8px;font-size:8px}.era-labeled-row{margin:8px;gap:7px}.era-labeled-row span{font-size:8px;padding:4px}.era-empty-column{margin:12px}.era-missing-note{font-size:9px;margin:10px}.era-takeaway{bottom:-18px;font-size:10px;line-height:1.8}.era-takeaway span{display:block;margin:0}.era-progress{gap:8px}.era-progress button{font-size:10px;padding:6px}.era-progress i{width:8px}.era-progress button[aria-pressed=true] i{width:16px}.era-replay{right:10px}}
@media(prefers-reduced-motion:reduce){.era-story{height:auto;min-height:0}.era-stage{position:relative;top:0;height:740px;min-height:0}.era-at-0,.era-at-1,.era-at-2,.era-at-text{animation:none}.era-scroll-cue,.era-replay{display:none}}
/* A persistent user window and SQL console make the time transition concrete. */
.era-stage{min-height:650px}.era-scene{top:205px;bottom:98px}.era-time-axis{position:absolute;left:24px;right:24px;top:139px;display:flex;align-items:center;gap:20px;max-width:570px}.era-time-axis>span{font-size:11px;color:var(--plum-400);white-space:nowrap}.era-time-axis small{font-size:9px;color:var(--plum-300);display:block;margin-bottom:4px}.era-time-axis>div{position:relative;height:1px;background:var(--line);flex:1;min-width:60px;margin-top:10px}.era-time-axis i{position:absolute;left:0;top:0;height:1px;width:calc(var(--behavior-shift,0)*100%);background:var(--plum-300)}.era-time-axis b{position:absolute;left:calc(var(--behavior-shift,0)*100%);top:-4px;width:8px;height:8px;border-radius:50%;background:var(--plum-300);box-shadow:0 0 0 5px color-mix(in srgb, var(--line) 37%, transparent);transform:translateX(-50%)}
.era-user-window{width:33%;border-radius:var(--r-xl)}.era-user-window .era-panel-top{padding:13px 16px}.era-user-window .era-panel-top b{font-size:11px}.era-user-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--lavender-soft);color:var(--faint)}.era-user-surfaces{height:229px;position:relative;overflow:hidden}.era-user-legacy,.era-user-dialogue{position:absolute;inset:0;padding:16px 18px;box-sizing:border-box;transition:opacity .65s,transform .8s,visibility .65s}.era-user-dialogue{opacity:0;visibility:hidden;transform:translateX(35px)}.era-story[data-era-phase="1"] .era-user-legacy,.era-story[data-era-phase="2"] .era-user-legacy{opacity:0;visibility:hidden;transform:translateX(-35px)}.era-story[data-era-phase="1"] .era-user-dialogue,.era-story[data-era-phase="2"] .era-user-dialogue{opacity:1;visibility:visible;transform:none}.era-browser-menu{display:flex;gap:24px;font-size:10px;color:var(--plum-300);padding:0 0 12px;border-bottom:1px solid var(--lavender-soft)}.era-browser-menu b{font-weight:500;color:var(--plum-400)}.era-browser-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.era-browser-tiles i{height:65px;background:linear-gradient(145deg,var(--line),var(--canvas));border-radius:var(--r-sm)}.era-browser-tiles i:nth-child(2){background:linear-gradient(145deg,var(--peach),var(--lavender-soft))}.era-browser-actions{display:flex;gap:8px;position:relative;justify-content:flex-end}.era-browser-actions>span{font-size:10px;padding:6px 16px;border:1px solid var(--line);border-radius:var(--r-xs);color:var(--faint)}.era-browser-actions>span:first-child{background:var(--lavender-soft)}.era-browser-actions svg{position:absolute;right:80px;top:18px;animation:era-user-click 3.4s ease-in-out infinite}.era-event-chip{font:9px monospace;color:var(--plum-300);margin-top:18px}.era-user-caption{border-top:1px solid var(--lavender-soft);padding:11px 16px;font-size:10px;color:var(--faint)}.era-ai-greeting{font-size:10px;color:var(--faint)}.era-user-bubble{width:max-content;max-width:95%;margin:9px 0 0 auto;padding:7px 11px;border-radius:var(--r-md) var(--r-md) var(--r-xs) var(--r-md);background:var(--lavender-soft);color:var(--plum-400);font-size:11px}.era-user-bubble:nth-of-type(2){background:var(--rose-soft);color:var(--peach-deep)}.era-user-bubble:nth-of-type(3){background:var(--mint-soft);color:var(--green-deep)}.era-compose{margin-top:13px;border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 10px;display:flex;align-items:center;justify-content:space-between;color:var(--plum-300);font-size:9px}.era-compose i{font-style:normal;border-radius:50%;background:var(--line);display:grid;place-items:center;width:17px;height:17px;color:var(--faint)}
.era-analysis-console{width:35%;border-color:var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden}.era-console-chrome{height:39px;display:flex;align-items:center;gap:12px;background:var(--lavender-soft);padding:0 14px;border-bottom:1px solid var(--lavender-line)}.era-console-chrome>span{display:flex;gap:4px}.era-console-chrome i{width:5px;height:5px;background:var(--plum-300);border-radius:50%}.era-console-chrome b{font-size:12px;font-weight:600;color:var(--plum-600)}.era-console-chrome small{margin-left:auto;font-size:9px;color:var(--faint)}.era-console-connection{display:flex;align-items:center;gap:5px;padding:9px 15px;border-bottom:1px solid var(--lavender-soft);font-size:8px;color:var(--faint)}.era-console-connection>span{font-size:10px;color:var(--plum-400);margin-right:auto}.era-console-connection i{height:4px;width:4px;background:var(--mint-line);border-radius:50%}.era-code-editor{margin:12px 14px;background:var(--tint);border:1px solid var(--lavender-soft);border-radius:var(--r-sm);padding:10px 12px}.era-code-editor>small{font:8px monospace;color:var(--plum-300);display:block;margin-bottom:7px}.era-code-editor code{font:10px/1.85 monospace;color:var(--plum-400)}.era-code-editor em{font-style:normal;color:var(--plum-300)}.era-code-editor>span{display:block;margin-top:7px;font-size:8px;color:var(--faint)}.era-console-result-label{font-size:9px;color:var(--plum-300);margin:5px 18px}.era-console-foot{margin-top:12px;padding:10px 16px;border-top:1px solid var(--lavender-soft);font-size:9px;color:var(--faint)}.era-console-gap{color:var(--rose-deep)}.era-schema{margin:17px}.era-schema>small{font-size:9px;color:var(--faint)}.era-schema>div{display:flex;gap:5px;margin:10px 0 17px}.era-schema>div span{font:9px monospace;color:var(--faint);background:var(--lavender-soft);border-radius:var(--r-xs);padding:5px 7px}.era-schema>b{font-size:11px;font-weight:400;color:var(--plum-400)}.era-added-field{display:flex;align-items:center;gap:12px;margin:11px 15px}.era-added-field>span{font:10px monospace;color:var(--green-deep);background:var(--green-soft);padding:4px 7px;border-radius:var(--r-xs)}.era-added-field>small{font-size:8px;color:var(--faint)}.era-analysis-console .era-empty-column{margin:12px 17px}.era-analysis-console .era-bar-row{margin:9px 18px}.era-tool>span{white-space:nowrap}.era-gap b{font-size:10px}.era-takeaway{bottom:-34px}
@keyframes era-user-click{0%,100%{transform:translate(5px,5px)}40%,60%{transform:translate(0,0)}}
@media(max-width:700px){.era-stage{min-height:745px}.era-time-axis{top:157px;left:18px;right:18px;gap:12px}.era-time-axis>span{font-size:9px}.era-time-axis small{font-size:8px}.era-scene{top:222px;bottom:105px}.era-user-window{width:43%}.era-analysis-console{width:43%}.era-user-window .era-panel-top{padding:9px}.era-user-window .era-panel-top b{font-size:9px;line-height:1.7}.era-user-avatar{width:21px;height:21px;flex:none}.era-user-surfaces{height:231px}.era-user-legacy,.era-user-dialogue{padding:12px 9px}.era-browser-menu{gap:12px;font-size:9px}.era-browser-tiles{gap:5px}.era-browser-tiles i{height:50px}.era-browser-actions>span{padding:6px 10px;font-size:8px}.era-browser-actions svg{right:50px}.era-event-chip{font-size:7px;line-height:1.8}.era-ai-greeting{font-size:8px}.era-user-bubble{font-size:9px;padding:7px;line-height:1.7}.era-user-caption{font-size:8px;padding:9px}.era-compose{font-size:7px;padding:6px}.era-console-chrome{gap:5px;padding:0 8px;height:34px}.era-console-chrome>span{display:none}.era-console-chrome b{font-size:10px}.era-console-chrome small{font-size:7px}.era-console-connection{padding:8px;font-size:7px}.era-console-connection>span{font-size:8px}.era-code-editor{margin:8px 6px;padding:7px 5px}.era-code-editor code{font-size:7px}.era-code-editor>small{font-size:7px}.era-code-editor>span{font-size:7px}.era-schema{margin:10px}.era-schema>small{font-size:8px}.era-schema>div{gap:3px;flex-wrap:wrap}.era-schema>div span{font-size:7px;padding:4px}.era-schema>b{font-size:9px;line-height:1.7}.era-console-foot{font-size:8px;padding:9px}.era-added-field{margin:8px;gap:5px;flex-wrap:wrap}.era-added-field>small{font-size:7px}.era-added-field>span{font-size:8px}.era-analysis-console .era-bar-row{font-size:7px;margin:8px}.era-console-result-label{margin-left:9px;font-size:8px}.era-gap b{font-size:8px;max-width:30px}.era-progress{gap:4px}.era-progress button{font-size:9px;padding:5px}.era-tool>span{display:none}.era-takeaway{bottom:-32px}}
@media(prefers-reduced-motion:reduce){.era-user-legacy,.era-user-dialogue{transition:none}.era-browser-actions svg{animation:none}}
.era-time-axis{top:164px}.era-scene{top:235px}.era-console-chrome{background:var(--line)}.era-console-chrome b{font-size:14px;color:var(--lavender-deep)}.era-user-window .era-panel-top b{font-size:12px}.era-time-axis>span{font-size:12px}.era-time-axis small{font-size:10px}.era-code-editor code{font-size:11px}
@media(max-width:700px){.era-time-axis{top:173px}.era-scene{top:235px}.era-time-axis>span{font-size:9px}.era-time-axis small{font-size:8px}.era-console-chrome b{font-size:10px}.era-user-window .era-panel-top b{font-size:9px}.era-code-editor code{font-size:7px}}

.era-story{scroll-margin-top:70px}

/* SPEAK: the connection still works, but the old instrument cannot interpret text. */
.era-story[data-era-phase="1"] .era-analysis-console{border-color:var(--line-strong);box-shadow:var(--shadow-md);}
.era-story[data-era-phase="1"] .era-console-legacy{background:var(--lavender-soft);border-bottom-color:var(--peach-line);}
.era-story[data-era-phase="1"] .era-console-legacy>img{filter:grayscale(.85);opacity:.55}
.era-story[data-era-phase="1"] .era-console-legacy b{color:var(--faint)}
.era-story[data-era-phase="1"] .era-console-legacy small{color:var(--faint)}
.era-stalled-tool{background:linear-gradient(var(--paper),var(--canvas))}
.era-stalled-query{margin:13px 13px 0;padding:11px 11px 0;border:1px solid var(--peach-line);border-radius:var(--r-xs);background:var(--rose-soft);overflow:hidden;}
.era-stalled-file{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:10px;}
.era-stalled-file>small{font:8px ui-monospace,monospace;color:var(--faint)}
.era-stalled-file>span{display:flex;align-items:center;gap:4px;font-size:8px;color:var(--rose-deep);}
.era-stalled-file i{width:7px;height:7px;border:1px solid var(--rose-line);border-right-color:var(--rose-deep);border-radius:50%;animation:era-stuck-spin 4.8s ease-in-out infinite;}
.era-stalled-query>code{display:block;font:9px/1.95 ui-monospace,monospace;color:var(--faint);white-space:nowrap;}
.era-stalled-query em{font-style:normal;color:var(--faint)}
.era-stalled-query mark{background:color-mix(in srgb, var(--rose) 24%, transparent);color:var(--rose-deep);text-decoration:underline wavy var(--rose-line);text-underline-offset:3px;}
.era-stalled-track{height:2px;margin:12px -11px 0;background:var(--line);overflow:hidden;}
.era-stalled-track>i{display:block;height:100%;width:72%;background:var(--rose-line);transform-origin:left;animation:era-stuck-progress 4.8s ease-in-out infinite;}
.era-query-error{display:flex;align-items:center;gap:6px;margin:0 -11px;padding:8px 10px;background:var(--rose-soft);color:var(--rose-deep);font-size:8px;}
.era-query-error>b{display:grid;place-items:center;width:12px;height:12px;border:1px solid var(--rose-line);border-radius:50%;font:8px ui-monospace,monospace;flex:none;}
.era-query-error code{font:8px ui-monospace,monospace;}
.era-blocked-results{margin:14px 14px 0;}
.era-blocked-results>div:first-child{display:flex;justify-content:space-between;gap:4px;align-items:center;margin-bottom:9px;}
.era-blocked-results>div:first-child>b{font-size:10px;color:var(--orchid-deep);font-weight:400;}
.era-blocked-results small{font-size:8px;color:var(--rose-deep);}
.era-stalled-row{display:flex;align-items:center;gap:8px;height:29px;border-top:1px solid var(--lavender-soft);}
.era-stalled-row>span{font-size:8px;color:var(--plum-300);white-space:nowrap;}
.era-stalled-row>i{flex:1;height:4px;border-top:1px dashed var(--line-strong);transform:translateY(2px);}
.era-stalled-row>b{width:19px;height:16px;display:grid;place-items:center;border:1px dashed var(--rose-line);background:var(--rose-soft);border-radius:var(--r-xs);color:var(--rose-deep);font:10px ui-monospace,monospace;}
.era-stalled-tool .era-console-gap{color:var(--rose-deep);border-top-color:var(--peach-line);}
@keyframes era-stuck-progress{0%,8%{transform:scaleX(.05)}25%{transform:scaleX(.75)}34%,85%{transform:scaleX(1)}88%{transform:scaleX(.97)}92%,100%{transform:scaleX(1)}}
@keyframes era-stuck-spin{0%,8%{transform:rotate(0)}28%{transform:rotate(295deg)}36%,85%{transform:rotate(315deg)}88%{transform:rotate(305deg)}92%,100%{transform:rotate(315deg)}}
@media(max-width:1100px){.era-stalled-query{margin:10px 7px 0;padding:9px 7px 0}.era-stalled-query>code{font-size:8px}.era-stalled-track{margin-left:-7px;margin-right:-7px}.era-query-error{margin-left:-7px;margin-right:-7px;padding:8px 7px}.era-blocked-results{margin:12px 9px 0}.era-stalled-row{gap:4px}.era-stalled-row>span{font-size:7px}.era-blocked-results>div:first-child>b{font-size:9px}}
@media(max-width:800px){.era-stalled-file{flex-wrap:wrap}.era-stalled-query>code{font-size:7px}.era-query-error,.era-query-error code{font-size:7px}.era-blocked-results>div:first-child{align-items:flex-start;flex-direction:column}.era-stalled-row>span{font-size:6px}.era-stalled-row>b{width:13px;font-size:9px}.era-stalled-tool .era-console-gap{font-size:8px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.era-stalled-file i,.era-stalled-track>i{animation:none}.era-stalled-file i{transform:rotate(315deg)}}