@layer components{.fd{--fd-bg:#0a0a0b;--fd-surface:#111113;--fd-surface-2:#19191c;--fd-line:rgb(255 255 255/0.10);--fd-text:#ececee;--fd-muted:#8e8e96;--fd-lime:#ececee;--fd-lime-ink:#0a0a0b;--fd-violet:#19191c;--fd-line-strong:rgb(255 255 255/0.18);--fd-heart:#f472b6;--fd-radius:8px;background:var(--fd-bg);color:var(--fd-text);font-family:var(--font-geist),"Geist",ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.6;min-height:100dvh;overflow-x:clip}.fd b,.fd strong{font-weight:600}.fd-display{font-family:var(--font-geist),"Geist",ui-sans-serif,sans-serif;font-weight:500;letter-spacing:-.03em;line-height:1.15}.fd-header{position:sticky;top:0;z-index:40;background:var(--fd-bg);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:8px;background:var(--fd-surface);border:1px solid var(--fd-line-strong);transition:transform .2s,opacity .2s}.fd-search:focus-within{border-color:rgb(255 255 255/.4)}.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:34px;padding:0 14px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;color:var(--fd-text);background:transparent;border:1px solid var(--fd-line);transition:transform .2s,opacity .2s}.fd-chip:hover{background:#19191c}.fd-chip:active{transform:scale(.96)}.fd-chip[aria-current=true]{background:var(--fd-surface-2);color:var(--fd-text);border-color:var(--fd-line-strong)}.fd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 18px;border-radius:6px;font-size:14px;font-weight:500;transition:transform .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{opacity:.9}.fd-btn-dark{background:var(--fd-surface-2);color:var(--fd-text)}.fd-btn-dark:hover{background:#19191c}.fd-btn-light{background:var(--fd-text);color:var(--fd-bg)}.fd-btn-light:hover{background:#fff}.fd-icon-btn{width:42px}.fd-cols{display:none;align-items:flex-start;gap:12px}.fd-col{flex:1 1 0;min-width:0;flex-direction:column;gap:16px}.fd-col,.fd-cols[data-on]{display:flex}@media (max-width:639.98px){.fd-cols[data-tier="0"]{display:flex}}@media (min-width:640px){.fd-cols{gap:14px}}@media (min-width:640px) and (max-width:1023.98px){.fd-cols[data-tier="1"]{display:flex}}@media (min-width:1024px){.fd-cols{gap:16px}}@media (min-width:1024px) and (max-width:1279.98px){.fd-cols[data-tier="2"]{display:flex}}@media (min-width:1280px){.fd-cols[data-tier="3"]{display:flex}}.fd-card{position:relative;display:block}.fd-media{position:relative;overflow:hidden;border-radius:var(--fd-radius);background:var(--fd-surface);isolation:isolate;box-shadow:0 0 0 1px rgb(255 255 255/.04);transition:transform .2s,opacity .2s}.fd-media img{display:block;width:100%;height:100%;object-fit:cover}.fd-media>.fd-img,.fd-pair .fd-img,.fd-slide>*{transition:transform .2s,opacity .2s}@media (hover:hover){.fd-card:hover .fd-media{box-shadow:0 0 0 1px rgb(255 255 255/.25);transform:translateY(-2px)}.fd-card:hover .fd-pair .fd-img,.fd-card:not(.fd-card-strip):hover .fd-media>.fd-img{transform:scale(1.045)}}.fd-card:active .fd-media{transform:scale(.985)}@media (prefers-reduced-motion:no-preference){.fd-card{animation:fd-rise .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 35ms)}}@keyframes fd-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.fd-foot{min-height:30px;margin-top:8px;padding:0 2px 0 4px}.fd-foot,.fd-foot-author{display:flex;align-items:center;gap:8px}.fd-foot-author{min-width:0;flex:1;font-size:13px;font-weight:500;color:color-mix(in srgb,var(--fd-text) 82%,transparent);transition:transform .2s,opacity .2s}.fd-foot-author:hover{color:var(--fd-text)}.fd-foot-like{flex-shrink:0;height:30px;padding:0 6px;border-radius:6px;color:var(--fd-muted);transition:transform .2s,opacity .2s}.fd-foot-like:hover{background:var(--fd-surface-2)}.fd-foot-like:hover,.fd-foot-like[data-on=true]{color:var(--fd-text)}.fd-foot .fd-palette-dots{background:none;padding:0;flex-shrink:0}.fd-foot .fd-palette-dots>span{width:12px;height:12px}.fd-mod{position:absolute;top:8px;left:8px;z-index:4;width:34px;height:34px;opacity:0;transition:transform .2s,opacity .2s}.fd-card:hover .fd-mod,.fd-mod:focus-visible{opacity:1}@media (hover:none){.fd-mod{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;background:rgb(0 0 0/.55)}.fd-count,.fd-save{border-radius:6px;font-weight:500}.fd-save{height:36px;padding:0 14px;font-size:13px;background:var(--fd-lime);color:var(--fd-lime-ink);transition:transform .2s,opacity .2s}.fd-save:hover{opacity:.9}.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:500}.fd-like svg{transition:transform .2s,opacity .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:transform .2s,opacity .2s}.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:12px;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:500;text-align:left;transition:transform .2s,opacity .2s}.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:8px;border:1px solid var(--fd-line);outline:none;font-size:14px;color:var(--fd-text);transition:transform .2s,opacity .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:12px}.fd-muted{color:var(--fd-muted)}.fd-tag{display:inline-flex;height:30px;align-items:center;padding:0 12px;border-radius:6px;font-size:13px;font-weight:500;background:var(--fd-surface-2);transition:transform .2s,opacity .2s}.fd-tag:hover{background:#19191c}.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:6px;background:rgb(0 0 0/.55);color:#fff;opacity:0;transition:transform .2s,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:6px;background:rgb(0 0 0/.45);color:#fff;transition:transform .2s,opacity .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:16px 16px 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:8px;font-weight:500;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);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:6px;background:var(--fd-surface-2);color:var(--fd-text);transition:transform .2s,opacity .2s}.fd-modal-close:hover,.fd-modal-nav:hover{background:#19191c}.fd-modal-close:active,.fd-modal-nav:active{transform:scale(.94)}.fd-modal-close{top:12px;right:12px;width:42px;height:38px}.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: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:transform .2s,opacity .2s}.fd-card-strip:hover .fd-media{border-color:color-mix(in srgb,var(--fd-lime) 40%,transparent)}.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:8px 8px 8px 16px;border-radius:16px;background:var(--fd-surface);border:1px solid var(--fd-line)}.fd-swatch{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 6px;border-radius:6px;background:var(--fd-surface-2);transition:transform .2s,opacity .2s}.fd-swatch:hover{background:#19191c}.fd-swatch-chip{width:24px;height:24px;border-radius:6px;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:6px;background:rgb(0 0 0/.5)}.fd-palette-dots>span{width:14px;height:14px;border-radius:6px;box-shadow:inset 0 0 0 1px rgb(255 255 255/.25)}@media (prefers-reduced-motion:no-preference){.fd-modal .fd-panel{animation:fd-pop-in .28s cubic-bezier(.2,.9,.3,1.1) both}}@keyframes fd-pop-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.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:12px;background:var(--fd-surface);border:1px solid var(--fd-line);box-shadow:0 18px 50px rgb(0 0 0/.5)}.fd-logo{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:500;letter-spacing:-.04em;white-space:nowrap}.fd-header-inner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:1800px;margin:auto;padding:16px 24px}.fd-header-nav{display:flex;align-items:center;gap:16px;margin-left:auto}.fd-nav-link{font-size:12px;color:var(--fd-muted)}.fd-nav-link:hover{color:var(--fd-text)}.fd-kicker{display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--fd-muted)}.fd-title{font-size:clamp(22px,3vw,28px);font-weight:500;letter-spacing:-.03em;line-height:1.15;overflow-wrap:anywhere}.fd .font-mono,.fd-count,.fd-like,.fd-mono,.fd-swatch,.fd-tag{font-family:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace}.fd-btn,.fd-save{min-height:36px;height:auto;padding:9px 14px;max-width:100%;font-size:11.5px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;text-align:center;border:1px solid transparent}.fd-icon-btn{width:38px;height:38px;padding:0;flex-shrink:0}.fd-btn-dark{background:transparent;border-color:var(--fd-line-strong)}.fd-btn-lime,.fd-save{background:var(--fd-text);color:var(--fd-bg)}.fd-tag{height:auto;min-height:28px;padding:4px 9px;border:1px solid var(--fd-line);background:transparent;font-size:11px;overflow-wrap:anywhere}.fd-input,.fd-tag:hover{border-color:var(--fd-line-strong)}.fd-input{background:var(--fd-surface)}.fd-input:focus{border-color:var(--fd-muted)}.fd-pop{max-width:calc(100vw - 48px)}.fd-pop-item{border-radius:6px;overflow-wrap:anywhere}.fd-panel,.fd-panel>*{min-width:0}.fd-cta{padding:18px 20px;border-radius:12px}.fd-swatch{border:1px solid var(--fd-line);font-size:12px}.fd-palette-dots>span,.fd-swatch-chip{border-radius:50%}.fd-sheet-item{height:auto;min-height:52px;border-radius:6px;border-bottom:1px solid var(--fd-line);font-size:14px}.fd-modal-close,.fd-modal-nav{border:1px solid var(--fd-line-strong)}.fd-filters{background:var(--fd-bg);border-bottom:1px solid var(--fd-line)}.fd-author-row{border-top:1px solid var(--fd-line);padding-top:20px}.fd :where(a,button,input):focus-visible{outline:1px solid var(--fd-muted);outline-offset:3px}@media (max-width:639px){.fd-header-inner{padding:12px;gap:12px}.fd-header-inner>.fd-search{order:3;flex-basis:100%;max-width:none;height:38px}.fd-header-nav{gap:10px}.fd-cta{align-items:flex-start;flex-direction:column;padding:16px}.fd-filters{position:static}}}@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}.fd *,.fd :after,.fd :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}