.eid-guide{color-scheme:light;--paper:#fafbf8;--ink:#243837;--muted:#56655f;--green:#365e4f;--deep:#244737;--sage:#edf3e8;--line:#d6dfd3;--focus:#426eaa;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}:where(.eid-guide) *{box-sizing:border-box}.eid-guide{margin:0;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}body.eid-guide-open{overflow:hidden}:where(.eid-guide) button,:where(.eid-guide) input,:where(.eid-guide) select{font:inherit;color:inherit}:where(.eid-guide) button,:where(.eid-guide) a,:where(.eid-guide) select,:where(.eid-guide) input,:where(.eid-guide) summary{-webkit-tap-highlight-color:transparent}:where(.eid-guide) button{cursor:pointer}:where(.eid-guide) button:disabled{cursor:default;opacity:.5}:where(.eid-guide) a{color:inherit;text-decoration:none}:where(.eid-guide) button{border:0;background:none}:where(.eid-guide) h1,:where(.eid-guide) h2,:where(.eid-guide) p{margin:0}:where(.eid-guide) h1,:where(.eid-guide) h2,:where(.eid-guide) p,:where(.eid-guide) li,:where(.eid-guide) button,:where(.eid-guide) a{overflow-wrap:anywhere}:where(.eid-guide) p{color:var(--muted)}:where(.eid-guide) svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}:where(.eid-guide) [hidden]{display:none!important}:where(.eid-guide) :focus-visible{outline:3px solid var(--focus);outline-offset:4px}:where(.eid-guide) h2:focus,:where(.eid-guide) #main:focus{outline:none}:where(.eid-guide) .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:where(.eid-guide) .app-header{max-width:1280px;margin:auto;min-height:100px;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;gap:20px}:where(.eid-guide) .brand{font-size:1.35rem;font-weight:700;display:inline-flex;align-items:center;gap:10px;min-height:48px}:where(.eid-guide) .brand-mark{display:grid;grid-template-columns:repeat(2,10px);gap:4px;transform:rotate(-8deg)}:where(.eid-guide) .brand-mark i{height:10px;width:10px;border-radius:50%;background:#75987b}:where(.eid-guide) .brand-mark i:nth-child(2){background:#c9d7ba}:where(.eid-guide) .brand-mark i:nth-child(3){background:#e7bf9c}:where(.eid-guide) .brand-mark i:nth-child(4){background:#aec5d3}:where(.eid-guide) .header-actions{display:flex;align-items:center;gap:20px}:where(.eid-guide) .language-control{display:flex;align-items:center;gap:10px;font-size:.9rem}:where(.eid-guide) .language-control select{font-size:1rem;min-height:48px;border:1px solid #82907c;background:white;border-radius:12px;padding:10px 34px 10px 12px;max-width:100%;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--green) 50%),linear-gradient(135deg,var(--green) 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat}:where(.eid-guide) .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:12px;border:1px solid transparent;font-size:1rem;font-weight:600;line-height:1.4;text-align:center}:where(.eid-guide) .primary{background:var(--green);color:white}:where(.eid-guide) .primary:hover{background:var(--deep)}:where(.eid-guide) .secondary{border-color:#b7c8b1;background:white;color:#365640}:where(.eid-guide) .secondary:hover{background:var(--sage)}:where(.eid-guide) .help-symbol{width:23px;height:23px;display:inline-grid;place-items:center;border:1.7px solid currentColor;border-radius:50%;line-height:1;font-size:.95rem;font-weight:650}:where(.eid-guide) .home{max-width:1020px;padding:44px 48px 64px;margin:0 auto}:where(.eid-guide) .eyebrow{font-weight:600;color:#536b56;margin-bottom:12px;font-size:1rem}:where(.eid-guide) h1{font-size:clamp(2rem,4vw,3rem);line-height:1.16;font-weight:650;max-width:760px}:where(.eid-guide) .home-intro{font-size:1.12rem;margin-top:16px}:where(.eid-guide) .home-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0}:where(.eid-guide) .home-card{border:1px solid var(--line);border-radius:24px;padding:30px;background:white;display:flex;flex-direction:column;align-items:flex-start;gap:20px}:where(.eid-guide) .home-card h2{font-size:1.65rem;line-height:1.25;max-width:340px;font-weight:600}:where(.eid-guide) .home-card .button{margin-top:auto}:where(.eid-guide) .capture-card{background:#eaf0e3}:where(.eid-guide) .card-symbol{display:grid;place-items:center;width:52px;height:52px;background:white;border-radius:50%;font-size:1.7rem}:where(.eid-guide) .card-symbol.soft{background:#f9eade}:where(.eid-guide) .home-bottom{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:4px 0 30px;gap:20px}:where(.eid-guide) .home-bottom h2{font-size:1.1rem}:where(.eid-guide) .home-bottom p{margin-top:8px}:where(.eid-guide) .home-bottom img{border-radius:28px;max-width:28%;height:auto}:where(.eid-guide) .privacy-note,:where(.eid-guide) .tour-privacy{display:flex;align-items:center;gap:8px}:where(.eid-guide) .privacy-note{margin-top:28px;font-size:.95rem}:where(.eid-guide) .privacy-detail{font-size:.9rem;margin-top:4px}:where(.eid-guide) .status{margin-top:18px}:where(.eid-guide) .storage-warning{background:#fceddb;border:1px solid #c59d69;border-radius:12px;padding:14px;margin-top:16px}:where(.eid-guide) .icon-button{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}:where(.eid-guide) .icon-button:hover{background:#e5ecdf}:where(.eid-guide) dialog{border:1px solid var(--line);padding:0;color:var(--ink);border-radius:26px;background:var(--paper);box-shadow:0 24px 90px #1b342f38}:where(.eid-guide) dialog::backdrop{background:#203c326e;backdrop-filter:blur(4px)}:where(.eid-guide) .walkthrough{width:min(980px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);overflow:hidden}:where(.eid-guide) .walkthrough[open]{display:flex;flex-direction:column}:where(.eid-guide) .tour-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px 8px 28px;flex-shrink:0}:where(.eid-guide) .tour-label{font-weight:600;color:#47634d;font-size:.95rem}:where(.eid-guide) .tour-header-actions{display:flex;align-items:center;gap:10px}:where(.eid-guide) .progress{display:flex;gap:6px;list-style:none;padding:0 28px;margin:6px 0 0;flex-shrink:0}:where(.eid-guide) .progress li{height:4px;flex:1;border-radius:4px;background:#dce4d7}:where(.eid-guide) .progress li.done{background:#719374}:where(.eid-guide) .progress li[aria-current=step]{background:var(--green)}:where(.eid-guide) .tour-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;scroll-padding:20px}:where(.eid-guide) .tour-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;padding:28px 32px 24px}:where(.eid-guide) .illustration-panel{background:#edf3e8;border:1px solid #e1e9dc;border-radius:22px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;min-width:0;padding:18px 0}:where(.eid-guide) .illustration-panel img{width:100%;height:auto;display:block;object-fit:contain;mix-blend-mode:multiply}:where(.eid-guide) .illustration-note{color:#466047;font-size:1rem;text-align:center;max-width:250px;padding:12px 20px 0;font-weight:550}:where(.eid-guide) .illustration-dots{display:flex;gap:8px;margin:16px 0}:where(.eid-guide) .illustration-dots i{width:9px;height:9px;border-radius:50%;background:#75987b}:where(.eid-guide) .illustration-dots i:nth-child(2){background:#c3d1b4}:where(.eid-guide) .illustration-dots i:nth-child(3){background:#dfaf8c}:where(.eid-guide) .illustration-dots i:nth-child(4){background:#9db9c8}:where(.eid-guide) .tour-copy{min-width:0;padding:4px 0}:where(.eid-guide) .step-counter{font-size:.9rem;font-weight:600;color:#48624c;margin-bottom:12px}:where(.eid-guide) .tour-copy h2{font-size:clamp(1.65rem,2.7vw,2.15rem);line-height:1.16;font-weight:650;margin-bottom:16px;max-width:440px}:where(.eid-guide) .tour-copy>p{font-size:1rem;line-height:1.55}:where(.eid-guide) .step-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}:where(.eid-guide) .step-list li{display:flex;gap:12px;align-items:flex-start;color:#44564b;font-size:.96rem;line-height:1.5}:where(.eid-guide) .step-bullet{width:21px;height:21px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#e2ebda;color:#365e4f;margin-top:2px;font-size:.9rem;font-weight:650}:where(.eid-guide) .step-list.ordered .step-bullet{height:26px;width:26px;margin-top:0;background:#e2ebda}:where(.eid-guide) .step-note{font-size:.9rem!important;background:#f2eee4;border-left:3px solid #b58b55;padding:12px 14px;border-radius:0 10px 10px 0;margin-top:16px;color:#554c39}:where(.eid-guide) .narration{margin-top:22px;border:1px solid #ccd9c5;border-radius:14px;background:white;padding:4px 13px 9px}:where(.eid-guide) .narration-controls{display:flex;align-items:center;gap:10px;justify-content:space-between}:where(.eid-guide) .audio-button{display:flex;align-items:center;gap:10px;min-height:48px;text-align:left;padding:6px 0;font-size:.95rem;font-weight:600;line-height:1.4;min-width:0}:where(.eid-guide) .audio-symbol{width:30px;height:30px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-size:.8rem;flex-shrink:0}:where(.eid-guide) .audio-time{font-variant-numeric:tabular-nums;font-size:.9rem;color:#56655f;white-space:nowrap}:where(.eid-guide) .audio-progress{display:block;width:100%;accent-color:var(--green);height:24px;margin:0 0 3px;cursor:pointer}:where(.eid-guide) .audio-progress:disabled{opacity:.45;cursor:default}:where(.eid-guide) .narration-note{font-size:.9rem;color:#65715f}:where(.eid-guide) .audio-message{font-size:.9rem;color:#814a34;margin-top:10px}:where(.eid-guide) .transcript{margin-top:6px;font-size:.9rem}:where(.eid-guide) .transcript summary{cursor:pointer;min-height:44px;padding:10px 0;color:#52624d}:where(.eid-guide) .transcript p{padding:8px 0}:where(.eid-guide) .tour-footer{border-top:1px solid var(--line);padding:14px 28px 18px;background:#fafbf8;flex-shrink:0}:where(.eid-guide) .tour-privacy{font-size:.9rem;line-height:1.4;color:#53654e;margin-bottom:12px}:where(.eid-guide) .tour-privacy svg{width:17px;height:17px}:where(.eid-guide) .tour-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}:where(.eid-guide) .step-actions{display:flex;gap:10px}:where(.eid-guide) .step-actions .primary{min-width:140px}:where(.eid-guide) .text-button{min-height:48px;padding:8px 0;font-size:.95rem;color:#52674e;text-decoration:underline;text-underline-offset:4px}:where(.eid-guide) .help-dialog{width:min(480px,calc(100% - 32px));padding:26px;max-height:calc(100dvh - 32px);overflow-y:auto}:where(.eid-guide) .help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}:where(.eid-guide) .help-symbol.large{width:44px;height:44px;background:#e6efdf;border:0;font-size:1.5rem;color:#486948}:where(.eid-guide) .help-dialog h2{font-size:1.75rem;line-height:1.2;margin-bottom:14px}:where(.eid-guide) .help-options{display:grid;gap:10px;margin-top:26px}:where(.eid-guide) .help-options button{border:1px solid #bacbb2;background:white;border-radius:12px;min-height:60px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;line-height:1.4}:where(.eid-guide) .help-options button:hover{background:var(--sage)}:where(.eid-guide) .help-small{font-size:.9rem;margin-top:22px}:where(.eid-guide) .noscript{padding:20px}@media(max-width:700px){:where(.eid-guide) .app-header{padding:16px 20px;flex-wrap:wrap;gap:10px}:where(.eid-guide) .header-actions{gap:10px;flex:1;justify-content:flex-end}:where(.eid-guide) .header-actions .language-control>span{display:none}:where(.eid-guide) .header-actions select{max-width:175px}:where(.eid-guide) .header-actions .button{padding:10px 14px}:where(.eid-guide) .home{padding:28px 20px 40px}:where(.eid-guide) .home-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}:where(.eid-guide) .home-card{padding:24px}:where(.eid-guide) .home-bottom img{display:none}:where(.eid-guide) .walkthrough{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:22px}:where(.eid-guide) .tour-header{padding:10px 12px 8px 18px;gap:8px}:where(.eid-guide) .tour-label{font-size:.9rem}:where(.eid-guide) .tour-header-actions{gap:4px}:where(.eid-guide) .tour-language select{padding-left:9px;padding-right:27px;font-size:.95rem;max-width:160px}:where(.eid-guide) .progress{padding:0 18px;margin-top:4px}:where(.eid-guide) .tour-layout{display:flex;flex-direction:column;gap:18px;padding:18px 20px 18px}:where(.eid-guide) .illustration-panel{height:150px;min-height:150px;border-radius:16px;padding:0;width:100%;position:relative}:where(.eid-guide) .illustration-panel img{width:225px;height:150px}:where(.eid-guide) .illustration-note,:where(.eid-guide) .illustration-dots{display:none}:where(.eid-guide) .step-counter{margin-bottom:8px}:where(.eid-guide) .tour-copy{padding:0}:where(.eid-guide) .tour-copy h2{font-size:1.8rem;margin-bottom:12px}:where(.eid-guide) .step-list{margin-top:16px;gap:10px}:where(.eid-guide) .narration{margin-top:18px}:where(.eid-guide) .tour-footer{padding:12px 18px max(14px,env(safe-area-inset-bottom))}:where(.eid-guide) .tour-privacy{font-size:.9rem;margin-bottom:10px}:where(.eid-guide) .tour-actions{gap:10px;align-items:stretch}:where(.eid-guide) .step-actions{gap:8px;flex:1;justify-content:flex-end}:where(.eid-guide) .step-actions .button{padding:10px 14px}:where(.eid-guide) .step-actions .primary{min-width:0;flex:1;max-width:180px}:where(.eid-guide) .text-button{font-size:.9rem;max-width:90px;text-align:left}:where(.eid-guide) .help-dialog{padding:22px}:where(.eid-guide) .help-dialog h2{font-size:1.6rem}}@media(max-width:360px){:where(.eid-guide) .tour-header{flex-wrap:wrap;padding:8px 12px}:where(.eid-guide) .tour-label{flex:1}:where(.eid-guide) .tour-header-actions{display:contents}:where(.eid-guide) .tour-language{order:3;width:100%}:where(.eid-guide) .tour-language select{max-width:none;width:100%}:where(.eid-guide) .tour-layout{padding:16px}:where(.eid-guide) .illustration-panel{height:120px;min-height:120px}:where(.eid-guide) .illustration-panel img{width:180px;height:120px}:where(.eid-guide) .tour-actions{flex-wrap:wrap}:where(.eid-guide) .step-actions{width:100%;order:-1}:where(.eid-guide) .step-actions .primary{max-width:none}:where(.eid-guide) .text-button{max-width:none;text-align:center;min-height:44px;width:100%}:where(.eid-guide) .tour-privacy{font-size:.9rem}:where(.eid-guide) .tour-footer{padding:10px 14px}:where(.eid-guide) .header-actions{flex-wrap:wrap}:where(.eid-guide) .home{padding-top:20px}}@media(max-height:560px){:where(.eid-guide) .walkthrough{max-height:calc(100dvh - 16px)}:where(.eid-guide) .tour-header{padding-block:6px}:where(.eid-guide) .tour-header .tour-language{order:0;width:auto}:where(.eid-guide) .tour-language select{max-width:180px}:where(.eid-guide) .tour-privacy{display:none}:where(.eid-guide) .tour-footer{padding-block:8px}:where(.eid-guide) .tour-layout{padding-block:18px}:where(.eid-guide) .illustration-panel{min-height:100px}:where(.eid-guide) .tour-actions{flex-wrap:nowrap}:where(.eid-guide) .step-actions{order:0;width:auto}:where(.eid-guide) .text-button{width:auto;max-width:90px}:where(.eid-guide) .progress{margin-top:0}:where(.eid-guide) .help-dialog{max-height:calc(100dvh - 16px)}}@media(prefers-reduced-motion:no-preference){:where(.eid-guide) dialog[open]{animation:arrive .2s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}/* Narrow or enlarged-text views use the whole dialog as a scroll surface. */:where(.eid-guide) .illustration-panel img{mix-blend-mode:normal}:where(.eid-guide) .audio-progress{height:44px}@media(max-width:700px){:where(.eid-guide) .tour-label{display:none}:where(.eid-guide) .tour-header{justify-content:flex-end}:where(.eid-guide) .tour-header-actions{display:flex}}@media(max-width:360px){:where(.eid-guide) .walkthrough[open]{display:block;overflow-y:auto;overscroll-behavior:contain}:where(.eid-guide) .tour-scroll{overflow:visible}:where(.eid-guide) .tour-header{display:flex;flex-wrap:nowrap}:where(.eid-guide) .tour-header-actions{display:flex;width:100%;justify-content:space-between}:where(.eid-guide) .tour-language{order:0;flex:1;min-width:0}:where(.eid-guide) .tour-language select{width:100%;max-width:none}:where(.eid-guide) .tour-footer{padding:16px}:where(.eid-guide) .tour-privacy{line-height:1.5}:where(.eid-guide) .tour-actions{flex-wrap:wrap}:where(.eid-guide) .step-actions{flex-wrap:wrap;order:-1;width:100%}:where(.eid-guide) .step-actions .button{flex:1 1 100%;max-width:none}:where(.eid-guide) .text-button{width:100%;max-width:none;text-align:center}:where(.eid-guide) .tour-copy h2{font-size:1.65rem}}@media(min-width:701px) and (max-height:560px){:where(.eid-guide) .illustration-panel{align-self:start;min-height:0;padding:0;position:sticky;top:0}:where(.eid-guide) .illustration-panel img{height:200px;width:100%;object-fit:contain}:where(.eid-guide) .illustration-note,:where(.eid-guide) .illustration-dots{display:none}}/* Instructions lead; the actual app is the visual guide. Characters stay decorative. */:where(.eid-guide) .tour-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"demo copy" "demo narration";row-gap:0;column-gap:30px}:where(.eid-guide) .tour-copy{grid-area:copy}:where(.eid-guide) .narration-section{grid-area:narration;min-width:0}:where(.eid-guide) .narration-section .narration{margin-top:8px}:where(.eid-guide) .demo-panel{grid-area:demo;align-self:start;background:#edf3e8;border:1px solid #d6dfd3;border-radius:20px;padding:16px 16px 0;display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden}:where(.eid-guide) .demo-heading{font-size:.9rem;font-weight:650;color:#365e4f;margin-bottom:12px}:where(.eid-guide) #app-demo{display:block;width:100%;max-height:430px;aspect-ratio:390/680;object-fit:contain;border:1px solid #aabbb1;border-radius:12px;background:#fafbf8}:where(.eid-guide) .demo-caption{font-size:.8rem;text-align:center;margin:10px 0 0;color:#4e6357}:where(.eid-guide) .demo-controls{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;margin-top:12px}:where(.eid-guide) .demo-controls .button{padding:10px 16px}:where(.eid-guide) .demo-panel>.audio-progress{margin:0}:where(.eid-guide) .demo-panel .demo-caption{margin-top:0}:where(.eid-guide) .demo-controls{flex-wrap:wrap}:where(.eid-guide) .demo-controls .button{flex:1}:where(.eid-guide) .demo-controls .audio-time{font-size:.8rem}:where(.eid-guide) #video-panel{width:100%}:where(.eid-guide) .silent-control{display:flex;align-items:center;gap:8px;min-height:44px;font-size:.9rem}:where(.eid-guide) .silent-control input{width:20px;height:20px;accent-color:var(--green)}:where(.eid-guide) .video-caption{font-size:.88rem;line-height:1.45;color:#344d42;min-height:0;margin-bottom:8px}:where(.eid-guide) .video-caption:empty{display:none}:where(.eid-guide) .concept-panel{width:100%;text-align:center;padding:24px 10px 28px}:where(.eid-guide) .concept-panel>p{font-size:.9rem;font-weight:650;margin-bottom:28px}:where(.eid-guide) .concept-item{border:1px solid #bdcdb4;background:#e1eadb;padding:18px 12px;border-radius:14px;color:#365e4f;font-weight:600}:where(.eid-guide) .concept-item.peach{background:#f5e7d8;border-color:#d7bd9d}:where(.eid-guide) .concept-item.blue{background:#e3edf0;border-color:#b6cbd2}:where(.eid-guide) .concept-panel>span{display:block;font-size:1.5rem;padding:10px}:where(.eid-guide) .concept-panel+.decorative-character{margin-top:16px}:where(.eid-guide) .decorative-character{display:block;align-self:flex-end;width:108px;height:72px;object-fit:cover;margin:0 -8px -6px 0;border-radius:24px;pointer-events:none}:where(.eid-guide) .tour-copy h2{font-size:clamp(1.65rem,2.5vw,2rem)}:where(.eid-guide) .step-list{gap:10px}:where(.eid-guide) .transcript{margin-top:10px}:where(.eid-guide) .narration-section #audio-held{margin-top:16px}@media(max-width:700px){:where(.eid-guide) .tour-layout{display:flex;gap:16px}:where(.eid-guide) .tour-copy{order:0}:where(.eid-guide) .demo-panel{order:1;width:100%;padding:12px 14px 0}:where(.eid-guide) .narration-section{order:2}:where(.eid-guide) .demo-heading{margin-bottom:8px}:where(.eid-guide) #app-demo{max-height:390px;max-width:260px}:where(.eid-guide) .decorative-character{width:80px;height:53px;margin-top:-24px}:where(.eid-guide) .demo-caption{align-self:flex-start;max-width:calc(100% - 74px);text-align:left;margin:8px 0 10px}:where(.eid-guide) .tour-copy h2{font-size:1.7rem}}@media(max-width:360px){:where(.eid-guide) #app-demo{max-height:360px}:where(.eid-guide) .decorative-character{display:none}:where(.eid-guide) .demo-caption{max-width:none}:where(.eid-guide) .tour-copy h2{font-size:1.6rem}}@media(min-width:701px) and (max-height:560px){:where(.eid-guide) .demo-panel{position:sticky;top:0}:where(.eid-guide) #app-demo{max-height:200px}:where(.eid-guide) .decorative-character{display:none}:where(.eid-guide) .demo-caption{margin-bottom:12px}}/* Watch a recording in its own player; keep the guide's instructions accessible on return. */:where(.eid-guide) .demo-poster{display:block;width:100%;max-height:430px;aspect-ratio:390/680;object-fit:contain;border-radius:12px;background:#193c31}:where(.eid-guide) .demo-open{width:100%;margin-top:14px}:where(.eid-guide) .demo-panel .demo-caption{font-size:.9rem;margin-bottom:12px}:where(.eid-guide) .video-player{padding:0;width:min(960px,calc(100vw - 48px));height:min(960px,calc(100dvh - 48px));max-width:none;max-height:none;border:1px solid #a8bdb1;border-radius:20px;overflow:hidden;background:#fafbf8;color:#243837}:where(.eid-guide) .video-player[open]{display:block;animation:none}:where(.eid-guide) .player-surface{display:grid;grid-template-rows:auto minmax(100px,1fr) auto;width:100%;height:100%;background:#fafbf8}:where(.eid-guide) .video-player::backdrop{background:rgba(12,27,23,.88)}:where(.eid-guide) .player-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid #d6dfd3}:where(.eid-guide) .player-header>div{flex:1 1 10rem;min-width:0}:where(.eid-guide) .player-header p{font-size:.9rem}:where(.eid-guide) .player-header h2{font-size:1.15rem;line-height:1.3;margin-top:3px}:where(.eid-guide) .player-exit{flex-shrink:0;max-width:100%;margin-left:auto;border-color:#365e4f;color:#244737;background:#fff;padding:10px 14px;min-height:48px}:where(.eid-guide) .player-exit>span:first-child{font-size:1.6rem;line-height:1}:where(.eid-guide) .player-stage{min-height:0;display:flex;align-items:center;justify-content:center;background:#12271f;overflow:hidden;padding:0 16px}:where(.eid-guide) .player-stage #app-demo{width:100%;height:100%;max-height:none;max-width:none;object-fit:contain;aspect-ratio:auto;border:0;border-radius:0}:where(.eid-guide) .player-footer{padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid #d6dfd3}:where(.eid-guide) .player-footer .video-caption{min-height:2.8em;font-size:.95rem;margin-bottom:6px;color:#243837}:where(.eid-guide) .player-transport{display:flex;align-items:center;justify-content:space-between;gap:12px}:where(.eid-guide) .player-transport .button{padding:9px 16px;min-width:155px}:where(.eid-guide) .player-transport .silent-control{font-size:.9rem}:where(.eid-guide) .player-footer .audio-progress{display:block;width:100%;margin:0;height:36px}:where(.eid-guide) .player-footnotes{display:flex;justify-content:space-between;align-items:center;gap:12px}:where(.eid-guide) .player-footnotes p,:where(.eid-guide) .player-footnotes .text-button{font-size:.9rem}:where(.eid-guide) .player-footnotes .text-button{flex-shrink:0;max-width:none;min-height:44px;text-decoration:underline}:where(.eid-guide) .player-footer .audio-message{margin-top:8px}:where(.eid-guide) .player-surface:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0}:where(.eid-guide) .player-footer{max-height:40dvh;overflow-y:auto}:where(.eid-guide) .player-footer .audio-time{font-size:.9rem}:where(.eid-guide) .player-footer .audio-progress{height:44px}:where(.eid-guide) .player-footer .video-caption:empty{display:block}@media(max-width:700px),(max-height:560px) and (pointer:coarse){:where(.eid-guide) .video-player{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}:where(.eid-guide) .player-header{padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));gap:8px}:where(.eid-guide) .player-header h2{font-size:1rem}:where(.eid-guide) .player-header p{display:none}:where(.eid-guide) .player-exit{padding:8px 12px;font-size:.95rem}:where(.eid-guide) .player-stage{padding:0}:where(.eid-guide) .player-footer{padding:8px 12px max(8px,env(safe-area-inset-bottom))}:where(.eid-guide) .player-footer .video-caption{font-size:.9rem}:where(.eid-guide) .player-transport{gap:8px;flex-wrap:wrap}:where(.eid-guide) .player-transport .button{min-width:0;padding:9px 12px}:where(.eid-guide) .player-transport .silent-control{margin-left:auto}:where(.eid-guide) .player-footnotes p{display:none}:where(.eid-guide) .player-footnotes{justify-content:center}:where(.eid-guide) .player-footnotes .text-button{min-height:44px;width:auto}:where(.eid-guide) .demo-poster{max-height:360px}}@media(max-height:480px){:where(.eid-guide) .player-surface{grid-template-columns:minmax(0,1fr) minmax(210px,.7fr);grid-template-rows:auto minmax(0,1fr)}:where(.eid-guide) .player-header{grid-column:1/-1;padding-block:6px}:where(.eid-guide) .player-footer{overflow-y:auto;align-self:stretch;min-height:0;max-height:none}:where(.eid-guide) .player-footer .video-caption{min-height:0}:where(.eid-guide) .player-transport{flex-wrap:wrap}:where(.eid-guide) .player-footnotes{display:block}:where(.eid-guide) .player-footnotes p{display:none}:where(.eid-guide) .player-footnotes .text-button{width:100%;text-align:center}}

.eid-guide{font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.eid-guide dialog{margin:auto}.eid-guide #guide-storage-warning{margin:8px 20px}.guide-help{flex-shrink:0}.guide-help>span:first-child{display:inline-grid;place-items:center;width:1.5em;height:1.5em;border:1.5px solid currentColor;border-radius:50%;font-weight:650;line-height:1}.sidebar>.guide-help{justify-content:flex-start;margin-top:12px}.mobile-header .brand{margin-right:auto}.eid-guide .video-player{margin:auto}@media(max-width:700px){.eid-guide .video-player{margin:0}}