.cd-presentation-launch,.cd-presentation-stage{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;max-width:calc(100vw - 110px);padding:10px 13px;border:1px solid #6dbacb;border-radius:5px;background:#0a2230;color:#d8f5fc;font:600 12px/1.35 "Segoe UI",Arial,sans-serif;cursor:pointer;text-decoration:none;letter-spacing:0;white-space:nowrap}
.cd-presentation-launch{position:fixed;z-index:240;left:20px;bottom:max(24px,env(safe-area-inset-bottom));box-shadow:0 8px 24px #020b1580}
.cd-presentation-launch[hidden]{display:none!important}
.cd-presentation-launch:hover,.cd-presentation-stage:hover{background:#1a3e4b;border-color:#a1edf5}
.cd-presentation-launch:focus-visible,.cd-presentation-stage:focus-visible,.hero-presentation :is(button,a,summary,video):focus-visible{outline:2px solid #75e2f4;outline-offset:4px}
body:has(.cd-cc) .cd-presentation-launch{visibility:hidden}
body:has(.cd-presentation-launch[hidden]) :is(.chat-fab,.chat-panel){display:none!important}
#cyberdre-atlas .stage-footer .has-presentation{display:flex;justify-content:flex-end;align-items:center}
#cyberdre-atlas .stage-footer .has-presentation .simulation{display:none}
#cyberdre-atlas .cd-presentation-stage{min-height:44px;padding:8px 10px;font:600 11px/1.3 "Segoe UI",Arial,sans-serif;gap:6px;background:#0a2230de}
.hero-presentation{box-sizing:border-box;width:min(1060px,calc(100vw - 28px));max-height:calc(100svh - 28px);overflow:auto;border:1px solid #557e92;border-radius:6px;background:#081925;color:#edf8fb;padding:0;font-family:"Segoe UI",Arial,sans-serif}
.hero-presentation *{box-sizing:border-box}
.hero-presentation::backdrop{background:#020a11e8}
.hero-presentation-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 20px;background:#081925;border-bottom:1px solid #355568}
.hero-presentation-head h2{font:600 17px/1.4 "Segoe UI",Arial,sans-serif;margin:0;color:#edf8fb}
.hero-presentation-close{flex:0 0 auto;min-width:44px;min-height:44px;padding:0;font-size:24px;color:#d2eff8;background:transparent;border:1px solid #52768b;border-radius:4px;cursor:pointer}
.hero-presentation video{display:block;width:100%;max-height:68svh;background:#030c13}
.hero-presentation p{margin:0;padding:12px 20px;color:#c0d5e0;font:13px/1.6 "Segoe UI",Arial,sans-serif}
.hero-presentation .presentation-audio-note{color:#ffe0a6;border-bottom:1px solid #355568}
.hero-presentation a{color:#78dfee;text-decoration:underline}
.hero-presentation details{padding:0 20px 20px;font:13px/1.6 "Segoe UI",Arial,sans-serif;color:#c7dce7}
.hero-presentation summary{min-height:44px;cursor:pointer;display:list-item;padding:10px 0;color:#7fe1f1}
.hero-presentation .presentation-transcript p{padding:7px 0}
.presentation-caption-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 20px;background:#0c2533;border-bottom:1px solid #355568}
.hero-presentation{margin:auto}
.presentation-cc{min-width:48px;min-height:44px;border:1px solid #7bcbdc;border-radius:4px;background:#0b1d28;color:#e4f8fc;font:700 15px/1.2 "Segoe UI",Arial,sans-serif;cursor:pointer}
.presentation-cc[aria-pressed="true"]{border-bottom:4px solid #e9ba58;background:#204957}
.presentation-caption-language{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:13px/1.4 "Segoe UI",Arial,sans-serif;color:#d1e7ef}
.presentation-caption-language select{min-height:44px;max-width:100%;border:1px solid #5c8799;border-radius:4px;background:#071924;color:#edf8fb;padding:7px 10px;font:14px/1.4 "Segoe UI",Arial,sans-serif}
.hero-presentation select:focus-visible{outline:2px solid #75e2f4;outline-offset:3px}
@media(max-width:440px){.presentation-caption-controls{padding:10px 14px;gap:10px}.presentation-caption-language{flex:1;gap:4px}.presentation-caption-language span{flex-basis:100%}}
@media(max-width:600px){.cd-presentation-launch{left:14px;bottom:max(24px,env(safe-area-inset-bottom));padding:10px 12px}.hero-presentation-head{padding:10px 14px}.hero-presentation-head h2{font-size:15px}.hero-presentation p{padding:11px 14px}.hero-presentation details{padding:0 14px 14px}}
@media(max-width:360px){#cyberdre-atlas .cd-presentation-stage{padding:7px;font-size:10px;gap:3px}#cyberdre-atlas .cd-presentation-stage svg{width:14px}}