@layer components{.fd{--fd-bg:#09090c;--fd-surface:#131318;--fd-surface-2:#1b1b22;--fd-line:#25252e;--fd-text:#f4f4f6;--fd-muted:#8d8d99;--fd-lime:#c8f542;--fd-lime-ink:#1a2400;--fd-violet:#8b5cf6;--fd-heart:#ff4d7d;--fd-radius:18px;background:var(--fd-bg);color:var(--fd-text);font-family:Onest,ui-sans-serif,system-ui,sans-serif;min-height:100dvh}.fd-display{font-family:Dela Gothic One,Arial Black,sans-serif;font-weight:400;letter-spacing:-.01em}.fd-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--fd-bg) 82%,transparent);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid color-mix(in srgb,var(--fd-line) 70%,transparent)}.fd-search{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:999px;background:var(--fd-surface-2);border:1px solid transparent;transition:border-color .2s,background-color .2s,box-shadow .2s}.fd-search:focus-within{border-color:color-mix(in srgb,var(--fd-lime) 55%,transparent);background:var(--fd-surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--fd-lime) 12%,transparent)}.fd-search input{flex:1;min-width:0;background:transparent;outline:none;font-size:15px;color:var(--fd-text)}.fd-search input::placeholder{color:var(--fd-muted)}.fd-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 15px;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap;color:var(--fd-text);background:var(--fd-surface-2);transition:background-color .2s,color .2s,transform .15s}.fd-chip:hover{background:#26262f}.fd-chip:active{transform:scale(.96)}.fd-chip[aria-current=true]{background:var(--fd-text);color:var(--fd-bg)}.fd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:700;transition:transform .15s,background-color .2s,filter .2s,opacity .2s}.fd-btn:active{transform:scale(.96)}.fd-btn:disabled{opacity:.5;pointer-events:none}.fd-btn-lime{background:var(--fd-lime);color:var(--fd-lime-ink)}.fd-btn-lime:hover{filter:brightness(1.06)}.fd-btn-dark{background:var(--fd-surface-2);color:var(--fd-text)}.fd-btn-dark:hover{background:#26262f}.fd-btn-light{background:var(--fd-text);color:var(--fd-bg)}.fd-btn-light:hover{background:#fff}.fd-icon-btn{width:42px;padding:0}.fd-masonry{columns:160px 2;column-gap:12px}@media (min-width:640px){.fd-masonry{columns:200px 3;column-gap:14px}}@media (min-width:1024px){.fd-masonry{columns:210px 5;column-gap:16px}}.fd-masonry>*{break-inside:avoid;margin-bottom:16px}.fd-card{position:relative;display:block}.fd-media{position:relative;overflow:hidden;border-radius:var(--fd-radius);background:var(--fd-surface);isolation:isolate}.fd-media img{display:block;width:100%;height:100%;object-fit:cover}.fd-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0/.35),transparent 30%,transparent 62%,rgb(0 0 0/.55));opacity:0;transition:opacity .2s;pointer-events:none}.fd-card:focus-within .fd-media:after,.fd-card:hover .fd-media:after{opacity:1}.fd-overlay{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .2s;pointer-events:none}.fd-overlay>*{pointer-events:auto}.fd-card:focus-within .fd-overlay,.fd-card:hover .fd-overlay{opacity:1}@media (hover:none){.fd-overlay{opacity:1}.fd-overlay .fd-hover-only{display:none}}.fd-pair{display:grid;grid-template-columns:1fr 1fr;gap:3px}.fd-pair img{aspect-ratio:1}.fd-count{position:absolute;z-index:3;left:10px;top:10px;padding:3px 8px;font-size:11px;font-weight:700;background:rgb(0 0 0/.55);backdrop-filter:blur(6px)}.fd-count,.fd-save{border-radius:999px}.fd-save{height:36px;padding:0 14px;font-size:13px;font-weight:800;background:var(--fd-lime);color:var(--fd-lime-ink);transition:transform .15s,filter .2s}.fd-save:hover{filter:brightness(1.06)}.fd-save:active{transform:scale(.94)}.fd-save[data-on=true]{background:var(--fd-text);color:var(--fd-bg)}.fd-like{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700}.fd-like svg{transition:transform .25s cubic-bezier(.34,1.6,.64,1),color .2s,fill .2s}.fd-like[data-on=true] svg{color:var(--fd-heart);fill:var(--fd-heart)}.fd-like:active svg{transform:scale(.8)}@keyframes fd-pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}.fd-like[data-on=true] svg{animation:fd-pop .35s cubic-bezier(.34,1.6,.64,1)}.fd-img{opacity:0;transition:opacity .35s ease-out}.fd-img[data-loaded=true]{opacity:1}.fd-pop{position:absolute;z-index:60;width:260px;padding:8px;border-radius:18px;background:var(--fd-surface);border:1px solid var(--fd-line);box-shadow:0 24px 60px -20px rgb(0 0 0/.9);animation:fd-in .18s cubic-bezier(.22,1,.36,1) both}@keyframes fd-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.fd-pop-item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:600;text-align:left;transition:background-color .15s}.fd-input,.fd-pop-item:hover{background:var(--fd-surface-2)}.fd-input{width:100%;height:44px;padding:0 14px;border-radius:14px;border:1px solid var(--fd-line);outline:none;font-size:14px;color:var(--fd-text);transition:border-color .2s}.fd-input:focus{border-color:color-mix(in srgb,var(--fd-lime) 60%,transparent)}.fd-panel{background:var(--fd-surface);border:1px solid var(--fd-line);border-radius:28px}.fd-muted{color:var(--fd-muted)}.fd-tag{display:inline-flex;height:30px;align-items:center;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;background:var(--fd-surface-2);transition:background-color .2s}.fd-tag:hover{background:#26262f}.fd-no-scrollbar{scrollbar-width:none}.fd-no-scrollbar::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){.fd-like[data-on=true] svg,.fd-pop{animation:none}.fd-img{transition:none}}