.wf-root{background:var(--background);color:var(--foreground);-webkit-user-select:none;user-select:none;font-family:inherit;position:absolute;inset:0;overflow:hidden}.wf-frame{position:absolute;inset:0}@media (width>=768px){.wf-root{background:color-mix(in oklch, var(--foreground) 5%, var(--background));justify-content:center;align-items:center;display:flex}.wf-frame{background:var(--card);border:1px solid var(--border);width:460px;max-width:calc(100vw - 96px);height:min(700px,100vh - 96px);box-shadow:0 24px 64px color-mix(in oklch, var(--foreground) 18%, transparent);border-radius:24px;position:relative;inset:auto;overflow:hidden}}.wf-stage{position:absolute;inset:0}.wf-beat{text-align:center;opacity:0;pointer-events:none;flex-direction:column;align-items:center;padding:84px 32px 132px;transition:transform .56s cubic-bezier(.22,.61,.36,1),opacity .4s;display:flex;position:absolute;inset:0}.wf-beat.is-active{opacity:1;pointer-events:auto}.wf-hero{justify-content:center;align-items:center;width:100%;height:210px;display:flex;position:relative}.wf-h{letter-spacing:-.02em;margin-top:6px;font-size:30px;font-weight:800;line-height:1.1}.wf-s{color:var(--muted-foreground);max-width:300px;margin-top:14px;font-size:15px;line-height:1.55}.wf-beat .wf-h,.wf-beat .wf-s{opacity:0;transform:translateY(14px)}.wf-beat.is-active .wf-h{animation:.6s .16s both wf-rise}.wf-beat.is-active .wf-s{animation:.6s .28s both wf-rise}@keyframes wf-rise{to{opacity:1;transform:none}}.wf-foot{flex-direction:column;align-items:center;gap:18px;display:flex;position:absolute;bottom:34px;left:32px;right:32px}.wf-dots{gap:7px;display:flex}.wf-dots i{background:color-mix(in oklch, var(--foreground) 16%, transparent);border-radius:999px;width:7px;height:7px;transition:all .4s}.wf-dots i.on{background:var(--brand);width:22px}.wf-cta{width:100%}.wf-back{z-index:3;background:color-mix(in oklch, var(--foreground) 5%, transparent);cursor:pointer;opacity:0;width:36px;height:36px;color:var(--foreground);border:none;border-radius:999px;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:20px;left:14px}.wf-back.show{opacity:1}.wf-back svg{stroke:currentColor;fill:none;stroke-width:2.2px;width:19px;height:19px}.wf-gold{background:linear-gradient(135deg, color-mix(in oklch, var(--brand) 78%, white), var(--brand))}.wf-mark{width:104px;height:104px;box-shadow:0 16px 40px color-mix(in oklch, var(--foreground) 20%, transparent);border-radius:999px;justify-content:center;align-items:center;display:flex;overflow:hidden}.wf-fleck{border-radius:999px;position:absolute}.wf-beat.is-active .wf-mark{animation:.7s .1s both wf-pop}.wf-beat.is-active .wf-fleck{animation:wf-fleck .8s var(--d) both}@keyframes wf-pop{0%{opacity:0;transform:scale(.4)}62%{opacity:1;transform:scale(1.09)}to{opacity:1;transform:scale(1)}}@keyframes wf-fleck{0%{opacity:0;transform:translate(0)scale(0)}55%{opacity:.85}to{transform:translate(var(--tx), var(--ty)) scale(1);opacity:.6}}.wf-board{flex-direction:column;align-items:center;gap:12px;display:flex}.wf-ct{border:1.6px solid var(--border);background:color-mix(in oklch, var(--card) 60%, transparent);border-radius:12px;justify-content:center;align-items:center;gap:12px;width:190px;height:52px;display:flex}.wf-vn{background:color-mix(in oklch, var(--foreground) 18%, transparent);width:1.6px;height:34px}.wf-d{width:20px;height:20px;box-shadow:0 3px 7px color-mix(in oklch, var(--foreground) 16%, transparent);border-radius:999px}.wf-d.g{background:linear-gradient(135deg, color-mix(in oklch, var(--brand) 78%, white), var(--brand))}.wf-d.c{background:var(--destructive)}.wf-d.k{background:var(--primary)}.wf-bench{align-items:center;gap:8px;display:flex}.wf-bench .lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);font-size:10px;font-weight:800}.wf-bench .wf-d{background:color-mix(in oklch, var(--foreground) 12%, transparent);width:15px;height:15px;box-shadow:none}.wf-beat.is-active .wf-d{animation:wf-drop .55s var(--d) both}@keyframes wf-drop{0%{opacity:0;transform:translateY(-16px)scale(.4)}70%{transform:translateY(2px)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}.wf-numwrap{justify-content:center;align-items:center;height:120px;display:flex;position:relative}.wf-num{letter-spacing:-.03em;color:var(--foreground);align-items:baseline;gap:6px;font-size:62px;font-weight:800;display:flex}.wf-num small{color:var(--brand);font-size:22px;font-weight:800}.wf-pill{white-space:nowrap;background:linear-gradient(135deg, color-mix(in oklch, var(--brand) 78%, white), var(--brand));color:color-mix(in oklch, var(--foreground) 82%, var(--brand));box-shadow:0 10px 26px color-mix(in oklch, var(--brand) 50%, transparent);opacity:0;border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-size:16px;font-weight:800;display:flex;position:absolute}.wf-pill svg{stroke:currentColor;fill:none;stroke-width:2.4px;width:18px;height:18px}.wf-beat.is-active .wf-num{animation:2.4s .3s both wf-vanish}.wf-beat.is-active .wf-pill{animation:1s 1.7s both wf-appear}@keyframes wf-vanish{0%{opacity:0;transform:translateY(10px)scale(.9)}22%{opacity:1;transform:translateY(0)scale(1)}62%{opacity:1}to{opacity:0;filter:blur(8px);transform:translateY(-22px)scale(1.12)}}@keyframes wf-appear{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.wf-lb{flex-direction:column;gap:9px;width:232px;display:flex;position:relative}.wf-lbrow{background:color-mix(in oklch, var(--card) 65%, transparent);border:1px solid var(--border);opacity:0;border-radius:11px;align-items:center;gap:11px;padding:9px 12px;display:flex}.wf-lbrow .rk{color:var(--muted-foreground);width:16px;font-size:14px;font-weight:800}.wf-lbrow .av{border-radius:999px;width:22px;height:22px}.wf-lbrow .bar{background:color-mix(in oklch, var(--foreground) 14%, transparent);border-radius:4px;flex:1;height:8px}.wf-stamp{opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wf-stamp span{border:2.5px solid var(--foreground);color:var(--foreground);letter-spacing:.06em;text-transform:uppercase;background:color-mix(in oklch, var(--background) 82%, transparent);border-radius:12px;padding:8px 16px;font-size:14px;font-weight:800;transform:rotate(-7deg)}.wf-beat.is-active .wf-lbrow{animation:wf-lbfade 3s var(--d) forwards}.wf-beat.is-active .wf-stamp{animation:.5s 1.9s both wf-stamp}@keyframes wf-lbfade{0%{opacity:0;transform:translate(-10px)}16%{opacity:1;transform:none}50%{opacity:1}to{opacity:.12;filter:grayscale()}}@keyframes wf-stamp{0%{opacity:0;transform:scale(1.5)rotate(-7deg)}60%{transform:scale(.94)rotate(-7deg)}to{opacity:1;transform:scale(1)rotate(-7deg)}}.wf-goods{flex-direction:column;gap:9px;width:262px;display:flex}.wf-gcard{background:color-mix(in oklch, var(--card) 72%, transparent);border:1px solid var(--border);box-shadow:0 5px 14px color-mix(in oklch, var(--foreground) 6%, transparent);opacity:0;text-align:left;border-radius:13px;align-items:center;gap:11px;padding:9px 12px;display:flex}.wf-gcard>div{min-width:0}.wf-gcard .gi{width:34px;height:34px;color:var(--card);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.wf-gcard .gi svg{stroke:currentColor;fill:none;stroke-width:2px;width:18px;height:18px}.wf-gcard .gi.trend{background:var(--primary)}.wf-gcard .gi.rival{background:linear-gradient(135deg, color-mix(in oklch, var(--brand) 78%, white), var(--brand));color:color-mix(in oklch, var(--foreground) 80%, var(--brand))}.wf-gcard .gi.ride{background:var(--destructive)}.wf-gcard b{color:var(--foreground);white-space:nowrap;font-size:13px;line-height:1.2;display:block}.wf-gcard span{color:var(--muted-foreground);white-space:nowrap;font-size:10.5px;line-height:1.2}.wf-gcard .spark{letter-spacing:-2px;color:var(--primary);margin-left:auto;padding-left:8px;font-size:14px}.wf-beat.is-active .wf-gcard{animation:wf-pop .55s var(--d) both}.wf-toggle{background:color-mix(in oklch, var(--foreground) 6%, transparent);border-radius:14px;width:216px;height:52px;padding:5px;font-size:14px;font-weight:700;display:flex;position:relative}.wf-toggle .opt{color:var(--muted-foreground);z-index:2;flex:1;justify-content:center;align-items:center;transition:color .4s;display:flex}.wf-toggle .knob{background:var(--card);width:calc(50% - 5px);height:42px;box-shadow:0 4px 12px color-mix(in oklch, var(--foreground) 14%, transparent);border-radius:10px;position:absolute;top:5px;left:5px}.wf-pmchip{background:var(--primary);color:var(--card);opacity:0;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;position:absolute;bottom:2px}.wf-beat.is-active .wf-toggle .knob{animation:1.1s .5s both wf-slideknob}.wf-beat.is-active .wf-toggle .opt.pv{animation:.6s 1.3s both wf-activate}.wf-beat.is-active .wf-pmchip{animation:1s 1.5s both wf-appear}@keyframes wf-slideknob{0%{transform:translate(0)}45%{transform:translate(0)}to{transform:translate(100%)}}@keyframes wf-activate{to{color:var(--foreground)}}.wf-scard{background:var(--card);border:1px solid var(--border);width:252px;box-shadow:0 16px 38px color-mix(in oklch, var(--foreground) 14%, transparent);opacity:0;border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.wf-scard .date{width:52px;height:58px;color:color-mix(in oklch, var(--foreground) 80%, var(--brand));border-radius:13px;flex-direction:column;justify-content:center;align-items:center;font-weight:800;display:flex}.wf-scard .date b{font-size:22px;line-height:1}.wf-scard .date span{letter-spacing:.06em;margin-top:2px;font-size:10px}.wf-scard .sc{text-align:left}.wf-scard .sc b{color:var(--foreground);font-size:16px;display:block}.wf-scard .sc span{color:var(--muted-foreground);font-size:12.5px}.wf-shuttle{background:radial-gradient(circle at 35% 30%, var(--card), var(--brand));width:16px;height:16px;box-shadow:0 3px 8px color-mix(in oklch, var(--foreground) 20%, transparent);opacity:0;border-radius:999px;position:absolute;top:20px;left:22px}.wf-beat.is-active .wf-scard{animation:.7s .2s both wf-appear}.wf-beat.is-active .wf-shuttle{animation:1.3s .5s both wf-arc}@keyframes wf-arc{0%{opacity:0;transform:translate(0)}12%{opacity:1}50%{transform:translate(150px,-46px)}to{opacity:1;transform:translate(300px,20px)}}@media (prefers-reduced-motion:reduce){.wf-beat,.wf-beat *{transition:opacity .2s!important;animation:none!important}.wf-beat .wf-h,.wf-beat .wf-s{opacity:1;transform:none}.wf-pill,.wf-pmchip,.wf-scard,.wf-gcard,.wf-lbrow,.wf-shuttle,.wf-stamp{opacity:1!important}}