.confluence-intro{position:fixed;inset:0;width:100%;height:100dvh;z-index:1000;color:#fff4db;isolation:isolate;overflow:hidden}
.confluence-intro:before{content:'';position:absolute;inset:0;background:#040613;z-index:-1}
.confluence-intro iframe{display:block;width:100%;height:100%;border:0;opacity:0;transition:opacity 1.8s ease}
.confluence-intro.is-ready iframe{opacity:1}
.confluence-intro-enter{position:absolute;left:max(24px,env(safe-area-inset-left));top:max(18px,env(safe-area-inset-top));z-index:2;min-height:44px;padding:12px 20px;border:1px solid #edca8388;border-radius:24px;background:#0c1526ee;color:#fff4db;font:14px system-ui;cursor:pointer}
.confluence-intro-enter:focus-visible{outline:2px solid #70e4ff;outline-offset:4px}
.confluence-intro-note{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:20px;right:20px;text-align:center;font:14px/1.5 system-ui;color:#e2eafa;pointer-events:none;text-shadow:0 2px 8px #000;transition:opacity .6s}
.confluence-intro.is-leaving{animation:intro-dissolve .85s cubic-bezier(.35,0,.25,1) forwards;pointer-events:none}
.confluence-intro.is-leaving iframe{mask-image:linear-gradient(to bottom,#000 0%,#000 35%,transparent 70%);mask-size:100% 300%;animation:intro-gradient-reveal .85s ease-in-out forwards}
.confluence-intro.is-leaving .confluence-intro-enter{opacity:0;transition:opacity .35s}
.confluence-intro[hidden]{display:none}
@keyframes intro-dissolve{0%{opacity:1}30%{opacity:.96}100%{opacity:0}}
@keyframes intro-gradient-reveal{from{mask-position:0 0}to{mask-position:0 100%}}
@media(max-width:600px){.confluence-intro-enter{top:72px;left:16px;font-size:13px;padding:10px 16px}.confluence-intro-note{font-size:13px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.confluence-intro iframe{transition:none}.confluence-intro.is-leaving,.confluence-intro.is-leaving iframe{animation:none}}