@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;overflow-x:clip}.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-img[data-tint]{opacity:1;color:transparent}.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,.fd-pop-item[data-active=true]{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}.fd-carousel{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.fd-carousel::-webkit-scrollbar{display:none}.fd-slide{flex:0 0 100%;height:100%;scroll-snap-align:start}.fd-media video,.fd-slide>*{width:100%;height:100%;object-fit:cover}.fd-media video{display:block}.fd-arrow{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:30px;height:30px;margin-top:-15px;border-radius:999px;background:rgb(0 0 0/.55);color:#fff;backdrop-filter:blur(6px);opacity:0;transition:opacity .2s}.fd-card:hover .fd-arrow{opacity:1}@media (hover:none){.fd-arrow{display:none}}.fd-round{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:rgb(0 0 0/.45);color:#fff;backdrop-filter:blur(6px);transition:background-color .2s}.fd-round:hover{background:rgb(0 0 0/.7)}.fd-media{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.fd-burst{position:absolute;left:50%;top:50%;z-index:4;width:72px;height:72px;margin:-36px 0 0 -36px;color:var(--fd-heart);fill:var(--fd-heart);pointer-events:none;animation:fd-burst .7s ease-out forwards}@keyframes fd-burst{0%{transform:scale(.4);opacity:0}25%{transform:scale(1.15);opacity:1}70%{transform:scale(1);opacity:1}to{transform:scale(1.1);opacity:0}}.fd-sheet-backdrop{position:fixed;inset:0;z-index:60;background:rgb(0 0 0/.55);display:flex;align-items:flex-end}.fd-sheet{width:100%;padding:10px 12px calc(14px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:var(--fd-surface);border-top:1px solid var(--fd-line);animation:fd-sheet .22s cubic-bezier(.2,.9,.3,1)}@keyframes fd-sheet{0%{transform:translateY(100%)}to{transform:none}}.fd-sheet-item{display:flex;width:100%;align-items:center;gap:12px;height:52px;padding:0 8px;border-radius:14px;font-weight:600;font-size:15px}.fd-sheet-item:active{background:var(--fd-surface-2)}.fd-modal{position:fixed;inset:0;z-index:50;overflow-y:auto;overscroll-behavior:contain;background:rgb(5 5 8/.9);backdrop-filter:blur(8px);animation:fd-fade .18s ease-out}@keyframes fd-fade{0%{opacity:0}to{opacity:1}}.fd-modal-close,.fd-modal-nav{position:fixed;z-index:2;display:grid;place-items:center;border-radius:999px;background:var(--fd-surface-2);color:var(--fd-text);transition:background-color .2s,transform .15s}.fd-modal-close:hover,.fd-modal-nav:hover{background:#26262f}.fd-modal-close:active,.fd-modal-nav:active{transform:scale(.94)}.fd-modal-close{top:12px;right:12px;width:42px;height:42px}.fd-modal-nav{top:50%;width:46px;height:46px;margin-top:-23px}@media (max-width:639px){.fd-modal-nav{top:auto;bottom:14px;margin:0}}.fd-strip{display:grid;place-items:center;min-height:76px;padding:14px 12px;background:radial-gradient(120% 140% at 50% 50%,color-mix(in srgb,var(--fd-surface-2) 70%,transparent),transparent 70%),var(--fd-surface);border:1px solid color-mix(in srgb,var(--fd-line) 60%,transparent)}.fd-strip:after{display:none}.fd-media.fd-strip img,.fd-media.fd-strip video{width:auto;max-width:100%;height:auto;object-fit:contain;border-radius:4px}.fd-card-strip .fd-media{transition:border-color .2s,transform .2s}.fd-card-strip:hover .fd-media{border-color:color-mix(in srgb,var(--fd-lime) 40%,transparent)}.fd-masonry-strips{column-count:1}@media (min-width:640px){.fd-masonry-strips{column-count:2}}@media (min-width:1024px){.fd-masonry-strips{column-count:3}}.fd-card-strip .fd-burst{width:44px;height:44px;margin:-22px 0 0 -22px}.fd-strip-like{color:var(--fd-muted)}.fd-strip-like[data-on=true]{color:var(--fd-text)}.fd-full-bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.fd-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 18px;border-radius:20px;background:linear-gradient(90deg,color-mix(in srgb,var(--fd-lime) 12%,var(--fd-surface)),var(--fd-surface) 70%);border:1px solid color-mix(in srgb,var(--fd-lime) 22%,transparent)}.fd-swatch{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 6px;border-radius:999px;background:var(--fd-surface-2);transition:background-color .2s}.fd-swatch:hover{background:#26262f}.fd-swatch-chip{width:24px;height:24px;border-radius:999px;box-shadow:inset 0 0 0 1px rgb(255 255 255/.18)}.fd-palette-corner{position:absolute;left:10px;bottom:10px;z-index:3;pointer-events:none}.fd-palette-dots{display:inline-flex;padding:4px;gap:3px;border-radius:999px;background:rgb(0 0 0/.5);backdrop-filter:blur(6px)}.fd-palette-dots>span{width:14px;height:14px;border-radius:999px;box-shadow:inset 0 0 0 1px rgb(255 255 255/.25)}.fd-tag-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.fd-tag-row::-webkit-scrollbar{display:none}.fd-suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:45;padding:6px;border-radius:18px;background:var(--fd-surface);border:1px solid var(--fd-line);box-shadow:0 18px 50px rgb(0 0 0/.5)}}@media (prefers-reduced-motion:reduce){.fd-like[data-on=true] svg,.fd-pop{animation:none}.fd-img{transition:none}.fd-burst,.fd-modal,.fd-sheet{animation:none}}