.fb{--fb-face-1:#e0505a;--fb-face-2:#e58a3c;--fb-face-3:#dda92f;--fb-face-4:#9ed63a;--fb-easy:#4f85e8;--fb-hard:#e0505a;--fb-confetti-3:#8f66e6}.fb .onb{--fb-off:var(--onb-muted)}.fb-body{justify-content:flex-start}.fb-question{flex-direction:column;gap:.7rem;display:flex}.fb-center{justify-content:center}.fb-badge{flex:1 1 0;place-items:center;min-height:0;margin-block:.5rem;display:grid;position:relative}.fb-badge-ring{aspect-ratio:1;border:1.5px dashed var(--onb-chip-border);background:radial-gradient(circle, color-mix(in oklab, var(--onb-lime) 16%, transparent), transparent 70%);border-radius:9999px;align-content:center;place-items:center;gap:.4rem;width:min(12rem,100%);max-height:100%;display:grid;position:relative}.fb-checks{gap:.5rem;display:flex}.fb-check{background:var(--onb-lime);width:2.5rem;height:2.5rem;color:var(--primary-foreground);box-shadow:0 0 22px color-mix(in oklab, var(--onb-lime) 35%, transparent);animation:.6s cubic-bezier(.2,.7,.2,1.4) backwards fb-pop;animation-delay:calc(var(--i,0) * .25s);border-radius:9999px;place-items:center;display:grid}.fb-count{font-family:var(--font-display);text-transform:uppercase;color:var(--onb-lime);margin:0;font-size:1.9rem;font-style:italic;font-weight:800;line-height:1}.fb-count-sub{color:var(--onb-muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.65rem;font-weight:800}.fb-signature{font-family:var(--font-display);text-transform:uppercase;color:var(--onb-lime);margin:.75rem 0 0;font-size:1.1rem;font-style:italic;font-weight:800}.fb-face-big{flex-direction:column;align-items:center;gap:.5rem;min-height:0;display:flex}.fb-face-big svg{width:clamp(5rem,22vh,9.5rem);height:auto}.fb-face-word{min-height:2.6rem;font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:2.4rem;font-style:italic;font-weight:800;line-height:1.05}.fb-faces{grid-template-columns:repeat(5,1fr);gap:.25rem;display:grid}.fb-face-btn{min-height:2.75rem;color:var(--onb-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:1rem;flex-direction:column;align-items:center;gap:.3rem;padding:.25rem 0;font-size:.72rem;font-weight:700;display:flex}.fb-face-btn svg{width:min(3.4rem,100%);height:auto;transition:transform .2s}.fb-face-btn[aria-checked=true] svg{transform:scale(1.12)}.fb-face-btn[aria-checked=true]{color:var(--onb-text)}.fb-face-ends{color:var(--onb-muted);justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.fb-scale{grid-template-columns:repeat(6,1fr);gap:.55rem;display:grid}.fb-num{aspect-ratio:1/1.15;cursor:pointer;background:var(--onb-chip);border:1px solid var(--onb-chip-border);min-height:3rem;max-height:4rem;color:var(--onb-text-2);font-family:var(--font-display);border-radius:1rem;font-size:1.7rem;font-style:italic;font-weight:800}.fb-num[aria-checked=true]{background:var(--onb-lime);border-color:var(--onb-lime);color:var(--primary-foreground);box-shadow:0 0 22px color-mix(in oklab, var(--onb-lime) 40%, transparent)}.fb-note{background:var(--onb-card);border:1px solid color-mix(in oklab, var(--onb-lime) 30%, var(--onb-card-border));color:var(--onb-text-2);border-radius:1.1rem;align-items:center;gap:.75rem;margin:0;padding:.8rem 1rem;font-size:.92rem;line-height:1.35;display:flex}.fb-note svg{color:var(--onb-lime);flex:none}.fb-note strong{color:var(--onb-text)}.fb-rows{flex-direction:column;gap:.55rem;display:flex}.fb-row{cursor:pointer;text-align:left;background:var(--onb-card);border:2px solid var(--onb-card-border);width:100%;min-height:3.25rem;color:var(--onb-text);font:inherit;border-radius:1.1rem;align-items:center;gap:.8rem;padding:.45rem .8rem;font-weight:700;display:flex}.fb-row[aria-checked=true]{border-color:var(--onb-lime)}.fb-row-icon{background:var(--onb-chip);width:2.4rem;height:2.4rem;color:var(--onb-text-2);border-radius:.8rem;flex:none;place-items:center;display:grid}.fb-row[aria-checked=true] .fb-row-icon{color:var(--onb-lime)}.fb-row-label{flex:1;min-width:0}.fb-tick{border:2px solid var(--onb-chip-border);width:1.6rem;height:1.6rem;color:var(--primary-foreground);border-radius:9999px;flex:none;place-items:center;display:grid}.fb-row[aria-checked=true] .fb-tick,.fb-diff[aria-checked=true] .fb-tick{background:var(--onb-lime);border-color:var(--onb-lime)}.fb-diff{cursor:pointer;text-align:left;background:var(--onb-card);border:2px solid var(--onb-card-border);width:100%;min-height:4.5rem;color:var(--onb-text);font:inherit;border-radius:1.25rem;align-items:center;gap:.9rem;padding:.8rem 1rem;display:flex}.fb-diff[aria-checked=true]{border-color:var(--onb-lime)}.fb-diff-letter{--c:var(--onb-lime);background:color-mix(in oklab, var(--c) 16%, transparent);border:1px solid color-mix(in oklab, var(--c) 45%, transparent);width:3.1rem;height:3.1rem;color:var(--c);font-family:var(--font-display);border-radius:1rem;flex:none;place-items:center;font-size:1.8rem;font-style:italic;font-weight:800;display:grid}.fb-diff[data-tone=easy] .fb-diff-letter{--c:var(--fb-easy)}.fb-diff[data-tone=hard] .fb-diff-letter{--c:var(--fb-hard)}.fb-diff-text{flex-direction:column;flex:1;gap:.15rem;display:flex}.fb-diff-text strong{font-family:var(--font-display);text-transform:uppercase;font-size:1.35rem;font-style:italic;font-weight:800;line-height:1.05}.fb-diff-text small{color:var(--onb-text-2);font-size:.85rem;font-weight:500;line-height:1.3}.fb-tags{flex-wrap:wrap;gap:.5rem;display:flex}.fb-tag{cursor:pointer;background:var(--onb-chip);border:1.5px solid var(--onb-chip-border);min-height:2.75rem;color:var(--onb-text-2);font:inherit;border-radius:9999px;padding:0 1rem;font-size:.95rem;font-weight:800}.fb-tag[aria-checked=true]{border-color:var(--onb-lime);color:var(--onb-lime);background:color-mix(in oklab, var(--onb-lime) 12%, var(--onb-chip))}.fb-textarea-wrap{position:relative}.fb-textarea{resize:none;background:var(--onb-chip);border:1.5px solid var(--onb-chip-border);width:100%;min-height:7.5rem;max-height:12rem;color:var(--onb-text);font:inherit;border-radius:1.25rem;padding:.9rem 1rem 1.9rem;font-size:1rem;line-height:1.5;display:block}.fb-textarea::placeholder{color:var(--onb-muted)}.fb-textarea:focus{border-color:var(--onb-lime);box-shadow:0 0 0 4px color-mix(in oklab, var(--onb-lime) 18%, transparent);outline:0}.fb-counter{color:var(--onb-muted);margin:0;font-size:.75rem;font-weight:700;position:absolute;bottom:.6rem;right:1rem}.fb-lock{color:var(--onb-muted);justify-content:center;align-items:center;gap:.4rem;margin:0;font-size:.8rem;display:flex}.fb-done{flex:1 1 0;place-items:center;min-height:0;margin-block:.5rem;display:grid;position:relative}.fb-done-circle{aspect-ratio:1;background:color-mix(in oklab, var(--onb-lime) 14%, transparent);border:2px solid var(--onb-lime);width:min(9rem,70%);max-height:100%;color:var(--onb-lime);box-shadow:0 0 50px color-mix(in oklab, var(--onb-lime) 28%, transparent);border-radius:9999px;place-items:center;display:grid;position:relative}.fb-done-circle svg{width:45%;height:auto}.fb-ring{border:2px solid color-mix(in oklab, var(--onb-lime) 45%, transparent);border-radius:9999px;animation:3s ease-out infinite fb-ring;position:absolute;inset:-14%}.fb-ring+.fb-ring{border-color:color-mix(in oklab, var(--onb-lime) 20%, transparent);animation-delay:1.5s;inset:-34%}.fb-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.fb-confetti span{opacity:.9;width:.5rem;height:.8rem;animation:fb-fall var(--du,4s) linear var(--d,0s) infinite;border-radius:2px;position:absolute;top:-5%}@keyframes fb-pop{0%{opacity:0;transform:scale(.4)}}@keyframes fb-ring{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.15)}}@keyframes fb-fall{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(540deg)}}.onb[data-reduced-motion=true] .fb-confetti span{top:var(--y,10%);animation:none}.onb[data-reduced-motion=true] .fb-ring,.onb[data-reduced-motion=true] .fb-check{animation:none}@media (prefers-reduced-motion:reduce){.fb-confetti span{top:var(--y,10%);animation:none}.fb-ring,.fb-check{animation:none}}@media (height<=700px){.fb-question{gap:.45rem}.fb-rows{gap:.4rem}.fb-row{min-height:2.75rem;padding-block:.2rem}.fb-row-icon{width:2.1rem;height:2.1rem}.fb-diff{min-height:3.75rem;padding-block:.5rem}.fb-diff-letter{width:2.6rem;height:2.6rem;font-size:1.5rem}.fb-num{font-size:1.4rem}.fb-face-word{min-height:2.1rem;font-size:1.9rem}.fb-textarea{min-height:6rem}}