body:has(.kho-moment-wrapper){overflow:hidden}body:has(.kho-moment-wrapper) .public-layout-wrapper{height:100vh;min-height:100vh}body:has(.kho-moment-wrapper) .public-layout-wrapper__main{min-height:0}.kho-moment-wrapper{flex-direction:column;flex:1;width:100%;max-width:1500px;min-height:0;margin:0 auto;padding:100px 20px 20px;display:flex}.kho-moment-container{flex:1;gap:30px;min-height:0;display:flex}.tiktok-section{background-color:var(--color-card-bg);border:1px solid var(--color-border-dark);border-radius:8px;flex-direction:column;flex:0 0 360px;height:100%;padding:10px;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080}.section-title{color:var(--color-primary);text-align:center;font-size:20px;font-family:var(--font-heading);letter-spacing:1px;margin-bottom:10px}.tiktok-wrapper{scrollbar-width:none;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow-y:auto}.tiktok-wrapper::-webkit-scrollbar{display:none}.tiktok-skeleton{width:100%;height:100%;color:var(--color-text-muted);font-family:var(--font-heading);letter-spacing:1px;z-index:-1;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;animation:1.5s ease-in-out infinite pulse;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.tiktok-overlay{z-index:10;background-color:#141414;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s ease-in-out 1.5s forwards hideOverlay;display:flex;position:absolute;top:0;left:0}@keyframes hideOverlay{to{opacity:0;visibility:hidden;pointer-events:none}}.tiktok-overlay-logo{object-fit:cover;background-color:#141414;border-radius:50%;width:120px;height:120px;animation:1.5s ease-in-out infinite pulse-logo;box-shadow:0 4px 15px #0000004d}@keyframes pulse-logo{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(.9)}}@keyframes pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.tiktok-wrapper iframe{max-width:100%!important}.bulletin-board-section{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.section-handwriting{color:var(--color-text-muted);font-family:var(--font-cursive);text-align:center;margin-bottom:20px;font-size:28px}.bulletin-board{background-color:#2a1c13;background-image:radial-gradient(#ffffff08 1px,#0000 1px);background-size:20px 20px;border:12px solid #3d2a1d;border-radius:8px;flex:1;width:100%;min-height:0;padding:30px;overflow:hidden;box-shadow:inset 0 0 50px #000000e6,0 10px 30px #00000080}.photo-grid{grid-template-columns:repeat(var(--desktop-cols,4), 1fr);grid-template-rows:repeat(var(--desktop-rows,2), 1fr);gap:12px;width:100%;height:100%;display:grid}.photo-grid-cell{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:visible;container-type:size}.polaroid{box-sizing:border-box;cursor:pointer;background:#fff;flex-shrink:0;width:88cqmin;height:88cqmin;margin:auto;padding:6px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;position:relative;box-shadow:0 4px 10px #0000004d}.polaroid:before{content:"";z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fff9;width:40px;height:15px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 1px 3px #0000001a}.polaroid:hover{z-index:20;box-shadow:0 15px 30px #000000b3}@media (min-width:993px){.polaroid:hover{transform:scale(1.12)!important}}.polaroid-img-wrapper{aspect-ratio:1;background-color:#333;width:100%;overflow:hidden}.polaroid-img-wrapper img{object-fit:cover;width:100%;height:100%}.view-album-btn{text-align:center;font-family:var(--font-heading);color:var(--color-primary);background:#ffffffe6;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:none}.view-album-btn span{line-height:1.4;display:block}.photo-grid .photo-grid-cell:nth-child(8n+1) .polaroid{transform:rotate(3deg)}.photo-grid .photo-grid-cell:nth-child(8n+2) .polaroid{transform:rotate(-2deg)}.photo-grid .photo-grid-cell:nth-child(8n+3) .polaroid{transform:rotate(4deg)}.photo-grid .photo-grid-cell:nth-child(8n+4) .polaroid{transform:rotate(-3deg)}.photo-grid .photo-grid-cell:nth-child(8n+5) .polaroid{transform:rotate(1deg)}.photo-grid .photo-grid-cell:nth-child(8n+6) .polaroid{transform:rotate(-4deg)}.photo-grid .photo-grid-cell:nth-child(8n+7) .polaroid{transform:rotate(2deg)}.photo-grid .photo-grid-cell:nth-child(8n+8) .polaroid{transform:rotate(-1deg)}@media (max-width:992px){body:has(.kho-moment-wrapper){overflow:auto}body:has(.kho-moment-wrapper) .public-layout-wrapper{height:auto}.kho-moment-wrapper{height:auto;padding-top:100px}.kho-moment-container{flex-direction:column;height:auto}.tiktok-section,.bulletin-board-section{width:100%;height:auto;overflow:visible}.tiktok-section{flex:none}.tiktok-wrapper{overflow-y:hidden}.bulletin-board{border-width:5px;padding:20px 10px;overflow:visible}.photo-grid{gap:15px;grid-template-rows:none!important;grid-template-columns:repeat(2,1fr)!important;height:auto!important;display:grid!important}.photo-grid-cell{aspect-ratio:1;height:auto!important}.polaroid{max-width:140px;padding:4px}.photo-grid-cell:nth-child(n+6){display:none}.photo-grid-cell.view-album-cell{display:flex!important}.view-album-btn{display:flex;transform:none!important}.view-album-btn:before{display:none}}
