.fancybox__container{background:#000000f2!important;border-top:6px solid #111!important}.fancybox__viewport{overflow:hidden!important}.fancybox__image{max-width:90vw!important;max-height:90vh!important;width:auto!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important}.photo-item.is-video:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.photo-item.is-video:before{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(2px);color:#000c;font-size:28px;z-index:1}.photo-item img{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.gallery-page{animation:page-fade-in .25s ease-out}.comment-section{max-width:1200px;margin:-20px auto 0;padding:0 20px 48px;background:#f3f4f6}.comment-title{font-family:Playfair Display,serif;font-size:2rem;color:#0f172a;margin-bottom:28px;text-align:center}.comment-form-container{background:#fff;border:1px solid #cbd5e1;border-radius:24px;padding:24px;margin-bottom:32px}.comment-form{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.9rem;font-weight:600;color:#1f2937;text-transform:uppercase;letter-spacing:.05em}.comment-input{font-family:inherit;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;color:#1f2937;resize:vertical;transition:border-color .2s}.comment-input:focus{outline:none;border-color:#4b5563;box-shadow:0 0 0 3px #4b556326}.comment-input:disabled{background-color:#f3f4f6;color:#64748b;cursor:not-allowed}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:12px}.form-buttons{display:flex;gap:8px}.char-count{font-size:.85rem;color:#64748b}.char-count.warning{color:#f59e0b;font-weight:600}.submit-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s;align-self:flex-start}.submit-btn:hover:not(:disabled){background:#1d4ed8}.submit-btn:disabled{background:#cbd5e1;cursor:not-allowed}.submit-btn.loading{opacity:.7}.cancel-btn{padding:10px 20px;background:#e2e8f0;color:#475569;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn:hover:not(:disabled){background:#cbd5e1;color:#1f2937}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:12px;background:#fee2e2;color:#991b1b;border-radius:8px;font-size:.9rem}.login-prompt{width:100%;padding:12px;background:#f3f4f6;color:#475569;border:1px dashed #cbd5e1;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .2s}.login-prompt:hover{background:#e2e8f0;border-color:#64748b}.comments-list{display:flex;flex-direction:column;gap:16px}.no-comments{text-align:center;color:#64748b;padding:32px 20px;font-style:italic}.comment-item{background:#fff;border:1px solid #cbd5e1;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.commenter-info{display:flex;gap:12px;align-items:flex-start}.commenter-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.commenter-details{display:flex;flex-direction:column;gap:2px}.commenter-name{font-weight:600;color:#1f2937;margin:0}.comment-date{font-size:.8rem;color:#64748b;margin:0}.comment-action-buttons{display:flex;gap:8px;align-items:center}.heart-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;color:#64748b;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:500}.heart-btn:hover:not(:disabled){border-color:#ef4444;color:#ef4444;background:#fee2e2}.heart-btn.hearted{background:#fee2e2;color:#ef4444;border-color:#ef4444}.heart-btn:disabled{opacity:.5;cursor:not-allowed}.heart-icon{width:16px;height:16px}.heart-count{font-size:.8rem}.delete-btn{width:32px;height:32px;padding:0;background:#fee2e2;color:#ef4444;border:none;border-radius:6px;font-size:1.5rem;line-height:1;cursor:pointer;transition:all .2s;flex-shrink:0}.delete-btn:hover:not(:disabled){background:#fecaca;color:#dc2626}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.edit-btn{width:32px;height:32px;padding:0;background:#e0f2fe;color:#0369a1;border:none;border-radius:6px;font-size:1.2rem;line-height:1;cursor:pointer;transition:all .2s;flex-shrink:0}.edit-btn:hover:not(:disabled){background:#bae6fd;color:#0c4a6e}.edit-btn:disabled{opacity:.5;cursor:not-allowed}.comment-content{color:#334155;line-height:1.6;word-wrap:break-word;white-space:pre-wrap;margin:0}.comment-edited{font-size:.75rem;color:#64748b;font-italic:italic;margin:0}.comment-loading{text-align:center;color:#64748b;padding:32px 20px}@media(max-width:640px){.comment-section{padding:28px 16px}.comment-title{font-size:1.5rem}.comment-form-container{padding:16px}.submit-btn{width:100%}.comment-item{padding:16px}.commenter-avatar{width:36px;height:36px}}