/* loading screen */
.splash{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;transition:opacity .35s ease,visibility .35s}
.splash.out{opacity:0;visibility:hidden}
.splash-in{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;margin:auto}
.splash-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.02em}
.splash h1{font-size:clamp(24px,4.4vw,34px);letter-spacing:-.025em;line-height:1.15}
.splash-post{width:100%;min-height:180px;display:flex;justify-content:center;align-items:center}
.splash-post .twitter-tweet{margin:0 auto !important}
.splash-post blockquote.twitter-tweet{border:1px solid var(--line);border-radius:14px;padding:18px;text-align:left;font-size:15px;color:var(--body);max-width:520px;margin:0}
.splash-post blockquote.twitter-tweet p{margin:0 0 10px}
.splash-post blockquote.twitter-tweet a{color:var(--accent)}
.splash-bar{width:220px;height:4px;border-radius:99px;background:var(--soft2);overflow:hidden}
.splash-bar i{display:block;height:100%;width:0;background:var(--ink);border-radius:99px;animation:fill 2.6s ease forwards}
@keyframes fill{to{width:100%}}
.splash .btn[disabled]{opacity:.35}
.splash-note{margin:0;font-size:12px;color:var(--muted)}