body:has(.hero) .site-header{transition:border-bottom-color .2s}body:has(.hero) .site-header:before{background:#fafafade}body:has(.hero) .site-header:not(.is-over-feed){border-bottom-color:#0000}.hero{width:100%;height:40vh;min-height:440px;padding:62px var(--gutter) 0;z-index:0;background:#fafafa;justify-content:center;align-items:center;display:flex;position:fixed;inset:0 0 auto;overflow:hidden}.hero-spacer{height:40vh;min-height:440px}.hero-texture{object-fit:cover;opacity:.59;width:max(1200px,100%);max-width:none;height:max(440px,100%);position:absolute;inset:auto 0 0 auto}.hero-content{text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;display:flex;position:relative;top:-28px}.hero-logo{place-items:center;width:min(300px,90vw);height:200px;margin-block:-38px;display:grid;position:relative}.hero-logo img{object-fit:contain;visibility:hidden;width:86px;height:52px}.hero-logo[data-fallback] img{visibility:visible}.hero-logo canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-logo[data-ready]{touch-action:pan-y}.hero-logo[data-ready] img{visibility:hidden}.hero h1{letter-spacing:-.02em;max-width:398px;font-size:20px;font-weight:500;line-height:1.4}.hero h1+.button{margin-top:0}.feed-surface{z-index:1;background:#f2f2f2;display:flow-root;position:relative}.featured-section{background:#f7f7f7;border-top:1px solid #e7e7e7}.featured-section h2{letter-spacing:-.05em;max-width:1340px;padding:35px var(--gutter) 17px;margin-inline:auto;font-size:22px;font-weight:500;line-height:1.2}.featured-track{--track-inset:calc(max(0px, (100vw - 1340px) / 2) + var(--gutter));overscroll-behavior-x:contain;scroll-padding-inline:var(--track-inset);padding:0 var(--track-inset) 44px;scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.featured-track::-webkit-scrollbar{display:none}.featured-track:focus-visible,.related-track:focus-visible{background-color:#e7e7e7}.featured-track .post-card{--featured-media-height:481.5px;flex:none;width:auto;height:483.5px}.featured-track .media{height:var(--featured-media-height);width:calc(var(--featured-media-height) * var(--media-ratio));aspect-ratio:var(--media-ratio)}.featured-track .media img{object-fit:cover;width:100%;height:100%}.media{aspect-ratio:var(--media-ratio);background:#e6e6e6;width:100%;position:relative;overflow:hidden}.media img{object-fit:cover;width:100%;height:100%}.media video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.media video.is-playing{opacity:1}.media--full{aspect-ratio:auto;background:0 0;max-height:calc(100dvh - 220px)}.media--full.media--video-only{aspect-ratio:var(--media-ratio,4 / 3);background:#111}.media--full img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:calc(100dvh - 220px);margin:auto}.media--full video{object-fit:contain}.post-card{--card-label-color:#fff;break-inside:avoid;background:#e8e8e8;border:1px solid #0000000a;min-width:0;position:relative;overflow:hidden}.post-card--dark{--card-label-color:#111}.post-open{cursor:zoom-in;display:block;position:relative}.post-card .post-open>.media{transition:transform .6s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:no-preference){:is(.feed-grid,.creator-grid)[data-card-entrances-pending]>[data-card-entrance]{opacity:0}:is(.feed-grid,.creator-grid)>[data-card-entrance][data-card-entered]:not([data-card-entrance-complete]){animation:post-media-enter .58s cubic-bezier(.22, 1, .36, 1) var(--card-entrance-delay,0s) backwards}:is(.feed-grid,.creator-grid)>[data-card-entrance]:has(.preview-placeholder),:is(.feed-grid,.creator-grid)>[data-card-entrance][data-preview-restored]{animation:none}}@keyframes post-media-enter{0%{opacity:0;translate:0 8px}to{opacity:1;translate:none}}.post-open:after{content:"";opacity:0;pointer-events:none;background:#d9d9d9;transition:opacity .2s;position:absolute;inset:0}.post-card-top,.post-card-bottom{opacity:0;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;transition:opacity .2s;display:flex;position:absolute}.post-card-top>:not(.post-card-title),.post-card-bottom>:not(.post-card-title){pointer-events:none}.post-card:has(:focus-visible) .post-card-top>*,.post-card:has(:focus-visible) .post-card-bottom>*,.post-card--sponsored .sponsor-link{pointer-events:auto}.post-card-top{inset:auto 17px 16.5px auto}.post-card-bottom{color:#fff;bottom:17px;left:17px;right:auto}.post-card-top .creator-tag{backdrop-filter:none;color:#fff;background:0 0;border-radius:0;padding:0}.post-card--dark .post-card-top .creator-tag{color:#111}.post-card-title{display:none}.post-card:has(:focus-visible) .post-card-top,.post-card:has(:focus-visible) .post-card-bottom{opacity:1}.post-card:has(:focus-visible) .post-open:after{opacity:.17}.like-button{color:#fff;letter-spacing:0;background:#000000b5;border-radius:100px;justify-content:center;align-items:center;gap:3px;min-height:25px;padding:6px 7px 6px 5px;font-size:12px;line-height:1;transition:transform .18s;display:inline-flex}.post-card-bottom .like-button{opacity:0;backdrop-filter:blur(6px);transition:opacity .2s,transform .18s}.post-card-bottom,.post-card:has(:focus-visible) .post-card-bottom .like-button{opacity:1}@media (hover:hover) and (pointer:fine){.post-card:hover .post-card-bottom .like-button{opacity:1}}.like-button[aria-pressed=true] svg{fill:#ff332e;stroke:#ff332e}.like-button:active{transform:scale(.94)}.like-button--light{color:#999;background:#fff;gap:4px;padding:11px 12px;font-size:16px}.like-button--light svg{stroke:#999}.sponsor-link,.sponsored-label{color:#333;background:#ededed;border-radius:100px;padding:5px 9px;font-size:12px}.post-card--sponsored .post-card-top{opacity:1;inset:0}.post-card--sponsored .post-card-top .sponsor-link{color:var(--card-label-color);background:0 0;padding:0;font-size:14px;position:absolute;top:auto;bottom:17px;right:17px}.post-card--sponsored .sponsored-label{border-radius:999px;margin:0;position:absolute;top:17px;right:17px}.post-card--sponsored .post-card-bottom{display:none}.filter-bar{max-width:1340px;padding:40px var(--gutter) 17px;z-index:2;align-items:center;gap:12px;margin-inline:auto;display:flex;position:relative}.source-icon{width:16px;height:16px;mask:var(--source-icon) center/contain no-repeat;-webkit-mask:var(--source-icon) center/contain no-repeat;background:currentColor;flex-shrink:0;display:inline-block}.category-tabs{flex:1;align-items:stretch;min-width:0;height:48px;display:flex}.category-all{border-right:1px solid #dedede;align-items:center;padding-right:17px;display:flex}.category-scroll{scrollbar-width:none;align-items:center;gap:4px;min-width:0;padding-inline:17px;display:flex;overflow-x:auto}.category-tab{white-space:nowrap;letter-spacing:-.02em;color:#262626;opacity:.62;background:0 0;border:1px solid #2121210a;border-radius:126px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;min-width:62px;height:35px;min-height:35px;padding:6px 12px;font-size:14px;line-height:1.6;transition:opacity .2s,background-color .2s,color .2s;display:flex}.category-tab.is-active{color:#fff;opacity:1;background:#3d3d3d;border-color:#0000}.filter-divider{flex-shrink:0;justify-content:center;width:17px;height:48px;display:flex}.filter-divider:after{content:"";background:#dedede;width:1px}.filter-anchor{flex-shrink:0;position:relative}.filter-button{letter-spacing:-.04em;color:#707070;background:#fff;border:1px solid #e6e6e6;border-radius:156px;align-items:center;gap:0;height:40px;padding:0;font-size:16px;line-height:1.2;display:flex}.filter-button[aria-expanded=true]{box-shadow:0 0 0 2px #00000008}.filter-symbol{padding:0 12px 0 16px}.filter-label{padding-right:6px}.filter-chevron{padding-inline:14px}.filter-count{color:#707070;letter-spacing:-.02em;white-space:nowrap;background:#ededed;border-radius:30px;flex:none;justify-content:center;align-items:center;width:19px;min-width:0;height:19px;font-size:12px;transition:width .25s cubic-bezier(.22,1,.36,1),opacity .18s,transform .25s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.filter-count[data-active=false]{opacity:0;width:0;transform:scale(.8)}@media (prefers-reduced-motion:reduce){.filter-count{transition:none}}.tool-filters{z-index:10;background:#fff;border:1px solid #21212114;border-radius:26px;width:400px;padding:16px;position:absolute;top:50px;right:0;box-shadow:0 2px 3px #0000000a}.tool-filters-top{border-bottom:1px solid #00000012;gap:4px;margin-bottom:16px;padding-bottom:16px;display:flex}.tool-search{flex:1;min-width:0}.tool-search input{letter-spacing:-.02em;background:0 0;border:1px solid #8787872b;border-radius:126px;width:100%;min-width:0;height:40px;padding:12px;font-size:14px}.tool-options{flex-wrap:wrap;gap:4px;max-height:min(420px,60dvh);display:flex;overflow-y:auto}.tool-option{color:#262626;opacity:.62;letter-spacing:-.02em;cursor:pointer;background:#fff;border-radius:126px;align-items:center;padding:6px 12px;font-size:14px;line-height:1.6;display:flex;position:relative;box-shadow:inset 0 0 0 1px #2121211a}.tool-option:has(input:checked){color:#fff;opacity:1;background:#3d3d3d}.tool-option:has(input:focus-visible){opacity:1;text-underline-offset:.2em;text-decoration:underline 2px}.reset-filters{color:#000000b5;letter-spacing:-.02em;background:#f7f7f7;border-radius:126px;flex-shrink:0;height:39px;padding:0 16px;font-size:14px;line-height:1.2}#no-tools{color:#999;border:1px dashed #8883;border-radius:8px;padding:10px;font-size:14px}.feed-grid{width:calc(100% - 2 * var(--gutter));max-width:calc(1340px - 2 * var(--gutter));min-height:50vh;margin:0 auto 40px}.masonry{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px;display:grid;position:relative}.masonry[data-ready=true]{display:block}.masonry[data-ready=true]>.post-card{width:calc(33.3333% - 5.33333px);position:absolute;top:0;left:0}.feed-empty{padding:80px var(--gutter);text-align:center;min-height:50vh}.feed-empty h2{font-size:20px;font-weight:500}.feed-empty p{color:#999;margin:10px 0 24px;font-size:14px}.submission-popup{z-index:25;font-feature-settings:normal;background:#fff;border-radius:26px;flex-direction:column;align-items:flex-start;width:375px;padding:24px;display:flex;position:fixed;bottom:26px;right:26px;box-shadow:0 7px 26px -7px #0000001f,0 0 0 .5px #0000000d,0 .541969px .975543px -1.5px #00000030,0 2.05968px 3.70742px -3px #00000029,0 9px 16.2px -4.5px #00000005}.submission-popup>.beta-badge{letter-spacing:-.05em;border:0;border-radius:252px;padding:5.1px 8.17px;font-size:12px;position:relative;box-shadow:inset 0 1.33px 1px #fff,0 1.02px 2px #212121a6,inset 0 -6.21px 0 -5.1px #fff,0 3.06px 5px #00000021,inset 0 -3.06px 5px #00000040,inset 0 -7.15px 1px -5.1px #ededed,inset 2.33px 3.11px #94949426}.submission-popup>.beta-badge:after{content:"";border-radius:inherit;pointer-events:none;border:1.02px solid #999;position:absolute;inset:0}.submission-popup h2{margin-top:0;padding-right:32px;font-size:22px;font-weight:500;line-height:1.2}.popup-close{width:32px;height:32px;position:absolute;top:14px;right:14px}.popup-actions{align-self:stretch;align-items:flex-start;gap:8px;margin-top:25px;display:flex}.popup-actions .button{letter-spacing:-.02em;border-radius:283px;flex:none;height:43px;font-weight:500;line-height:1.4;transition:background-color .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:clip}.submission-popup>p{letter-spacing:0;color:#777;text-wrap:pretty;margin-top:17px;font-size:10px;font-weight:400;line-height:1.4}.post-dialog{color:#121212;overscroll-behavior:contain;background:0 0;border:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;overflow:auto}.post-dialog::backdrop{backdrop-filter:blur(3px);background:0 0;transition:-webkit-backdrop-filter .15s ease-out,backdrop-filter .15s ease-out}.post-dialog[data-phase=closing]::backdrop{backdrop-filter:blur()}@media (prefers-reduced-motion:reduce){.post-dialog::backdrop{transition:none}}body:has(.post-dialog[open]:not([data-phase=closing])){overflow:hidden}.post-dialog[data-phase=closing]{overscroll-behavior:auto;clip-path:inset(var(--header-height,62px) 0 0)}.post-dialog[data-phase=closing] [data-preview-info]{pointer-events:none}.preview-backdrop{background:var(--overlay-backdrop-color);cursor:zoom-out;position:fixed;inset:0 0 -120px}.preview-backdrop--document{z-index:998;backdrop-filter:blur(3px);height:calc(100lvh + 420px);position:absolute;bottom:auto}.post-dialog[data-document-overlay]{z-index:999;position:absolute;left:0;right:0}.preview-stage{pointer-events:none;justify-content:center;align-items:center;min-height:100%;padding:40px 35px;display:flex;position:relative}.post-dialog-inner{transform-origin:0 0;pointer-events:auto;flex-shrink:0;width:min(1100px,100%);max-width:100%;position:relative}.preview-close{opacity:0;pointer-events:none;position:absolute;top:-34px;right:0}.preview-close:focus-visible{opacity:1;pointer-events:auto}.preview-heading{border-bottom:1px solid #00000014;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:17px;padding-bottom:17px;display:flex}.preview-heading h2{letter-spacing:-.02em;padding-right:17px;font-size:16px;font-weight:600;line-height:1.2}.preview-heading .creator-tag{letter-spacing:-.02em;gap:1px;font-size:14px;font-weight:500;line-height:1.2}.preview-creator-actions{flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;max-width:100%;margin-left:auto;display:flex}.preview-creator-actions .creator-tag{white-space:nowrap;min-width:0}@media (hover:none) and (pointer:coarse){.preview-creator-actions #preview-creator{border-radius:999px;margin:-8px -10px;padding:8px 10px}}.preview-creator-actions .creator-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.preview-creator-actions .creator-tag>:not(.creator-name){flex-shrink:0}.preview-claim{color:#777;white-space:nowrap;flex-shrink:0;order:-1;align-items:center;gap:4px;font-size:12px;font-weight:400;line-height:1.2;transition:color .16s,opacity .26s,transform .26s cubic-bezier(.22,1,.36,1),visibility 0s linear .26s;display:inline-flex}.preview-claim svg{color:currentColor;flex-shrink:0}@media (hover:hover) and (pointer:fine){.preview-claim{opacity:0;visibility:hidden;pointer-events:none;transform:translate(3px)}.preview-creator-actions:focus-within .preview-claim{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}@media (width>=810px) and (hover:hover) and (pointer:fine){.preview-creator-actions:hover .preview-claim{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}.preview-claim:hover{color:#111}}}@media (width<=600px),(hover:none),(pointer:coarse){.preview-claim{display:none}}@media (width<=809px) and (pointer:coarse){.preview-media{touch-action:none}}.preview-heading .creator-tag>img:not(.verified){width:17px;height:17px;margin-right:4px}.preview-heading .creator-tag .verified{width:13px;height:13px;margin-left:4px}.preview-tags{color:#969696;justify-content:space-between;align-items:center;gap:26px;padding:17px 0;font-size:14px;line-height:1.4;display:flex}#preview-category{white-space:nowrap;color:#00000070;font-weight:500}.preview-tags>div{flex-wrap:wrap;gap:4px;display:flex}.preview-tags>div>a{color:#fff;letter-spacing:-.02em;background:#3d3d3d;border-radius:100px;padding:4px 8px;transition:background-color .18s}.preview-tags>div>a:focus-visible{background:#262626;outline:none}@media (width>=810px) and (hover:hover) and (pointer:fine){.preview-tags>div>a:hover{background:#262626}}.preview-media{z-index:1;border:1px solid #00000014;width:100%;position:relative;overflow:hidden}.preview-media,.preview-media .media,.preview-media img,.preview-media video{cursor:zoom-out}.preview-media>.media{aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}.preview-media img,.preview-media video{object-fit:contain;width:100%;height:100%;transform:none}.preview-tint{pointer-events:none;opacity:0;background:#d9d9d9;position:absolute;inset:0}.preview-placeholder{visibility:hidden}.preview-bottom{flex-wrap:wrap;align-items:center;gap:8px;padding-top:17px;display:flex;container:preview-actions/inline-size}.preview-bottom>*{flex-shrink:0}@container preview-actions (width<=430px){#preview-source .preview-source-full{display:none}#preview-source .preview-source-compact{display:inline}}.preview-source-compact{display:none}.preview-bottom [data-views][data-metric-pending],.preview-bottom [data-metric-pending] [data-like-count]{color:#0000;background:#dedede;border-radius:4px}.preview-bottom [data-saved-pending] svg{opacity:.25}.preview-bottom .view-count{color:#1212129e;border-right:1px solid #00000014;min-height:36px;padding-right:10px;font-size:14px;font-weight:400;line-height:.8}.preview-bottom .view-count svg{color:#a1a1a1}.preview-bottom .button{gap:4px;min-height:38px;margin-left:auto;padding:6px 12px;font-size:16px;font-weight:500;line-height:1.6}.preview-bottom .share-button{color:#969696;background:0 0;width:30px;padding:6px;transition:color .18s}.preview-bottom .share-button[aria-pressed=true]{color:#111}@media (hover:hover) and (pointer:fine){.preview-bottom .share-button:hover{color:#111}}.preview-bottom .like-button--light{color:#12121270;background:0 0;border:1px solid #0000002b;gap:6px;min-height:38px;padding:10px;font-size:16px;font-weight:400;line-height:1}.preview-bottom .like-button--light>span:last-child{margin-left:-3px}.preview-bottom .like-button--light svg{color:#1212125c;stroke:currentColor}.preview-bottom .like-button--light[aria-pressed=true]{background:#fff;border-color:#00000026}.preview-bottom .like-button--light[aria-pressed=true] svg{color:#e61900;fill:currentColor;stroke:currentColor}.preview-bottom .like-button--light[aria-pressed=true] [data-like-count]{color:#121212cc}.preview-bottom [data-like-count]{color:#12121287;font-weight:500}@media (width>=810px) and (width<=1199.98px){.masonry{grid-template-columns:repeat(2,minmax(0,1fr))}.masonry[data-ready=true]>.post-card{width:calc(50% - 4px)}}@media (width<=809.98px){.hero,.hero-spacer{height:30vh;min-height:432px}.hero h1{max-width:358px;font-size:18px}.desktop-break{display:none}.featured-section h2{padding:26px var(--gutter) 12px;font-size:18px}.featured-track{padding-bottom:35px}.featured-track .post-card{--featured-media-height:314px;height:316px}.filter-bar{padding:35px var(--gutter) 17px;flex-direction:column;align-items:flex-end;gap:12px}.category-tabs{flex:auto;width:100%;height:35px}.category-scroll{padding-right:0}.filter-divider{display:none}.filter-anchor,.filter-button{width:100%}.filter-button{justify-content:flex-start}.filter-button .filter-chevron{margin-inline-start:auto}.tool-search input{font-size:16px}.masonry{grid-template-columns:minmax(0,1fr)}.masonry[data-ready=true]>.post-card{width:100%}.feed-grid{margin-bottom:35px}.post-card--featured .post-card-bottom{display:none}.tool-filters{width:calc(100vw - 32px)}.submission-popup{width:96%;max-width:418px;bottom:8px;right:8px}.preview-stage{padding:max(44px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(44px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px))}.preview-heading{flex-wrap:wrap;align-items:flex-start;gap:17px;padding-bottom:13px}.preview-heading h2{padding-bottom:4px}.preview-bottom{flex-wrap:wrap;gap:6px}.preview-bottom>*{flex-shrink:0}.preview-bottom .preview-like-label,#preview-source .preview-source-full,#preview-source>svg{display:none}#preview-source .preview-source-compact{display:inline}#preview-source{white-space:nowrap}}@media (width>=810px) and (hover:hover) and (pointer:fine){.category-tab:hover,.tool-option:hover,.post-card:hover .post-card-top,.post-card:hover .post-card-bottom{opacity:1}.post-card:hover .post-card-top>*,.post-card:hover .post-card-bottom>*{pointer-events:auto}.post-card:hover .post-open:after{opacity:.17}}.post-card:has(.preview-placeholder) .post-open:after,.post-card:has(.preview-placeholder) .post-card-top,.post-card:has(.preview-placeholder) .post-card-bottom{opacity:0;visibility:hidden}.post-card[data-preview-restored]:not(.post-card--sponsored) .post-card-top,.post-card[data-preview-restored] .post-card-bottom,.post-card[data-preview-restored] .post-open:after{opacity:0;pointer-events:none}.post-card[data-preview-restored]:not(.post-card--featured) .post-open>.media{transform:none}@media (prefers-reduced-motion:reduce){.hero{position:relative;inset:auto}.hero-spacer{display:none}.post-card .post-open>.media,.popup-actions .button,.preview-tags>div>a{transition:none}.preview-claim{transition:none;transform:none!important}}