.demo-page[data-astro-cid-4esgmrof]{position:relative;padding:20px 0 80px;min-height:600px}.demo-page[data-astro-cid-4esgmrof]:before{position:absolute;width:100%;height:50%;bottom:0;left:0;background:var(--color-background-accent);content:"";display:block;z-index:0}.demo-page[data-astro-cid-4esgmrof]>.container[data-astro-cid-4esgmrof]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%}.container[data-astro-cid-4esgmrof]{max-width:900px;margin:0 auto;padding:0 15px}.title-container[data-astro-cid-4esgmrof]{width:100%;max-width:900px;margin:0 auto 2rem;padding:0 15px;display:flex;justify-content:space-between;align-items:center;position:relative;left:50%;transform:translate(-50%);transition:width .3s ease,max-width .3s ease}.title-container[data-astro-cid-4esgmrof].expanded{width:85vw;max-width:85vw}h1[data-astro-cid-4esgmrof]{font-family:var(--font-primary);font-size:50px;font-weight:600;color:var(--color-brand-primary);margin:0}#expandBtn[data-astro-cid-4esgmrof]{background:transparent;border:none;cursor:pointer;color:var(--color-brand-primary);padding:8px;display:flex;align-items:center;justify-content:center;transition:color .3s ease;flex-shrink:0}#expandBtn[data-astro-cid-4esgmrof]:hover{color:#000}#expandBtn[data-astro-cid-4esgmrof] svg[data-astro-cid-4esgmrof]{width:28px;height:28px}.video-container[data-astro-cid-4esgmrof]{width:100%;max-width:900px;margin:0 auto;padding:0 15px;position:relative;left:50%;transform:translate(-50%);transition:width .3s ease,max-width .3s ease}.video-container[data-astro-cid-4esgmrof].expanded{width:85vw;max-width:85vw}.video-wrapper[data-astro-cid-4esgmrof]{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 10px 40px #0009;transition:box-shadow .3s ease;background:#000;cursor:pointer}.video-wrapper[data-astro-cid-4esgmrof]:hover{box-shadow:0 15px 50px #000c}.video-js .vjs-control-bar{display:none!important}.video-js{width:100%;height:auto;aspect-ratio:16 / 9}.overlay[data-astro-cid-4esgmrof]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;z-index:10;cursor:pointer}.overlay-play-button[data-astro-cid-4esgmrof]{background:transparent;border:none;cursor:pointer;padding:0;transition:transform .2s ease,opacity .2s ease}.overlay-play-button[data-astro-cid-4esgmrof]:hover{transform:scale(1.1)}.overlay-play-button[data-astro-cid-4esgmrof]:active{transform:scale(.95)}.slider-container[data-astro-cid-4esgmrof]{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding:0 5px}#playPauseBtn[data-astro-cid-4esgmrof]{position:relative;padding:.5rem;font-size:1.5rem;cursor:pointer;background:linear-gradient(135deg,var(--color-brand-primary) 0%,#1230cc 100%);color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;min-width:40px;width:40px;height:40px;transition:background .3s ease;font-family:var(--font-primary)}#playPauseBtn[data-astro-cid-4esgmrof]:hover{background:linear-gradient(135deg,#000,#1a1a1a)}#frameSlider[data-astro-cid-4esgmrof]{flex:1;cursor:pointer;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}#frameSlider[data-astro-cid-4esgmrof]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-brand-primary);cursor:pointer;transition:background .3s ease;border:1px solid #ffffff;box-sizing:border-box}#frameSlider[data-astro-cid-4esgmrof]::-webkit-slider-thumb:hover{background:#000}#frameSlider[data-astro-cid-4esgmrof]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-brand-primary);cursor:pointer;border:1px solid #ffffff;transition:background .3s ease;box-sizing:border-box}#frameSlider[data-astro-cid-4esgmrof]::-moz-range-thumb:hover{background:#000}#timeDisplay[data-astro-cid-4esgmrof]{font-family:var(--font-primary);font-size:.9rem;white-space:nowrap;min-width:80px;color:#fff;font-weight:500}.mute-indicator[data-astro-cid-4esgmrof]{position:relative;padding:.5rem;background:linear-gradient(135deg,var(--color-brand-primary) 0%,#1230cc 100%);color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;min-width:40px;width:40px;height:40px;cursor:default}.mute-indicator[data-astro-cid-4esgmrof] svg[data-astro-cid-4esgmrof]{width:18px;height:18px}.mute-tooltip[data-astro-cid-4esgmrof]{position:absolute;top:-35px;right:0;background:#333;color:#fff;padding:6px 12px;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;font-family:var(--font-primary)}.mute-tooltip[data-astro-cid-4esgmrof]:after{content:"";position:absolute;bottom:-5px;right:12px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333}.mute-indicator[data-astro-cid-4esgmrof]:hover .mute-tooltip[data-astro-cid-4esgmrof]{opacity:1}#shareBtn[data-astro-cid-4esgmrof]{position:relative;padding:.5rem;cursor:pointer;background:linear-gradient(135deg,var(--color-brand-primary) 0%,#1230cc 100%);color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;min-width:40px;width:40px;height:40px;transition:background .3s ease}#shareBtn[data-astro-cid-4esgmrof]:hover{background:linear-gradient(135deg,#000,#1a1a1a)}#shareBtn[data-astro-cid-4esgmrof] svg[data-astro-cid-4esgmrof]{width:18px;height:18px}.share-tooltip[data-astro-cid-4esgmrof]{position:absolute;top:-35px;right:0;background:#333;color:#fff;padding:6px 12px;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;font-family:var(--font-primary)}.share-tooltip[data-astro-cid-4esgmrof]:after{content:"";position:absolute;bottom:-5px;right:12px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333}.share-tooltip[data-astro-cid-4esgmrof].visible{opacity:1}.button-tooltip[data-astro-cid-4esgmrof]{position:absolute;top:-35px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 12px;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;font-family:var(--font-primary)}.button-tooltip[data-astro-cid-4esgmrof]:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333}#shareBtn[data-astro-cid-4esgmrof]:hover .button-tooltip[data-astro-cid-4esgmrof]{opacity:1}#shareBtn[data-astro-cid-4esgmrof] .share-tooltip[data-astro-cid-4esgmrof].visible~.button-tooltip[data-astro-cid-4esgmrof]{opacity:0}#textBubbles[data-astro-cid-4esgmrof]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.text-bubble{position:absolute;background:#fff;border:3px solid var(--color-brand-primary);border-radius:12px;padding:12px 16px;font-family:var(--font-primary);font-size:14px;font-weight:500;line-height:1.4;color:var(--color-brand-primary);box-shadow:0 4px 16px #0006;display:none;transition:opacity .3s ease;width:max-content}.text-bubble[data-arrow=top]{transform:translate(-50%)}.text-bubble[data-arrow=bottom]{transform:translate(-50%,-100%)}.text-bubble[data-arrow=left]{transform:translateY(-50%)}.text-bubble[data-arrow=right]{transform:translate(-100%,-50%)}.text-bubble:not([data-arrow]){transform:translate(-50%,-50%)}.text-bubble.visible{display:block}.text-bubble[data-arrow]:after{content:"";position:absolute;width:0;height:0;border-style:solid}.text-bubble[data-arrow=top]:after{bottom:100%;left:50%;transform:translate(-50%);border-width:0 12px 12px 12px;border-color:transparent transparent var(--color-brand-primary) transparent}.text-bubble[data-arrow=bottom]:after{top:100%;left:50%;transform:translate(-50%);border-width:12px 12px 0 12px;border-color:var(--color-brand-primary) transparent transparent transparent}.text-bubble[data-arrow=left]:after{right:100%;top:50%;transform:translateY(-50%);border-width:12px 12px 12px 0;border-color:transparent var(--color-brand-primary) transparent transparent}.text-bubble[data-arrow=right]:after{left:100%;top:50%;transform:translateY(-50%);border-width:12px 0 12px 12px;border-color:transparent transparent transparent var(--color-brand-primary)}.typewriter-cursor{display:inline-block;width:2px;height:1em;background-color:var(--color-brand-primary);margin-left:2px;animation:blink-cursor .7s infinite;vertical-align:text-bottom}@keyframes blink-cursor{0%,49%{opacity:1}50%,to{opacity:0}}.text-bubble.dragging[data-arrow=top]{opacity:.8;box-shadow:0 8px 24px #0009;transform:translate(-50%) scale(1.05)}.text-bubble.dragging[data-arrow=bottom]{opacity:.8;box-shadow:0 8px 24px #0009;transform:translate(-50%,-100%) scale(1.05)}.text-bubble.dragging[data-arrow=left]{opacity:.8;box-shadow:0 8px 24px #0009;transform:translateY(-50%) scale(1.05)}.text-bubble.dragging[data-arrow=right]{opacity:.8;box-shadow:0 8px 24px #0009;transform:translate(-100%,-50%) scale(1.05)}.text-bubble.dragging:not([data-arrow]){opacity:.8;box-shadow:0 8px 24px #0009;transform:translate(-50%,-50%) scale(1.05)}@media screen and (max-width:480px){h1[data-astro-cid-4esgmrof]{font-size:33px}.text-bubble{font-size:2.5vw;padding:2vw 2.5vw;border-width:.5vw;border-radius:2vw;max-width:35vw!important}.text-bubble[data-arrow=top]:after{border-width:0 2vw 2vw 2vw}.text-bubble[data-arrow=bottom]:after{border-width:2vw 2vw 0 2vw}.text-bubble[data-arrow=left]:after{border-width:2vw 2vw 2vw 0}.text-bubble[data-arrow=right]:after{border-width:2vw 0 2vw 2vw}}