.HvgyNq_tile{--archive-tile-radius:16px;--archive-tile-columns:2;flex:0 0 calc((100% - (var(--archive-tile-columns) - 1) * var(--archive-list-gap)) / var(--archive-tile-columns));border-radius:var(--archive-tile-radius);cursor:pointer;isolation:isolate;backface-visibility:hidden;filter:drop-shadow(0 2px 6px #0f172a1a)drop-shadow(0 6px 16px #0f172a14);-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin:0;padding:0;transition:transform .18s,filter .18s;display:block;position:relative;overflow:hidden;transform:translateZ(0)}@media (min-width:400px){.HvgyNq_tile{--archive-tile-columns:3}}@media (min-width:640px){.HvgyNq_tile{--archive-tile-radius:18px;--archive-tile-columns:4}}@media (min-width:1024px){.HvgyNq_tile{--archive-tile-columns:5}}@media (hover:hover){.HvgyNq_tile:hover{filter:drop-shadow(0 4px 10px #0f172a1f)drop-shadow(0 12px 28px #0f172a24);transform:translateY(-2px)translateZ(0)}}.HvgyNq_tile:active{transform:scale(.98)}.HvgyNq_tile:focus-visible{outline:2px solid var(--community-postit-archive-tile-focus-ring);outline-offset:2px;z-index:2}.HvgyNq_tilePreview{aspect-ratio:9/16;border-radius:inherit;background:#0f172a;width:100%;position:relative;overflow:hidden}.HvgyNq_tilePreviewSized{aspect-ratio:auto;height:auto}.HvgyNq_tile.HvgyNq_tileStoryActiveRecommended{filter:drop-shadow(0 2px 8px #fbbf2459)drop-shadow(0 4px 14px #0f172a1a);background:linear-gradient(to top right,#fde68a,#fbbf24,#f97316);padding:2px}.HvgyNq_tile.HvgyNq_tileStoryActiveRecommended .HvgyNq_tilePreview{border-radius:calc(var(--archive-tile-radius) - 2px)}.HvgyNq_tileCanvasWrap{border-radius:inherit;pointer-events:none;background:#000;justify-content:stretch;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}.HvgyNq_tileCanvasWrap>*,.HvgyNq_tileCanvasWrapFixed>*{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.HvgyNq_tileCanvasWrap *{pointer-events:none!important}.HvgyNq_tileFallback{border-radius:inherit;background:linear-gradient(160deg,#1e293b 0%,#0f172a 55%,#020617 100%);position:absolute;inset:0}.HvgyNq_tileScrim{border-radius:inherit;pointer-events:none;background:linear-gradient(#0000001f 0%,#0000 28% 62%,#0000006b 100%);position:absolute;inset:0}.HvgyNq_tileAuthorBadge{z-index:3;pointer-events:none;background:#ffffffeb;border-radius:999px;align-items:center;gap:5px;min-width:0;max-width:calc(100% - 16px);padding:3px 8px 3px 3px;display:flex;position:absolute;top:8px;left:8px;right:8px;box-shadow:0 4px 14px #00000038}.HvgyNq_tileAuthorAvatar,.HvgyNq_tileAuthorAvatarFallback{border-radius:50%;flex-shrink:0;width:20px;height:20px}.HvgyNq_tileAuthorAvatar{object-fit:cover;background-color:var(--card-bg)}.HvgyNq_tileAuthorAvatarFallback{background-color:var(--surface-muted);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.HvgyNq_tileAuthorBadge span{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.02em;font-size:.6875rem;font-weight:800;overflow:hidden}.HvgyNq_donatedStamp{z-index:4;letter-spacing:.04em;color:#ff5f8f;pointer-events:none;background:#ffffffe0;border:2px solid #ff5f8f;border-radius:5px;justify-content:center;align-items:center;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:10px;right:8px;transform:rotate(-12deg);box-shadow:0 3px 10px #0000003d}.HvgyNq_dateBadge{z-index:3;background:var(--card-bg);pointer-events:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:42px;padding:6px 8px 5px;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 4px 14px #00000047;font-size-adjust:none!important;font-family:Pretendard,system-ui,-apple-system,sans-serif!important}.HvgyNq_dateDay{letter-spacing:-.04em;color:var(--text-primary);font-size:17px;font-weight:800;line-height:1;font-family:inherit!important}.HvgyNq_dateMonthYear{letter-spacing:-.02em;color:var(--text-secondary);white-space:nowrap;margin-top:3px;font-size:9px;font-weight:700;line-height:1.1;font-family:inherit!important}.HvgyNq_tilePinName{z-index:3;-webkit-backdrop-filter:blur(6px);pointer-events:none;box-sizing:border-box;background:#0f172ac7;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:5px;min-width:0;height:28px;padding:0 8px;display:flex;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 4px 12px #00000047}.HvgyNq_tilePinNameIcon,.HvgyNq_tilePinName svg{color:#b6ff94;stroke:currentColor;flex:none;width:11px;height:11px}.HvgyNq_tilePinNameViewport{flex:1;align-items:center;min-width:0;height:14px;display:flex;position:relative;overflow:hidden}.HvgyNq_tilePinNameViewportStatic{text-align:center;justify-content:center}.HvgyNq_tilePinNameViewportMarquee{text-align:left;justify-content:flex-start}.HvgyNq_tilePinNameMeasure{visibility:hidden;pointer-events:none;white-space:nowrap;letter-spacing:-.02em;font-size:11px;font-weight:700;line-height:1.25;position:absolute;top:0;left:0}.HvgyNq_tilePinNameTrack{min-width:0}.HvgyNq_tilePinNameTrackStatic{text-align:center;width:100%;min-width:0;display:block;overflow:hidden}.HvgyNq_tilePinNameTrackStatic .HvgyNq_tilePinNameTrackItem{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:100%;display:inline-block;overflow:hidden}.HvgyNq_tilePinNameTrackItem{letter-spacing:-.02em;color:#fff;flex:none;font-size:11px;font-weight:700;line-height:1.25}.HvgyNq_tilePinNameTrackItemMarquee{white-space:nowrap;will-change:transform;max-width:none;animation:HvgyNq_tilePinNameMarquee var(--pin-marquee-duration,6s) linear infinite;flex:none;display:inline-block}@media (prefers-reduced-motion:reduce){.HvgyNq_tilePinNameTrackItemMarquee{text-overflow:ellipsis;max-width:100%;animation:none;overflow:hidden;transform:none}.HvgyNq_tile{transition:none}.HvgyNq_tile:hover,.HvgyNq_tile:active{transform:none}}@keyframes HvgyNq_tilePinNameMarquee{0%,14%{transform:translate(0)}66%,to{transform:translateX(var(--pin-marquee-end,0))}}
