.grid-container{padding:var(--space-1);padding-bottom:0;width:100%}.grid{display:grid;gap:var(--space-1);grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin-bottom:var(--space-1);min-height:calc(50vh - var(--space-1));width:100%}.grid-child{aspect-ratio:1/1;height:100%;width:100%}.grid-child-1{grid-area:1/1/3/3}.grid-child-2{grid-area:1/3/2/4}.grid-child-3{grid-area:2/3/3/4}.grid-child-4{grid-area:3/1/4/2}.grid-child-5{grid-area:3/2/4/3}.grid-child-6{grid-area:3/3/4/4}@media only screen and (max-width:767px){.grid{max-height:60vh}}.media-tile{overflow:hidden;position:relative}.media-tile .skeleton{inset:0;position:absolute}.media{opacity:1;transition:opacity .35s ease}.media-hidden{opacity:0}.fade-out{opacity:0;transition:opacity .35s ease}.media{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.like-display{align-items:center;display:flex;gap:var(--space-1)}.like-count,.like-heart{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modal{align-items:center;background:linear-gradient(180deg,#000 0,transparent 36%,transparent 45%,#000);display:flex;inset:0;justify-content:center;position:fixed;z-index:1}.modal.hidden{display:none}.modal-content{background:var(--bg-light);border-radius:var(--space-1);height:480px;max-height:90vh;max-width:90vw;overflow:hidden;position:relative;width:320px}.modal-content .skeleton{background-color:transparent;height:100%;position:absolute;width:100%}.modal-content .skeleton:after{animation:sk-shimmer 1s linear infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,0));content:"";inset:0;position:absolute;transform:translateX(-100%)}.modal-progress{background:var(--danger);height:4px;left:0;position:absolute;top:0;transition:width .1s linear;width:0}.modal-media{background-color:transparent;height:100%;width:100%}.modal-media img,.modal-media video{height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%}.modal-close{border:none;border-radius:var(--space-8);font-size:var(--space-8);line-height:var(--space-5);padding:var(--space-2);right:var(--space-3);top:var(--space-3);z-index:1}.modal-close,.modal-likes{background:none;background-color:var(--bg-light);color:var(--text);cursor:pointer;position:absolute}.modal-likes{border:none;border-radius:var(--space-6);bottom:var(--space-3);font-size:var(--space-5);font-weight:500;justify-content:center;left:var(--space-3);padding:var(--space-2) var(--space-4)}.modal-actions,.modal-likes{align-items:center;display:flex}.modal-actions{bottom:0;gap:12px;margin-top:10px;padding:var(--space-2);position:absolute;right:0}.modal-actions .material-icons{background:none;border:none;color:#fff;cursor:pointer;font-size:26px;opacity:.85;transition:opacity .2s,transform .2s}.modal-actions .material-icons:hover{opacity:1;transform:scale(1.12)}.tile{cursor:pointer;display:flex;flex-direction:column;height:100%;transition:all .35s ease;width:100%}.tile:active{transform:scale(.9)}