.fl-lock{flex-direction:column;align-items:center;display:flex}.fl-slide{width:min(375px,100vw - 40px);position:relative}.fl-slide .fl-stu{z-index:1;width:100%;position:relative}.audio-line{--sw:min(375px, calc(100vw - 40px));z-index:0;pointer-events:none;width:100vw;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audio-line-trace{width:100%;height:100%;position:absolute;inset:0}.fl-wave{height:54px}.fl-wave .audio-line-trace{-webkit-mask-image:linear-gradient(90deg, #000 calc(50% - var(--sw) / 2 - 28px), #0000001a calc(50% - var(--sw) / 2 + 20px), #0000001a calc(50% + var(--sw) / 2 - 20px), #000 calc(50% + var(--sw) / 2 + 28px));-webkit-mask-image:linear-gradient(90deg, #000 calc(50% - var(--sw) / 2 - 28px), #0000001a calc(50% - var(--sw) / 2 + 20px), #0000001a calc(50% + var(--sw) / 2 - 20px), #000 calc(50% + var(--sw) / 2 + 28px));mask-image:linear-gradient(90deg, #000 calc(50% - var(--sw) / 2 - 28px), #0000001a calc(50% - var(--sw) / 2 + 20px), #0000001a calc(50% + var(--sw) / 2 - 20px), #000 calc(50% + var(--sw) / 2 + 28px))}.fl-slide.is-peek .fl-stu:not(.is-done),.fl-slide .fl-stu.is-done{animation:none}.fl-slide.is-peek .fl-stu{transition:opacity .5s,transform .65s cubic-bezier(.22,1,.36,1)}.fl-slide.is-peek .fl-stu:is(.is-settle,.is-done){transition:opacity .5s,transform .65s cubic-bezier(.22,1,.36,1),--p .44s cubic-bezier(.3,1.35,.5,1)}.fl-slide.is-peek .fl-wave{transition:opacity .6s 50ms,transform .75s cubic-bezier(.22,1,.36,1) 50ms}.fl-slide.is-peek:not(.is-awake) .fl-wave{opacity:0;transition:opacity .7s,transform .8s cubic-bezier(.4,0,.2,1);transform:translate(-50%,-50%)scaleX(.82)}.fl-slide.is-peek:not(.is-awake) .fl-stu{opacity:0;pointer-events:none;transition:opacity .7s,transform .8s cubic-bezier(.4,0,.2,1);transform:translateY(14px)scale(.96)}.fl-panel{transform-origin:50% 100%;flex-direction:column;align-items:center;gap:14px;padding-bottom:20px;animation:.55s cubic-bezier(.22,1,.36,1) both fl-in;display:flex}@keyframes fl-in{0%{opacity:0;transform:translateY(24px)scale(.94)}to{opacity:1;transform:none}}.fl-stage{position:relative}.fl-pulses{z-index:0;pointer-events:none;position:absolute;inset:0}.fl-grid{--bar:clamp(48px, 8svh, 76px);z-index:1;grid-template-columns:repeat(3, var(--bar));gap:calc(var(--bar) * .26);touch-action:manipulation;-webkit-user-select:none;user-select:none;display:grid;position:relative}.fl-grid .mar-dot{width:var(--bar);height:var(--bar);-webkit-backdrop-filter:blur(10px)saturate(1.15);animation:.45s cubic-bezier(.22,1,.36,1) backwards mar-in;animation-delay:calc(var(--i,0) * 30ms);place-items:center;display:grid}.fl-grid .mar-dot:focus-visible{outline-offset:3px;outline:2px solid #ffffffd9}.fl-grid .mar-dot:disabled{cursor:default}.fl-num{font-family:var(--font-display);font-size:calc(var(--bar) * .29);color:#ffffffe6;text-shadow:0 1px 3px #00000059;pointer-events:none;font-weight:500;line-height:1;position:relative}.fl-grid .mar-dot.is-lit .fl-num{color:#fff}.fl-panel.is-wrong .fl-grid{animation:.5s login-shake}.fl-panel.is-wrong .mar-dot{background:#ffb7ae47;border-color:#ffb7ae99}.fl-panel.is-open .mar-dot{animation:.8s cubic-bezier(.22,1,.36,1) both fl-glow;animation-delay:calc(var(--i,0) * 40ms)}@keyframes fl-glow{40%{background:#ffffff80;box-shadow:inset 0 1px #fff,0 0 36px #fff9}to{background:#ffffff4d;box-shadow:inset 0 1px #fffc,0 0 20px #ffffff4d}}.fl-foot{align-items:center;gap:12px;display:flex}.fl-tones{align-items:center;gap:6px;display:flex}.fl-tone{background:#ffffff1f;border:1px solid #ffffff80;border-radius:4px;width:8px;height:18px;transition:background-color .2s,box-shadow .25s,transform .3s cubic-bezier(.22,1.35,.36,1)}.fl-tone.is-on{background:linear-gradient(#fffffff5,#ffffff9e);transform:scaleY(1.12);box-shadow:0 0 14px #ffffff8c}.fl-panel.is-wrong .fl-tone.is-on{background:#ffb7ae;box-shadow:0 0 14px #ffb7ae99}.fl-hint{text-align:center;min-width:150px;font-family:var(--font-jet-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:#fffc;text-shadow:0 1px 2px #00000073;white-space:nowrap;font-size:11px}.fl-panel.is-wrong .fl-hint{color:#ffb7ae}.fl-close{height:40px}.fl-close:disabled{opacity:.45}@media (max-width:640px){.fl-grid{--bar:clamp(48px, 7.5svh, 64px)}.fl-hint{min-width:0}}@media (prefers-reduced-motion:reduce){.fl-panel,.fl-grid .mar-dot,.fl-panel.is-wrong .fl-grid,.fl-panel.is-open .mar-dot{animation:none}.fl-slide.is-peek .fl-stu,.fl-slide.is-peek:not(.is-awake) .fl-stu{transition:opacity .3s;transform:none}.fl-slide.is-peek .fl-wave,.fl-slide.is-peek:not(.is-awake) .fl-wave{transition:opacity .3s;transform:translate(-50%,-50%)}}