.transport[hidden]{display:none!important}
.cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0}
.cover canvas{z-index:1}
.cover .card-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;display:grid;place-items:center;border:1px solid #ffffff4d;border-radius:50%;background:#11182735;color:#fff;opacity:.38;cursor:pointer;transition:opacity .18s,background .18s;backdrop-filter:blur(5px)}
.card-play svg{width:23px;height:23px;fill:currentColor;pointer-events:none}
.cover:hover .card-play,.card-play:focus-visible{opacity:.85;background:#11182765}
.cover.is-playing .card-play{opacity:1;background:#11182785}
.card-play:focus-visible,.demo-dot:focus-visible{outline:2px solid white;outline-offset:3px}
/* Original compact indicators, with an extended vertical tap area. */
.flowdots{gap:7px;flex-wrap:wrap;max-width:90vw;margin-left:auto;margin-right:auto}
.demo-dot{position:relative;display:block;flex:0 0 auto;width:6px;height:6px;min-width:0;min-height:0;background:rgba(255,255,255,.26);border:0;border-radius:50%;padding:0;cursor:pointer;transition:background .18s,width .22s cubic-bezier(.22,1,.36,1)}
.demo-dot::before{content:'';position:absolute;top:-13px;bottom:-13px;left:-3px;right:-3px}
.demo-dot.on{width:20px;border-radius:999px;background:#fff}
.flow{touch-action:pan-y}
[data-demo-target]:not([data-demo-target=""]){cursor:pointer}
[data-demo-target]:focus-visible{outline:2px solid #a5caff;outline-offset:4px}
.media-dialog{border:1px solid #ffffff25;border-radius:22px;background:#101827;color:white;width:min(900px,94vw);padding:20px;max-height:90dvh;box-sizing:border-box}
.media-dialog::backdrop{background:#050916d9;backdrop-filter:blur(8px)}
.media-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.media-dialog h2{font:600 20px/1.3 system-ui;margin:0}
.media-dialog .media-close{min-width:44px;min-height:44px;border-radius:50%;border:1px solid #ffffff35;color:white;background:#ffffff12;font-size:24px;cursor:pointer}
.media-dialog video,.media-dialog iframe{width:100%;aspect-ratio:16/9;max-height:65dvh;border:0;border-radius:12px;background:#000}
.media-dialog a{color:#a8caff;display:inline-block;margin-top:12px}
.player-message{position:fixed;left:50%;bottom:170px;transform:translateX(-50%);background:#17243a;color:white;border:1px solid #ffffff30;border-radius:12px;padding:12px 18px;width:max-content;max-width:85vw;z-index:150;font:14px/1.5 system-ui}
.preview-badge{position:fixed;top:8px;left:50%;transform:translateX(-50%);background:#fff;color:#132039;border-radius:10px;padding:10px 14px;z-index:200;font:13px/1.4 system-ui;text-decoration:none;box-shadow:0 3px 24px #0005;text-align:center;max-width:90vw}
@media(prefers-reduced-motion:reduce){.card-play,.demo-dot::after{transition:none}}