#welcome{position:fixed;inset:0;z-index:1000;display:grid;place-content:center;justify-items:center;gap:16px;background:#f7f5fc;color:#171337;font-family:system-ui,sans-serif;pointer-events:none;opacity:1;visibility:visible;transition:opacity .24s ease,visibility .24s;animation:welcome-failsafe 0s 12s forwards}
#welcome .welcome-art{width:min(520px,90vw);height:auto;overflow:visible}#welcome .welcome-brand{width:220px;height:auto}#welcome p{font-size:14px;margin:0;color:#625771;letter-spacing:.02em}#welcome .welcome-caption{font-size:11px;color:#766784;margin-top:-8px}
.welcome-seen #welcome{opacity:0;visibility:hidden;animation:none}#welcome .inspector{transform-box:fill-box;transform-origin:50% 100%;animation:welcome-breathe 1.4s ease-in-out 8 alternate}#welcome .inspector.two{animation-delay:.15s}#welcome .inspector.three{animation-delay:.3s}#welcome .pointing{transform-box:fill-box;transform-origin:8% 20%;animation:welcome-point 1s ease-in-out 10 alternate}#welcome .writing{transform-box:fill-box;transform-origin:60% 20%;animation:welcome-write .42s ease-in-out 24 alternate}#welcome .note-line{stroke-dasharray:24;stroke-dashoffset:24;animation:welcome-note .65s .3s ease forwards}#welcome .note-line.second{animation-delay:.7s}#welcome .scene-check{transform-box:fill-box;transform-origin:center;animation:welcome-check .65s .8s both cubic-bezier(.2,.8,.2,1)}#welcome .scan-marker{animation:welcome-scan 1.2s 9 alternate}
@keyframes welcome-breathe{to{transform:translateY(-3px) rotate(.6deg)}}@keyframes welcome-point{to{transform:rotate(-9deg)}}@keyframes welcome-write{to{transform:translate(3px,-2px) rotate(-4deg)}}@keyframes welcome-note{to{stroke-dashoffset:0}}@keyframes welcome-check{from{opacity:0;transform:scale(.7) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes welcome-scan{to{opacity:.4;transform:translateY(5px)}}@keyframes welcome-failsafe{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){#welcome *,#welcome{animation:none!important;transition:none!important}#welcome .note-line{stroke-dashoffset:0}#welcome{animation:welcome-failsafe 0s 12s forwards!important}}
.welcome-seen #welcome *{animation:none!important}
#welcome{pointer-events:auto}.welcome-seen #welcome{pointer-events:none}#welcome-skip{font:inherit;font-size:12px;border:1px solid #d9cee9;background:#fff;color:#654399;border-radius:100px;min-height:44px;padding:10px 20px;cursor:pointer}#welcome-skip:focus-visible{outline:3px solid #6841d9;outline-offset:3px}

.welcome-progress-wrap{width:min(300px,80vw)}.welcome-progress-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#625771;margin-bottom:9px}#welcome-progress{display:block;width:100%;height:8px;border:0;border-radius:99px;overflow:hidden;appearance:none;background:#e5ddf1;accent-color:#6841d9}#welcome-progress::-webkit-progress-bar{background:#e5ddf1;border-radius:99px}#welcome-progress::-webkit-progress-value{background:linear-gradient(90deg,#9570ec,#6841d9);border-radius:99px}#welcome-progress::-moz-progress-bar{background:#6841d9;border-radius:99px}
/* Continuous native progress, a calmer composition and a soft hand-off. */
#welcome{gap:18px;background:radial-gradient(ellipse at 50% 38%,#fff 0,#faf8ff 44%,#ece6f7 100%);transition:opacity .45s ease,visibility .45s ease}
#welcome .welcome-art{width:min(490px,85vw);filter:drop-shadow(0 14px 20px #37215c0a)}
#welcome .welcome-brand{width:190px}#welcome p{font-size:16px;font-weight:600;color:#3e3157}#welcome .welcome-caption{min-height:18px;font-size:13px;margin:0;color:#756286}
.welcome-progress-wrap{width:min(320px,76vw);margin-top:2px}.welcome-progress-label{color:#6c5f7c;font-size:11px;letter-spacing:.02em}.welcome-progress-label span{font-variant-numeric:tabular-nums;color:#6841d9;font-weight:700}
#welcome-progress{height:6px;box-shadow:0 0 0 4px #fff8}#welcome-progress::-webkit-progress-value{background:linear-gradient(90deg,#b9a0ee,#7851d2 70%,#6841d9)}
#welcome .scene-check{animation-delay:7s}#welcome-skip{background:transparent;border-color:#cdbfdf;color:#69517d;font-size:11px}
@media(max-height:650px){#welcome{gap:10px}#welcome .welcome-art{width:min(320px,72vw)}#welcome .welcome-brand{width:140px}#welcome p{font-size:14px}}