*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:#08080a;color:#e6e6e6;font:14px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{display:flex;align-items:center;justify-content:center;position:relative}.stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;z-index:2}.blob{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:42% 58% 62% 38%/48% 42% 58% 52%;background:radial-gradient(circle at 30% 30%,#2a2a3a,#101018 60%,transparent 80%);filter:blur(60px);opacity:.55;animation:morph 9s ease-in-out infinite;z-index:1;pointer-events:none}.blob.v2{width:360px;height:360px;animation-duration:11s;animation-direction:reverse;opacity:.35;background:radial-gradient(circle at 70% 40%,#4c3a6a,#0a0a10 65%,transparent 85%)}@keyframes morph{0%,to{border-radius:42% 58% 62% 38%/48% 42% 58% 52%;transform:translate(-50%,-50%) rotate(0) scale(1)}33%{border-radius:60% 40% 38% 62%/55% 62% 38% 45%;transform:translate(-50%,-50%) rotate(60deg) scale(1.05)}66%{border-radius:38% 62% 55% 45%/62% 38%;transform:translate(-50%,-50%) rotate(-40deg) scale(.95)}}.track{position:relative;width:min(300px,84vw);height:56px;border-radius:28px;background:#14141abf;border:1px solid #23232a;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fill{position:absolute;top:0;left:0;bottom:0;width:0;background:linear-gradient(90deg,#1e1e26,#2a2a34);transition:width .04s linear}.label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#7a7a85;font-size:13px;letter-spacing:.03em;pointer-events:none;transition:color .2s}.thumb{position:absolute;top:50%;left:0;width:56px;height:56px;transform:translateY(-50%);border-radius:50%;background:#e6e6e6;color:#08080a;display:flex;align-items:center;justify-content:center;cursor:grab;transition:background .18s,transform .1s;box-shadow:0 4px 20px #00000080}.thumb:active{cursor:grabbing;background:#fff;transform:translateY(-50%) scale(1.04)}.thumb svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:opacity .2s}.state-armed .label{color:#e6e6e6}.state-armed .thumb{background:#fff;box-shadow:0 6px 28px #e6e6e640}.state-verifying .thumb{cursor:default;background:#c9c9d5;animation:pulse 1.2s ease-in-out infinite}.state-verifying .track{pointer-events:none}@keyframes pulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.06)}}.state-done .thumb{background:#5fe0a1;color:#08080a}.state-done .label{color:#5fe0a1}.state-err .thumb{background:#ff7a7a}.state-err .label{color:#ff7a7a}.dots{display:flex;gap:6px}.dot{width:6px;height:6px;border-radius:50%;background:#3a3a45;transition:background .3s}.dot.on{background:#e6e6e6}