.ofb-glass{display:inline-flex;padding:.4rem;background:#ffffff8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(0,60,85,.09);border-radius:100px;box-shadow:0 4px 20px #003c550f,inset 0 1px #ffffffb3;position:relative}.ofb-bar{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.ofb-pill{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.15rem;border-radius:100px;font-family:Outfit,system-ui,sans-serif;font-size:.83rem;font-weight:600;letter-spacing:.02em;cursor:pointer;border:1.5px solid transparent;background:transparent;color:#003c55c7;transition:background .25s cubic-bezier(.22,1,.36,1),border-color .25s,color .25s,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .25s;white-space:nowrap}.ofb-pill:not(.ofb-pill--active):hover{background:var(--pill-hover, rgba(0, 60, 85, .06));color:var(--pill-hover-text, #003c55);transform:translateY(-1px)}.ofb-pill--active{border-color:transparent;background:linear-gradient(135deg,var(--pill-color, #0ec17c),var(--pill-color-light, #3dd89a));color:var(--pill-text, #fff);box-shadow:0 4px 18px var(--pill-glow, rgba(14, 193, 124, .35));transform:translateY(-1px)}.ofb-pill--active:hover{box-shadow:0 6px 24px var(--pill-glow, rgba(14, 193, 124, .45));transform:translateY(-2px)}@keyframes ofbPillPop{0%{transform:scale(1)}40%{transform:scale(1.1)}70%{transform:scale(.97)}to{transform:scale(1) translateY(-1px)}}.ofb-pill--pop{animation:ofbPillPop .35s cubic-bezier(.22,1,.36,1)}.ofb-pill-dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0;transition:transform .2s}.ofb-pill:hover .ofb-pill-dot{transform:scale(1.3)}.ofb-pill-tag{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.5}.ofb-pill--active .ofb-pill-tag{opacity:.8}.ofb-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:100px;background:#ffffff40;font-size:.68rem;font-weight:700;line-height:1;margin-left:.1rem}.ofb-pill:not(.ofb-pill--active) .ofb-count{background:#003c5514;color:#003c55b8}.ofb-pill--skel{width:130px;background:#003c5512;border-color:transparent;border-radius:100px;animation:ofbShimmer 1.8s ease-in-out infinite;cursor:default}@keyframes ofbShimmer{0%,to{opacity:1}50%{opacity:.45}}@media(max-width:640px){.ofb-glass{border-radius:14px;width:100%;padding:.4rem}.ofb-bar{gap:.3rem}.ofb-pill{font-size:.78rem;padding:.4rem .9rem}.ofb-pill-tag{display:none}}@media(prefers-reduced-motion:reduce){.ofb-pill--pop{animation:none!important}.ofb-pill--skel{animation:none}}.ffb-glass{display:inline-flex;padding:.4rem;background:#ffffff8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(0,60,85,.09);border-radius:100px;box-shadow:0 4px 20px #003c550f,inset 0 1px #ffffffb3;position:relative}.ffb-bar{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.ffb-pill{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.15rem;border-radius:100px;font-family:Outfit,system-ui,sans-serif;font-size:.83rem;font-weight:600;letter-spacing:.02em;cursor:pointer;border:1.5px solid transparent;background:transparent;color:#003c55c7;transition:background .25s cubic-bezier(.22,1,.36,1),border-color .25s,color .25s,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .25s;white-space:nowrap}.ffb-pill:not(.ffb-pill--active):hover{background:var(--pill-hover, rgba(0, 60, 85, .06));color:var(--pill-hover-text, #003c55);transform:translateY(-1px)}.ffb-pill--active{border-color:transparent;background:linear-gradient(135deg,var(--pill-color, #0ec17c),var(--pill-color-light, #3dd89a));color:var(--pill-text, #fff);box-shadow:0 4px 18px var(--pill-glow, rgba(14, 193, 124, .35));transform:translateY(-1px)}.ffb-pill--active:hover{box-shadow:0 6px 24px var(--pill-glow, rgba(14, 193, 124, .45));transform:translateY(-2px)}@keyframes ffbPillPop{0%{transform:scale(1)}40%{transform:scale(1.1)}70%{transform:scale(.97)}to{transform:scale(1) translateY(-1px)}}.ffb-pill--pop{animation:ffbPillPop .35s cubic-bezier(.22,1,.36,1)}.ffb-pill-dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0;transition:transform .2s}.ffb-pill:hover .ffb-pill-dot{transform:scale(1.3)}.ffb-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:100px;background:#ffffff40;font-size:.68rem;font-weight:700;line-height:1;margin-left:.1rem}.ffb-pill:not(.ffb-pill--active) .ffb-count{background:#003c5514;color:#003c55b8}.ffb-pill--skel{width:110px;background:#003c5512;border-color:transparent;border-radius:100px;animation:ffbShimmer 1.8s ease-in-out infinite;cursor:default}@keyframes ffbShimmer{0%,to{opacity:1}50%{opacity:.45}}@media(max-width:640px){.ffb-glass{border-radius:14px;width:100%;padding:.4rem}.ffb-bar{gap:.3rem}.ffb-pill{font-size:.78rem;padding:.4rem .9rem}}@media(prefers-reduced-motion:reduce){.ffb-pill--pop{animation:none!important}.ffb-pill--skel{animation:none}}.template-filter-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.85rem 1rem;margin-bottom:2rem;min-width:0}.template-filter-row>*{min-width:0}@media(max-width:767px){.template-filter-row{flex-direction:column;align-items:stretch}}