.echo-page{background:#101516}.echo-main{max-width:1500px;margin:auto;padding:30px 28px 0}.echo-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px;gap:20px}.back{font-size:12px;color:#9db8ac}.echo-heading h1{font-size:28px;font-weight:450;letter-spacing:-.8px;margin:10px 0 0}.view-chip{padding:11px 15px;border:1px solid #33433f;border-radius:6px;color:#bfcfc8;font-size:12px}.view-chip span{font:11px ui-monospace,monospace;color:#a8d8c2;margin-right:12px}.echo-workspace{display:grid;grid-template-columns:228px minmax(350px,1fr) 260px;border:1px solid #2b3936;border-radius:9px;overflow:hidden;background:#17201e}.echo-anatomy{padding:24px 15px;border-right:1px solid #2b3936}.section-label{font-size:10px;letter-spacing:1.25px;color:#90a59b;font-weight:550}.echo-anatomy>.section-label{display:flex;justify-content:space-between;margin:0 9px 22px}.echo-structure{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:15px 10px;border:1px solid transparent;border-radius:5px;margin-bottom:5px;min-height:58px}.echo-structure i{width:7px;height:7px;background:var(--structure);border-radius:50%;flex:none}.echo-structure b{font-weight:450;font-size:13px;display:block}.echo-structure small{display:block;font-size:10px;color:#8ea097;margin-top:5px}.echo-structure.active{background:#263932;border-color:var(--structure)}.echo-structure.preview{background:#222e29}.anatomy-hint{font-size:11px;line-height:1.9;color:#93a69d;margin:24px 10px}.orientation{border-top:1px solid #2d3b36;margin:30px 10px 0;padding-top:22px;font-size:10px;color:#8ea097}.orientation>span{letter-spacing:1px}.orientation p{line-height:1.8;font-size:11px}.echo-player{min-width:0;background:#080d0c;display:flex;flex-direction:column}.echo-panelhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 22px;border-bottom:1px solid #25312e;background:#121b18}.echo-panelhead h2{font-size:13px;font-weight:450;margin:0}.echo-panelhead>span{font:10px ui-monospace,monospace;color:#a9c9b9}.echo-image-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:360px;padding:18px 0;background:#020403}.echo-stage{width:100%;max-width:702px;aspect-ratio:480/365;position:relative}.echo-stage canvas{display:block;width:100%;height:100%}.echo-stage svg{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.echo-target{cursor:pointer;fill:transparent;stroke:transparent;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;transition:fill .12s}.echo-target.preview{stroke:var(--structure);fill:color-mix(in srgb,var(--structure) 10%,transparent)}.echo-target.active{stroke:var(--structure);fill:color-mix(in srgb,var(--structure) 17%,transparent)}.echo-target.valve,.echo-target.valve:focus-visible{stroke:none;fill:transparent}.echo-valve-arrow{pointer-events:none;fill:none;stroke:var(--structure);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;display:none;filter:drop-shadow(0 1px 1px #000)}.echo-target:focus-visible{stroke:var(--structure);outline:none;fill:color-mix(in srgb,var(--structure) 12%,transparent)}.echo-marker{pointer-events:none;fill:#15231d;stroke:var(--structure);stroke-width:1.3;vector-effect:non-scaling-stroke;opacity:.7}.echo-label{position:absolute;padding:7px 10px;border:1px solid var(--structure);border-radius:5px;background:#0d1917ed;color:#edf6f1;font-size:11px;pointer-events:none;white-space:nowrap;transform:translate(-50%,-100%);box-shadow:0 3px 15px #0005;max-width:96%}.echo-caption{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:6px 20px;background:#14201b;border-top:1px solid #2a3932;color:#c1d6ca;font-size:12px;gap:12px}.echo-caption button{font-size:23px;min-width:36px}.echo-transport{padding:14px 20px 18px;border-top:1px solid #25382e;background:#111a16}.transport-top,.play-buttons{display:flex;align-items:center;gap:8px}.transport-top{justify-content:space-between}.play-buttons button{height:38px;min-width:36px;border:1px solid #33453b;border-radius:5px;font-size:19px}.play-buttons #echo-play{background:#b4d4c2;color:#102019;width:43px}.play-buttons output{font:10px ui-monospace,monospace;color:#9cb6a7;margin-left:8px}.speed-label{font-size:10px;color:#94ab9e;display:flex;gap:7px;align-items:center}.speed-label select{background:#17251e;color:#d3e1d8;border:1px solid #35473c;border-radius:4px;padding:6px;font-size:11px}.echo-transport input{margin:20px 0 13px;height:4px}.echo-timing{display:flex;justify-content:space-between;color:#829d8d;font-size:10px}.echo-detail{padding:25px 23px;border-left:1px solid #2b3936}.echo-detail h2{font-size:23px;font-weight:450;margin:17px 0 7px;letter-spacing:-.5px}.echo-detail p{font-size:12px;line-height:1.85;color:#b5c7bd}.echo-detail .echo-latin{font-style:italic;color:#94afa0;margin:0 0 24px;font-size:11px}.detail-divider{border-top:1px solid #304038;margin:25px 0}.echo-detail .region-note{color:#90a79a;font-size:10px;border-left:2px solid #496557;padding-left:12px;margin-top:25px}.echo-source{margin-top:26px;border-top:1px solid #304038;padding-top:20px}.echo-source summary{cursor:pointer;font-size:11px;color:#b7cfbf}.echo-source p{font-size:10px}.echo-source a{display:block;font-size:10px;margin:12px 0}.echo-error{position:absolute;inset:0;background:#111b17ee;align-content:center;text-align:center;color:#d4e3d9}.echo-error button{display:block;text-decoration:underline;margin:15px auto}.echo-page [hidden]{display:none!important}.echo-page footer{font-size:10px;padding-top:18px;color:#829d8f}.echo-page .header nav a{padding:10px 14px}.echo-page .header{gap:40px}
@media(max-width:1150px){.echo-workspace{grid-template-columns:200px minmax(320px,1fr)}.echo-detail{grid-column:1/-1;border-left:0;border-top:1px solid #2b3936}.echo-detail h2{font-size:21px}.echo-detail .echo-latin{margin-bottom:15px}.echo-image-wrap{min-height:360px}.echo-anatomy{padding:20px 10px}.echo-detail .detail-divider{margin:15px 0}.echo-main{padding:25px 18px 0}}
@media(max-width:650px){.echo-page .header{gap:10px;flex-wrap:wrap;height:auto;padding:12px}.echo-page .header nav{order:3;width:100%;height:42px;min-height:42px;justify-content:space-between}.echo-page .header nav a{font-size:12px;padding:10px 12px}.echo-page .brand{font-size:16px}.echo-page .draft{font-size:9px}.echo-heading{display:block;margin-bottom:20px}.echo-heading h1{font-size:25px}.view-chip{display:inline-block;margin-top:15px;padding:8px 11px}.echo-main{padding:22px 12px 0}.echo-workspace{display:flex;flex-direction:column}.echo-player{order:0}.echo-anatomy{order:1;border-right:0;border-top:1px solid #2b3936;padding:20px 12px 10px}.echo-detail{order:2;padding:24px 20px}.echo-image-wrap{padding:12px 0;min-height:0}.echo-panelhead{padding:16px}.echo-panelhead h2{font-size:12px}.echo-anatomy .section-label{margin-bottom:14px}#echo-structures{display:grid;grid-template-columns:1fr 1fr;gap:4px}.echo-structure{padding:11px 8px;margin:0;gap:9px}.echo-structure b{font-size:12px}.echo-structure small{font-size:9px}.orientation{display:none}.anatomy-hint{margin:14px 9px;font-size:10px}.anatomy-hint br{display:none}.echo-caption{padding:8px 14px;font-size:11px;min-height:47px}.echo-transport{padding:12px 14px}.play-buttons output{margin-left:3px;font-size:9px}.speed-label{gap:5px}.echo-label{font-size:10px;padding:6px 8px}.echo-page footer{font-size:9px;line-height:1.7;flex-wrap:wrap}.echo-detail .region-note{margin-top:20px}}
.echo-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.echo-heading{align-items:center;flex-wrap:wrap}.echo-views{display:flex;gap:7px;flex-wrap:wrap}.echo-views button{padding:11px 14px;border:1px solid #35483e;border-radius:6px;font-size:12px;color:#bfd1c6;min-height:44px}.echo-views button span{display:block;color:#8ead9b;font:10px ui-monospace,monospace;margin-bottom:5px}.echo-views button[aria-pressed="true"]{background:#294237;border-color:#9bc4ad;color:#ecf5ef}.echo-ecg-panel{padding:12px 20px 6px;border-top:1px solid #23382d;background:#020403}.echo-ecg-panel>div{display:flex;justify-content:space-between;gap:10px;color:#accdbb;font:10px ui-monospace,monospace}.echo-ecg-panel small{font:10px inherit;color:#8ba698}.echo-ecg-panel canvas{display:block;width:auto;max-width:100%;height:90px;margin:8px auto 0}.echo-views button:focus-visible{outline:2px solid #c4ebd6;outline-offset:3px}
@media(max-width:650px){.echo-views{margin-top:17px;flex-wrap:nowrap;width:100%}.echo-views button{flex:1;padding:9px 6px;font-size:11px}.echo-ecg-panel{padding:10px 14px 4px}.echo-ecg-panel canvas{height:76px}}

/* Restrained orientation guides and a compact illustrative rhythm strip. */
.echo-target{stroke-width:1.5;transition:fill .12s,stroke .12s}.echo-target.preview{fill:color-mix(in srgb,var(--structure) 4%,transparent)}.echo-target.active{fill:color-mix(in srgb,var(--structure) 7%,transparent)}.echo-valve-arrow{stroke-width:1.6}.echo-marker{stroke-width:1;opacity:.6}.echo-caption{min-height:40px}.echo-ecg-panel{padding:13px 16px 10px;background:#0b1410}.echo-ecg-panel>div{font-size:10px;letter-spacing:.3px;color:#a1bbad}.echo-ecg-panel canvas{width:100%;height:auto;max-height:none;aspect-ratio:10/3;margin-top:8px}.echo-detail>.echo-ecg-panel{margin:-25px -23px 25px;border-top:0;border-bottom:1px solid #2b3936;padding:20px 23px 15px}.echo-views button{padding:12px 16px}.echo-label{font-size:10px;padding:5px 8px;background:#102019e8;box-shadow:none}.echo-panelhead h2{font-size:13px}
@media(max-width:1150px){.echo-ecg-panel canvas{max-width:480px;margin:8px auto 0;max-height:100px}.echo-detail>.echo-ecg-panel{margin:0}}
@media(max-width:650px){.echo-views button{padding:10px 7px;font-size:11px}.echo-ecg-panel{padding:10px 14px 8px}.echo-ecg-panel canvas{max-height:80px}.echo-caption{min-height:40px}}

.echo-heading-actions{display:flex;align-items:center;gap:12px}.echo-caption:not(.has-structure){background:#080d0c;border-top-color:transparent}.echo-caption{height:42px;min-height:42px;box-sizing:border-box}.echo-heading-actions .quiz-start{min-height:44px}.echo-views{margin-top:0}
@media(max-width:650px){.echo-heading-actions{flex-wrap:wrap;gap:10px;margin-top:16px}.echo-heading-actions .echo-views{width:100%;margin-top:0}.echo-heading-actions #echo-quiz-host{margin-left:auto}.echo-heading-actions .quiz-start{min-height:40px}}

.echo-wall-heading{font-size:10px;letter-spacing:1.2px;color:#90a59b;border-top:1px solid #2b3936;margin:18px 9px 8px;padding-top:17px;grid-column:1/-1}.echo-target.echo-wall-band{stroke:color-mix(in srgb,var(--structure) 55%,transparent);fill:color-mix(in srgb,var(--structure) 19%,transparent);stroke-width:.7}.echo-target.echo-wall-band.preview{stroke:var(--structure);fill:color-mix(in srgb,var(--structure) 40%,transparent);stroke-width:1.2}.echo-target.echo-wall-band.active,.echo-target.echo-wall-band:focus-visible{stroke:var(--structure);fill:color-mix(in srgb,var(--structure) 50%,transparent);stroke-width:1.3}