html.intro-active{overflow:hidden;background:#000!important}
html.intro-active body{overflow:hidden}
#app-intro{position:fixed;inset:0;z-index:1000;background:#000;display:grid;place-items:center;opacity:1;transition:opacity .4s ease;isolation:isolate}
#app-intro.intro-leaving{opacity:0;pointer-events:none}
#intro-video{display:block;width:100%;height:100%;max-height:100dvh;object-fit:contain;background:#000}
#intro-skip{position:absolute;right:20px;top:max(18px,env(safe-area-inset-top,0px));border:1px solid #ffffff30;border-radius:999px;padding:10px 16px;background:#16191e8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#d8dce3;font:500 12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;min-height:42px}
#intro-play{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);border:1px solid #ffffff45;border-radius:20px;padding:14px 25px;background:#252a32c9;color:#fff;font:500 15px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
#intro-play[hidden]{display:none}
#intro-track{position:absolute;bottom:max(25px,env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:68px;height:2px;background:#ffffff20;border-radius:4px;overflow:hidden}
#intro-progress{display:block;width:100%;height:100%;background:#e5e9f3;transform:scaleX(0);transform-origin:left;transition:transform .2s linear}
#intro-skip:focus-visible,#intro-play:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){#app-intro,#intro-progress{transition:none}}