:root{--gap-column:12px;--gap-vertical:16px;--bg-primary:#f9f9f9;--bg-card:#fff;--shadow-sm:0 1px 3px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.1);--border-color:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--accent-blue:#3b82f6;--transition-duration:200ms}@media (prefers-color-scheme:dark){:root{--bg-primary:#1f2937;--bg-card:#374151;--shadow-sm:0 1px 3px rgba(0,0,0,.2);--text-primary:#f3f4f6;--text-secondary:#9ca3af;--border-color:#4b5563}}.masonry-container{display:flex;margin-left:calc(-1 * var(--gap-column));width:100%;min-width:100%;contain:layout style;will-change:auto}.masonry-column{padding-left:var(--gap-column);flex-shrink:0}.masonry-column,.masonry-column>div{background-clip:padding-box;min-height:1px}.masonry-column>div{margin-bottom:clamp(12px,var(--gap-vertical),20px);position:relative}.masonry-container.layout-change{animation:masonry-relayout .1ms}@keyframes masonry-relayout{0%{opacity:.999}to{opacity:1}}@media (max-width:1100px){:root{--gap-column:10px;--gap-vertical:14px}}@media (max-width:768px){:root{--gap-column:0;--gap-vertical:12px}.masonry-container{margin-left:0}.masonry-column{padding-left:0}}@media (min-width:1280px){:root{--gap-column:8px}}.flex.overflow-x-auto{-webkit-overflow-scrolling:touch;scrollbar-width:none}.flex.overflow-x-auto::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:no-preference){.motion-transition{transition:opacity var(--transition-duration) ease-out,transform var(--transition-duration) ease-out}}.flex.overflow-x-auto.justify-around{-webkit-overflow-scrolling:touch;scrollbar-width:none}.flex.overflow-x-auto.justify-around::-webkit-scrollbar{display:none}@media (min-width:1400px){:root{--gap-column:10px}}.masonry-column img{max-width:100%;height:auto;display:block}.masonry-column .bg-white .card-content,.masonry-column .bg-white p,.masonry-column .bg-white span{overflow:hidden;word-wrap:break-word}.masonry-column[style*=width]{min-height:200px}.masonry-column,.masonry-container{transform:translateZ(0);backface-visibility:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}button:hover{transition:background-color var(--transition-duration) ease-in-out}button:focus{outline:none;ring:2px solid var(--accent-blue)}