#alexa-story{box-sizing:border-box;bottom:18px;width:min(990px,calc(100vw - 28px));max-height:53dvh;padding:22px 26px;border:5px solid #45635f;border-radius:10px;background:#edf0de;z-index:70;color:#24453f;box-shadow:0 15px 60px #19343055}#alexa-story[hidden],#alexa-story [hidden]{display:none!important}#alexa-story header h2{margin:5px 0 12px;font:28px Georgia,serif}#alexa-story header button{white-space:nowrap}#alexa-story .relay-kicker,#alexa-story .relay-heading{font:11px/1.6 monospace;letter-spacing:1px}#alexa-story .relay-service{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border:1px solid #9bb39c;background:#dce6d0;gap:12px}#alexa-story .relay-service strong{font:600 18px/1.5 monospace}#alexa-story .relay-service p{font:12px monospace;margin:8px 0 0}#alexa-story .online-dot{color:#3e7960}#alexa-story button{padding:9px 13px;font-size:13px;border:1px solid #789482;border-radius:4px}#alexa-story [data-connect]{background:#315c51;color:#fff2ca}#alexa-story button:disabled{opacity:.5;cursor:default}#alexa-story .relay-heading{display:flex;justify-content:space-between;margin:8px 0;gap:12px}#alexa-story .relay-flow{list-style:none;margin:14px 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}#alexa-story .relay-flow li{position:relative;border:1px solid #a7bba6;padding:10px 7px;background:#e3e9d9;min-width:0}#alexa-story .relay-flow span{display:block;font:10px monospace;color:#638475;margin-bottom:5px}#alexa-story .relay-flow strong{font:11px/1.5 monospace}#alexa-story .relay-flow li[data-state=active]{background:#355b53;border-color:#c6a365;color:#fff0c4;box-shadow:inset 0 -3px #d6b56b}#alexa-story .relay-flow li[data-state=active] span{color:#c1d6b8}#alexa-story .relay-flow li[data-state=done]{background:#c8d7bc}#alexa-story .relay-output{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}#alexa-story h3{font:18px/1.3 monospace;margin:10px 0}#alexa-story p{font-size:13px;line-height:1.6}#alexa-story .relay-actions{display:flex;flex-wrap:wrap;gap:6px}#alexa-story .response-terminal{background:#183b37;border:5px solid #6b8677;color:#d2dca4;padding:17px 16px;font:13px/1.5 monospace;min-height:175px}#alexa-story table{width:100%;border-collapse:collapse;margin:15px 0}#alexa-story td{padding:4px 0}#alexa-story td:last-child{text-align:right;color:#ebc784}#alexa-story .response-terminal small{display:block;color:#a0bc9b;font:10px/1.5 monospace}#alexa-story .relay-note{font:11px/1.6 monospace;color:#5b6f61;margin:14px 0 10px}#alexa-story details{font-size:12px;border-top:1px solid #abbca2;padding-top:9px}#alexa-story details a{color:#255d51}#alexa-story summary{cursor:pointer}#alexa-story :focus-visible{outline:3px solid #c49848;outline-offset:3px}
@media(max-width:650px){#alexa-story{padding:16px 14px;max-height:64dvh;bottom:8px;width:calc(100vw - 16px)}#alexa-story header{align-items:flex-start}#alexa-story header h2{font-size:23px}#alexa-story .relay-service{align-items:flex-start;padding:12px;flex-direction:column}#alexa-story .relay-service strong{font-size:15px}#alexa-story .relay-flow{grid-template-columns:repeat(3,1fr)}#alexa-story .relay-output{grid-template-columns:1fr;gap:14px}#alexa-story .relay-heading{font-size:9px}#alexa-story .response-terminal{min-height:140px}}

@media(min-width:1001px){#alexa-story{left:auto;right:18px;transform:none;width:min(620px,46vw);max-height:78dvh;bottom:20px}#alexa-story .relay-flow{grid-template-columns:repeat(3,1fr)}#alexa-story .relay-output{grid-template-columns:1fr;gap:12px}#alexa-story .response-terminal{min-height:150px}}
#alexa-story .relay-dossier{margin-top:22px;border-top:1px solid #a1b199;padding-top:12px}#alexa-story .relay-dossier nav{display:flex;gap:7px;flex-wrap:wrap}#alexa-story .relay-dossier button[aria-pressed=true]{background:#315c51;color:#fff2ca}#alexa-story .relay-dossier p,#alexa-story .relay-dossier li,#alexa-story .relay-dossier dd{font-size:16px;line-height:1.6}#alexa-story .relay-dossier button,#alexa-story .relay-dossier a{font-size:14px}#alexa-story .relay-dossier article{padding-top:12px}#alexa-story .relay-architecture{display:grid;gap:8px}#alexa-story .relay-architecture>span{padding:12px 15px;border-left:3px solid #bc935b;background:#dce6d0;font-weight:600}#alexa-story .relay-architecture small{display:block;font:14px/1.6 monospace;margin-top:5px}#alexa-story .relay-lessons dt{font-weight:700;margin-top:18px;font-size:16px}#alexa-story .relay-lessons dd{margin:6px 0}#alexa-story pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#193b37;color:#e9d4a1;padding:16px;font-size:14px}#alexa-story .relay-dossier code{overflow-wrap:anywhere}
#alexa-story .relay-signal{margin:18px 0;background:#173e38;color:#ecdfb8;border:2px solid #76917d;border-radius:5px;padding:12px}#alexa-story .relay-signal svg{width:100%;height:auto;display:block;overflow:visible}#alexa-story .relay-wire{stroke:#66897a;stroke-width:2;fill:none}#alexa-story .relay-wire[data-active=true]{stroke:#e0b65f}#alexa-story [data-node] circle{fill:#204c43;stroke:#82a78a;stroke-width:2}#alexa-story [data-node=active] circle,#alexa-story [data-node][data-state=active] circle{fill:#b68b39;stroke:#fff0b5;stroke-width:3}#alexa-story [data-node][data-state=done] circle{fill:#537765}#alexa-story .relay-symbol{fill:none;stroke:#f5e8bf;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#alexa-story .relay-signal text{fill:#f6e9c4;font:13px monospace;letter-spacing:0}#alexa-story .relay-moving-packet{fill:#fff8ce;stroke:#dbaf59;stroke-width:3;filter:drop-shadow(0 0 5px #f8d177)}#alexa-story .relay-payload{padding:14px;border-top:1px solid #66897a;overflow-wrap:anywhere}#alexa-story .relay-payload>span{font:12px monospace;letter-spacing:.08em;color:#e7ba68}#alexa-story .relay-payload code{display:block;font:16px/1.5 monospace;margin:9px 0;color:#f9efce}#alexa-story .relay-payload p{font-size:14px;margin:5px 0;color:#bed5bb}#alexa-story .relay-wave{height:28px;display:flex;gap:4px;align-items:center;margin-top:10px}#alexa-story .relay-wave i{width:4px;background:#d9be72;height:19px;transform:scaleY(.2);animation:relay-voice .65s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.08s);animation-play-state:paused}#alexa-story .relay-wave[data-playing=true] i{animation-play-state:running}@keyframes relay-voice{to{transform:scaleY(1)}}#alexa-story .relay-stack{margin:20px 0;border-top:1px solid #abbca2;padding-top:14px}#alexa-story .relay-stack summary{font-size:18px;font-weight:600}#alexa-story .relay-stack>p{font-size:14px}#alexa-story .relay-tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#alexa-story .relay-tech-grid>div{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid #afbea1;padding:10px 0;min-width:0}#alexa-story .relay-tech-grid svg{width:36px;height:36px;flex-shrink:0;color:#3f7162}#alexa-story .relay-tech-grid strong{font-size:15px;display:block}#alexa-story .relay-tech-grid small{display:block;font-size:13px;line-height:1.5;margin-top:5px}#alexa-story .relay-heading{font-size:12px}#alexa-story .relay-output p{font-size:16px}#alexa-story .relay-actions button{font-size:14px}#alexa-story .relay-note{font-size:12px}
@media(max-width:650px){#alexa-story .relay-tech-grid{grid-template-columns:1fr}#alexa-story .relay-signal{padding:5px}#alexa-story .relay-payload{padding:10px}#alexa-story .relay-payload code{font-size:14px}#alexa-story .relay-heading{flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){#alexa-story .relay-wave i{animation:none;transform:scaleY(.5)}}