:root{--bg:#ffffff;--fg:#2a1466;--muted:#7a6fa3;--main:#5b21b6;--v2:#8b5cf6;--track:rgba(91,33,182,.12);--ease:cubic-bezier(.22,1,.36,1);--logo:url(/logo.png);--split:69.46%}*{box-sizing:border-box;margin:0}body,html{height:100%}body{background:var(--bg);color:var(--fg);overflow:hidden;font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.bg{position:fixed;inset:0;pointer-events:none;overflow:hidden}.glow{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(80px);will-change:transform}.g1{left:-20vmax;top:-24vmax;background:radial-gradient(circle,rgba(124,58,237,.16),transparent 65%);animation:d1 14s ease-in-out infinite alternate}.g2{right:-22vmax;bottom:-28vmax;background:radial-gradient(circle,rgba(91,33,182,.14),transparent 65%);animation:d2 16s ease-in-out infinite alternate}@keyframes d1{to{transform:translate(8vmax,6vmax) scale(1.1)}}@keyframes d2{to{transform:translate(-7vmax,-5vmax) scale(1.08)}}.stage{display:grid;justify-items:center;grid-gap:34px;gap:34px;width:min(380px,84vw);text-align:center;transition:opacity .45s var(--ease),transform .45s var(--ease),filter .45s var(--ease)}.logo,.stage{position:relative}.logo{width:100%;aspect-ratio:373/334;animation:float 5s ease-in-out 2s infinite}.layer{position:absolute;inset:0;background:var(--logo) center/100% 100% no-repeat}.mark{-webkit-clip-path:inset(0 0 calc(100% - var(--split)) 0);clip-path:inset(0 0 calc(100% - var(--split)) 0);transform-origin:50% 35%;opacity:0;animation:pop .9s var(--ease) .1s forwards}.word{-webkit-clip-path:inset(var(--split) 0 0 0);clip-path:inset(var(--split) 0 0 0);opacity:0;animation:rise .8s var(--ease) .55s forwards}.shine{position:absolute;inset:0;-webkit-clip-path:inset(0 0 calc(100% - var(--split)) 0);clip-path:inset(0 0 calc(100% - var(--split)) 0);-webkit-mask:var(--logo) center/100% 100% no-repeat;mask:var(--logo) center/100% 100% no-repeat;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.7) 50%,transparent 58%) 160% 0/260% 100% no-repeat;opacity:0;animation:shine 1.1s ease 1.15s forwards}@keyframes pop{0%{opacity:0;transform:scale(.72) rotate(-10deg);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes shine{0%{opacity:1;background-position:160% 0}to{opacity:1;background-position:-60% 0}}@keyframes float{50%{transform:translateY(-6px)}}.meter{width:min(220px,58vw);display:grid;grid-gap:10px;gap:10px;opacity:0;animation:fade .6s ease 1s forwards}.bar{height:3px;background:var(--track);overflow:hidden}.bar,.fill{border-radius:3px}.fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--main),var(--v2))}.status{color:var(--muted);font-size:12px;min-height:1.3em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@keyframes fade{to{opacity:1}}.skip{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px;opacity:0;pointer-events:none;transition:opacity .4s}.skip.show{opacity:1;pointer-events:auto}.skip:focus-visible{outline:2px solid var(--main);outline-offset:4px;border-radius:4px}.stage.leaving{opacity:0;transform:scale(1.06);filter:blur(6px)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01s!important;animation-delay:0s!important}.glow,.logo{animation:none!important}.stage{transition:none}}