.splash{--g:20px;position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:var(--sp-2);background-color:var(--ink-1);transition:opacity .55s var(--ease-out);animation:splash-failsafe .5s 6s forwards}.splash.leaving{opacity:0;pointer-events:none}@keyframes splash-failsafe{to{opacity:0;visibility:hidden}}.splash-sheet{position:relative;display:flex;flex-direction:column;align-items:center;gap:.9rem;inline-size:min(22rem,100%);padding:2.2rem 2rem 1.9rem;border:1px solid var(--line-strong);background:rgb(var(--card-rgb));text-align:center;overflow:hidden;animation:splash-sheet-in .6s var(--ease-out) backwards}.splash-sheet .crop{inset:8px;--m:12px}@keyframes splash-sheet-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.splash-symbol{inline-size:76px;block-size:76px;animation:splash-mark .8s var(--ease-out) .1s backwards}@keyframes splash-mark{0%{opacity:0;transform:translateY(8px) scale(.9)}}.splash-hello{font-size:clamp(1.7rem,5vw,2.3rem);font-weight:900;line-height:1.25;animation:splash-rise .8s var(--ease-out) .25s backwards}.splash-name{margin-block-start:-.5rem;font-weight:700;color:var(--muted);animation:splash-rise .8s var(--ease-out) .4s backwards}@keyframes splash-rise{0%{opacity:0;transform:translateY(10px)}}.splash-note{color:var(--muted);font-size:.8rem;line-height:1.8;animation:splash-rise .8s var(--ease-out) .55s backwards}.splash .dots{--dot:10px;--gap:4px;display:inline-grid;grid-template-columns:repeat(7,var(--dot));gap:var(--gap);margin-block:.3rem;animation:splash-rise .8s var(--ease-out) .5s backwards}.splash .dots i{inline-size:var(--dot);block-size:var(--dot);background:color-mix(in srgb,var(--text) 13%,transparent);transition:background .12s linear}.splash .dots i.on,.splash-rule{background:var(--a1)}.splash-rule{position:absolute;inset-inline:0;inset-block-end:0;block-size:2px;transform-origin:right center;animation:splash-rule var(--hold,3.2s) linear forwards}@keyframes splash-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.splash .dots,.splash-hello,.splash-name,.splash-note,.splash-sheet,.splash-symbol{animation:none}.splash-rule{animation-duration:1.2s}}