.wf{--wf-paper:var(--color-paper,#f7f5f0);--wf-ink:var(--color-ink,#15181c);--wf-soft:var(--color-ink-soft,#5a616b);--wf-rule:var(--color-rule,#e3dfd6);--wf-flame:var(--color-flame,#ff5b2e);--wf-flame-hover:var(--color-flame-hover,#ff7347);--wf-card:#fffdf9;--wf-track:#ebe7de;--wf-tint:#ffe6dd;--wf-tint-ink:#8f2f12;--wf-mono:var(--ff-mono), ui-monospace, "SFMono-Regular", Menlo, monospace;--wf-head:var(--ff-manrope), ui-sans-serif, system-ui, sans-serif;background:var(--wf-card);color:var(--wf-ink);box-shadow:inset 0 0 0 1px var(--wf-rule), 0 24px 48px -36px #14171d59;font-family:var(--ff-inter), ui-sans-serif, system-ui, sans-serif;text-align:left;border-radius:22px;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""live""cta";gap:18px 32px;padding:20px;display:grid;position:relative}.wf[data-tone=dark]{--wf-ink:#f5f2ec;--wf-soft:#a9aeb5;--wf-rule:#ffffff1f;--wf-card:#ffffff0b;--wf-track:#ffffff1a;--wf-tint:#ff5b2e29;--wf-tint-ink:#ffb79f;box-shadow:inset 0 0 0 1px var(--wf-rule);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (min-width:900px){.wf{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head cta""live cta";align-items:center;padding:24px 28px}}.wf-head{flex-direction:column;grid-area:head;gap:10px;min-width:0;display:flex}.wf-badge{background:var(--wf-tint);color:var(--wf-tint-ink);font-family:var(--wf-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin:0;padding:6px 11px 6px 9px;font-size:10.5px;line-height:1.2;display:inline-flex}.wf-dot{background:var(--wf-flame);border-radius:999px;width:7px;height:7px;display:inline-block;position:relative}.wf[data-state=open] .wf-dot:after{content:"";border-radius:inherit;background:var(--wf-flame);animation:2.4s cubic-bezier(0,0,.2,1) infinite wf-ping;position:absolute;inset:0}.wf-title{font-family:var(--wf-head);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.12rem,.98rem + .6vw,1.45rem);font-weight:800;line-height:1.2}.wf-live{flex-direction:column;grid-area:live;gap:10px;min-width:0;display:flex}.wf-live[hidden],.wf-static[hidden],.wf-code[hidden]{display:none}.wf-meter{align-items:center;gap:14px;display:flex}.wf-big{min-width:4.6ch;font-family:var(--wf-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;flex:none;margin:0;font-size:1.55rem;font-weight:500;line-height:1}.wf-of{color:var(--wf-soft);letter-spacing:0;font-size:.62em}.wf-track{background:var(--wf-track);border-radius:999px;flex:1;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #14171d0a}.wf-fill{border-radius:inherit;background:repeating-linear-gradient(-45deg, #ffffff2e 0 6px, transparent 6px 12px), linear-gradient(90deg, #ff8a5c, var(--wf-flame));width:0;min-width:0;transition:width 1.1s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0}.wf[data-state=open] .wf-fill:not([style*="width: 0%"]){min-width:12px}.wf-count{color:var(--wf-soft);font-family:var(--wf-mono);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:2px 0;margin:0;font-size:12.5px;line-height:1.45;display:flex}.wf-left{color:var(--wf-ink);font-weight:500}.wf-left:not(:empty):before{content:"·";color:var(--wf-soft);margin:0 .6em;font-weight:400}.wf-code{border:1px dashed color-mix(in srgb, var(--wf-flame) 55%, transparent);color:var(--wf-ink);font-family:var(--wf-mono);border-radius:8px;align-self:flex-start;margin:0;padding:5px 10px;font-size:12px;line-height:1.4}.wf-static{color:var(--wf-soft);grid-area:live;margin:0;font-size:14px;line-height:1.5}.wf-cta{grid-area:cta;grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@media (min-width:520px){.wf-cta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.wf-cta{grid-template-columns:minmax(0,1fr);min-width:260px}}.wf-btn{background:var(--wf-flame);color:#14171d;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:9px 18px 9px 20px;text-decoration:none;transition:background-color .2s,box-shadow .2s;display:flex}.wf-btn:hover{background:var(--wf-flame-hover)}.wf-btn+.wf-btn{color:var(--wf-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--wf-ink) 18%, transparent);background:0 0}.wf-btn+.wf-btn:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--wf-ink) 45%, transparent);background:0 0}.wf-btn:focus-visible{outline:2px solid var(--wf-flame);outline-offset:3px}.wf-btn-text{flex-direction:column;min-width:0;display:flex}.wf-btn-name{font-size:14.5px;font-weight:650;line-height:1.2}.wf-btn-sub{opacity:.72;font-size:12px;line-height:1.3}.wf-arrow{flex:none;width:16px;height:16px;transition:transform .3s}.wf-btn:hover .wf-arrow{transform:translate(2px)}.wf[data-urgent]{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--wf-flame) 70%, transparent), 0 24px 48px -30px #ff5b2e8c}.wf[data-urgent] .wf-badge{background:var(--wf-flame);color:#14171d}.wf[data-urgent] .wf-dot,.wf[data-urgent] .wf-dot:after{background:#14171d}.wf[data-urgent] .wf-left{color:var(--wf-flame);font-weight:700}.wf[data-tone=light][data-urgent] .wf-left{color:#c43a12}.wf[data-urgent] .wf-fill{animation:1.8s ease-in-out infinite wf-glow}.wf[data-state=full] .wf-badge,.wf[data-state=closed] .wf-badge{background:color-mix(in srgb, var(--wf-ink) 9%, transparent);color:var(--wf-soft)}.wf[data-state=full] .wf-dot,.wf[data-state=closed] .wf-dot{background:var(--wf-soft)}.wf[data-state=full] .wf-fill,.wf[data-state=closed] .wf-fill{background:color-mix(in srgb, var(--wf-ink) 38%, transparent)}.wf[data-state=full] .wf-btn:first-child,.wf[data-state=closed] .wf-btn:first-child{background:var(--wf-ink);color:var(--wf-paper)}.wf[data-tone=dark][data-state=full] .wf-btn:first-child,.wf[data-tone=dark][data-state=closed] .wf-btn:first-child{color:#14171d;background:#f5f2ec}@keyframes wf-ping{0%{opacity:.7;transform:scale(1)}80%,to{opacity:0;transform:scale(2.6)}}@keyframes wf-glow{0%,to{filter:saturate();box-shadow:0 0 #ff5b2e00}50%{filter:saturate(1.25)brightness(1.05);box-shadow:0 0 14px 2px #ff5b2e8c}}@media (prefers-reduced-motion:reduce){.wf-fill,.wf-arrow,.wf-btn{transition:none}.wf-dot:after,.wf[data-urgent] .wf-fill{animation:none!important}}
