._7Byh4W_demo{background:#fff;border:2px solid #f0e4dc;border-radius:28px;flex-direction:column;gap:16px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px #f0e4dc}._7Byh4W_demo *{animation-duration:12s;animation-iteration-count:infinite}._7Byh4W_top{justify-content:space-between;align-items:center;gap:12px;display:flex}._7Byh4W_steps{flex-wrap:wrap;gap:8px;display:flex}._7Byh4W_step{font-family:var(--font-display), sans-serif;color:#6b625c;background:#fff;border:2px solid #f0e4dc;border-radius:999px;padding:6px 12px;font-size:15px;font-weight:600}._7Byh4W_step1{animation-name:_7Byh4W_step1}._7Byh4W_step2{animation-name:_7Byh4W_step2}._7Byh4W_step3{color:#fff;background:#d52728;animation-name:_7Byh4W_step3}@keyframes _7Byh4W_step1{0%,29%{color:#fff;background:#d52728}30%,to{color:#6b625c;background:#fff}}@keyframes _7Byh4W_step2{0%,29%{color:#6b625c;background:#fff}30%,61%{color:#fff;background:#d52728}62%,to{color:#6b625c;background:#fff}}@keyframes _7Byh4W_step3{0%,61%{color:#6b625c;background:#fff}62%,98%{color:#fff;background:#d52728}to{color:#6b625c;background:#fff}}._7Byh4W_streak{background:#fff1e3;border-radius:999px;align-items:center;gap:4px;padding:4px 12px 4px 8px;display:flex;position:relative}._7Byh4W_count{width:16px;height:24px;font-family:var(--font-display), sans-serif;color:#a34c00;font-size:20px;font-weight:700;line-height:24px;display:inline-block;position:relative}._7Byh4W_count span{position:absolute;top:0;left:0}._7Byh4W_before{opacity:0;animation-name:_7Byh4W_before}._7Byh4W_after{animation-name:_7Byh4W_after}@keyframes _7Byh4W_before{0%,79%{opacity:1}80%,99%{opacity:0}to{opacity:1}}@keyframes _7Byh4W_after{0%,79%{opacity:0;transform:scale(.3)}83%{opacity:1;transform:scale(1.45)}87%,98%{opacity:1;transform:scale(1)}to{opacity:0}}._7Byh4W_burst{opacity:0;border:3px solid #ffc233;border-radius:999px;animation-name:_7Byh4W_burst;position:absolute;inset:-6px}@keyframes _7Byh4W_burst{0%,79%{opacity:0;transform:scale(.4)}82%{opacity:1}90%,to{opacity:0;transform:scale(1.8)}}._7Byh4W_video{background:#2a2422;border-radius:18px;justify-content:center;align-items:center;height:230px;display:flex;position:relative;overflow:hidden}._7Byh4W_videoLabel{color:#d8cbc2;font-size:13px;font-weight:700;position:absolute;top:12px}._7Byh4W_play{width:76px;height:76px;position:relative}._7Byh4W_ring,._7Byh4W_button{background:#d52728;border-radius:999px;position:absolute;inset:0}._7Byh4W_button{justify-content:center;align-items:center;display:flex}._7Byh4W_ring{animation:1.6s ease-out infinite _7Byh4W_ring!important}@keyframes _7Byh4W_ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}._7Byh4W_wave{opacity:.2;justify-content:center;align-items:flex-end;gap:5px;height:36px;animation-name:_7Byh4W_wave;display:flex;position:absolute;bottom:18px;left:0;right:0}@keyframes _7Byh4W_wave{0%,29%{opacity:1}32%,to{opacity:.2}}._7Byh4W_bar{transform-origin:bottom;background:#ffc233;border-radius:3px;width:5px;height:100%;animation:.9s ease-in-out infinite _7Byh4W_bar!important}@keyframes _7Byh4W_bar{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}._7Byh4W_answer{box-sizing:border-box;background:#fffcfa;border:2px solid #e9ddd5;border-radius:16px;min-height:64px;padding:18px;position:relative}._7Byh4W_typing{white-space:nowrap;opacity:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;line-height:28px;animation-name:_7Byh4W_typing;position:absolute;top:18px;left:18px;right:18px;overflow:hidden}@keyframes _7Byh4W_typing{0%,61%{opacity:1}62%,to{opacity:0}}._7Byh4W_typed{white-space:nowrap;vertical-align:bottom;width:34ch;animation-name:_7Byh4W_type;animation-timing-function:steps(34,end);display:inline-block;overflow:hidden}@keyframes _7Byh4W_type{0%,32%{width:0}56%,to{width:34ch}}._7Byh4W_caret{vertical-align:-4px;background:#d52728;width:2px;height:22px;margin-left:1px;display:inline-block;animation:1s step-end infinite _7Byh4W_blink!important}@keyframes _7Byh4W_blink{50%{opacity:0}}._7Byh4W_result{flex-wrap:wrap;gap:4px 9px;font-size:20px;font-weight:700;animation-name:_7Byh4W_result;display:flex}@keyframes _7Byh4W_result{0%,62%{opacity:0}64%,97%{opacity:1}to{opacity:0}}._7Byh4W_right{color:#136c3a}._7Byh4W_wrong{color:#b3261e;text-decoration-thickness:2px}._7Byh4W_fix{color:#1f1a17;background:#ffe3cc;border-radius:6px;padding:0 6px}._7Byh4W_keys{color:#6b625c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}._7Byh4W_keys>span{align-items:center;gap:8px;display:inline-flex}._7Byh4W_key{color:#1f1a17;box-sizing:border-box;background:#fff;border:2px solid #d8cbc2;border-radius:9px;justify-content:center;align-items:center;min-width:52px;height:36px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;display:inline-flex;box-shadow:0 4px #d8cbc2}._7Byh4W_enter{animation-name:_7Byh4W_press}@keyframes _7Byh4W_press{0%,57%{background:#fff;transform:none;box-shadow:0 4px #d8cbc2}59%,62%{background:#ffe3cc;transform:translateY(4px);box-shadow:0 0 #d8cbc2}64%,to{background:#fff;transform:none;box-shadow:0 4px #d8cbc2}}._7Byh4W_toast{background:#d7f5e3;border:2px solid #9fe0ba;border-radius:16px;align-items:center;gap:12px;padding:14px 18px;animation-name:_7Byh4W_toast;display:flex;position:absolute;top:150px;left:36px;right:36px}@keyframes _7Byh4W_toast{0%,66%{opacity:0;transform:translateY(14px)}70%,95%{opacity:1;transform:none}98%,to{opacity:0;transform:translateY(14px)}}._7Byh4W_tick{background:#1a8f4a;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}._7Byh4W_toastTitle{font-family:var(--font-display), sans-serif;color:#0f4f2a;font-size:18px}._7Byh4W_toastText{color:#1f5c37;font-size:14px;font-weight:700}._7Byh4W_timeline{background:#f6eee9;width:100%;height:5px;position:absolute;bottom:0;left:0}._7Byh4W_timeline>div{background:#ff8a00;width:100%;height:5px;animation-name:_7Byh4W_timeline;animation-timing-function:linear}@keyframes _7Byh4W_timeline{0%{width:0}to{width:100%}}._7Byh4W_flame{transform-origin:50% 90%;animation:1.4s ease-in-out infinite _7Byh4W_flicker!important}@keyframes _7Byh4W_flicker{0%,to{transform:scale(1)rotate(0)}30%{transform:scale(1.06,.96)rotate(-3deg)}60%{transform:scale(.97,1.05)rotate(2deg)}}@media (max-width:520px){._7Byh4W_demo{padding:16px}._7Byh4W_steps{flex-wrap:nowrap;gap:4px}._7Byh4W_step{padding:4px 8px;font-size:13px}._7Byh4W_typing,._7Byh4W_result{font-size:15px}._7Byh4W_toast{left:14px;right:14px}}@media (prefers-reduced-motion:reduce){._7Byh4W_demo *,._7Byh4W_demo ._7Byh4W_ring,._7Byh4W_demo ._7Byh4W_bar,._7Byh4W_demo ._7Byh4W_caret,._7Byh4W_demo ._7Byh4W_flame{animation:none!important}}