.image-lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;z-index:99999;display:flex;flex-direction:column;animation:lightbox-fade-in .2s ease-out}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.image-lightbox-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.image-lightbox-counter{color:var(--white);font-size:16px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.5);padding:6px 14px;background:#ffffff26;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-lightbox-header-actions{display:flex;gap:8px}.image-lightbox-btn{width:44px;height:44px;border:none;border-radius:50%;background:#ffffff26;color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-lightbox-btn:hover{background:#ffffff4d;transform:scale(1.05)}.image-lightbox-btn:active{transform:scale(.95)}.image-lightbox-btn:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.image-lightbox-btn svg{width:22px;height:22px}.image-lightbox-close-btn{background:#ff505040}.image-lightbox-close-btn:hover{background:#ff505080}.image-lightbox-content{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:70px 60px 100px;overflow:hidden}.image-lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:none;border-radius:50%;background:#ffffff26;color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.image-lightbox-nav-btn:hover{background:#ffffff59;transform:translateY(-50%) scale(1.1)}.image-lightbox-nav-btn:active{transform:translateY(-50%) scale(.95)}.image-lightbox-nav-btn:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.image-lightbox-nav-btn svg{width:28px;height:28px}.image-lightbox-prev{left:16px}.image-lightbox-next{right:16px}.image-lightbox-image-wrapper{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;width:100%;height:100%}.image-lightbox-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-small);cursor:zoom-in;transition:transform var(--transition-speed) ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-lightbox-image.zoomed{cursor:zoom-out;transform:scale(2);max-width:none;max-height:none}.image-lightbox-image-wrapper.zoomed{overflow:auto;cursor:grab}.image-lightbox-loading,.image-lightbox-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#ffffffb3;font-size:16px}.image-lightbox-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--white);border-radius:50%;animation:lightbox-spin .8s linear infinite}@keyframes lightbox-spin{to{transform:rotate(360deg)}}.image-lightbox-error{color:#ff9696e6}.image-lightbox-dots{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:10px;padding:10px 16px;background:#00000080;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.image-lightbox-dot{width:10px;height:10px;border:none;border-radius:50%;background:#fff6;cursor:pointer;transition:all var(--transition-speed) ease;padding:0}.image-lightbox-dot:hover{background:#ffffffb3;transform:scale(1.2)}.image-lightbox-dot.active{background:var(--white);transform:scale(1.3)}.image-lightbox-dot:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.image-lightbox-thumbnails{position:absolute;bottom:70px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px 12px;background:#0009;border-radius:var(--radius-large);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:90%;overflow-x:auto;z-index:5}.image-lightbox-thumbnail{width:60px;height:60px;min-width:60px;border:2px solid transparent;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:#ffffff1a;padding:0;transition:all var(--transition-speed) ease}.image-lightbox-thumbnail:hover{border-color:#ffffff80;transform:scale(1.05)}.image-lightbox-thumbnail.active{border-color:var(--white);box-shadow:0 0 12px #fff6}.image-lightbox-thumbnail img{width:100%;height:100%;object-fit:cover}.image-lightbox-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:20px}@media(max-width:1024px){.image-lightbox-content{padding:60px 50px 90px}.image-lightbox-nav-btn{width:44px;height:44px}.image-lightbox-nav-btn svg{width:24px;height:24px}}@media(max-width:768px){.image-lightbox-header{padding:12px 16px}.image-lightbox-counter{font-size:14px;padding:4px 10px}.image-lightbox-btn{width:40px;height:40px}.image-lightbox-btn svg{width:20px;height:20px}.image-lightbox-content{padding:50px 10px 80px}.image-lightbox-nav-btn{width:40px;height:40px;background:#fff3}.image-lightbox-nav-btn svg{width:20px;height:20px}.image-lightbox-prev{left:8px}.image-lightbox-next{right:8px}.image-lightbox-dots{bottom:16px;padding:8px 12px;gap:8px}.image-lightbox-dot{width:8px;height:8px}.image-lightbox-thumbnails{bottom:55px;gap:6px;padding:6px 10px}.image-lightbox-thumbnail{width:48px;height:48px;min-width:48px}.image-lightbox-nav-btn{opacity:.6}.image-lightbox-image{cursor:default}}@media(max-width:480px){.image-lightbox-header{padding:10px 12px}.image-lightbox-btn{width:36px;height:36px}.image-lightbox-btn svg{width:18px;height:18px}.image-lightbox-content{padding:45px 8px 70px}.image-lightbox-nav-btn{width:36px;height:36px}.image-lightbox-nav-btn svg{width:18px;height:18px}.image-lightbox-prev{left:4px}.image-lightbox-next{right:4px}.image-lightbox-counter{font-size:13px;padding:3px 8px}.image-lightbox-dots{bottom:12px;padding:6px 10px;gap:6px}.image-lightbox-dot{width:7px;height:7px}.image-lightbox-thumbnails{display:none}}@media(max-height:500px)and (orientation:landscape){.image-lightbox-header{padding:8px 16px}.image-lightbox-content{padding:40px 60px 50px}.image-lightbox-dots{bottom:8px;padding:4px 8px}.image-lightbox-thumbnails{display:none}.image-lightbox-btn{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.image-lightbox-overlay{animation:none}.image-lightbox-spinner{animation:none;border:3px solid var(--white)}.image-lightbox-btn,.image-lightbox-nav-btn,.image-lightbox-dot,.image-lightbox-thumbnail,.image-lightbox-image{transition:none}}.clickable-image{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,opacity .2s ease,filter .3s ease;border-radius:var(--radius-large);object-fit:cover;width:100%}.clickable-image:hover{transform:scale(1.03);box-shadow:0 8px 24px #0003;filter:brightness(1.05)}.clickable-image:focus{outline:3px solid var(--color-primary, var(--link-color));outline-offset:3px}.clickable-image:active{transform:scale(.98)}.clickable-image.error{opacity:.5;cursor:not-allowed}.clickable-image-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-color) 0%,var(--border-color-light) 100%);color:var(--text-color-subtle);border-radius:var(--radius-large);height:200px}.clickable-image.forum-image{height:200px;max-height:200px;object-fit:cover;border-radius:var(--radius-large);border:2px solid rgba(102,126,234,.1)}.clickable-image.forum-image:hover{border-color:#667eea66;box-shadow:0 12px 32px #667eea40}.clickable-image.forum-detail-image{height:300px;max-height:300px;object-fit:cover;border-radius:16px;border:2px solid rgba(102,126,234,.1)}.clickable-image.forum-detail-image:hover{border-color:#667eea66;box-shadow:0 16px 40px #667eea4d}.clickable-image.forum-reply-image{height:150px;max-height:150px;object-fit:cover;border-radius:10px;border:1px solid rgba(102,126,234,.1)}.clickable-image.forum-reply-image:hover{border-color:#667eea4d;box-shadow:0 8px 20px #667eea33}.clickable-image.conversation-image{height:180px;max-height:180px;object-fit:cover;border-radius:var(--radius-large);border:2px solid rgba(102,126,234,.15)}.clickable-image.conversation-image:hover{border-color:#667eea80;box-shadow:0 10px 28px #667eea40}.image-gallery-grid{width:100%}.image-gallery-grid-item{position:relative;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border-color-light);background:var(--bg-color);cursor:pointer;padding:0;transition:all .2s ease}.image-gallery-grid-item:hover{border-color:var(--color-primary, var(--link-color));box-shadow:0 4px 12px #667eea33;transform:scale(1.05)}.image-gallery-grid-item:focus{outline:2px solid var(--color-primary, var(--link-color));outline-offset:2px}.image-gallery-grid-item:active{transform:scale(.98)}.image-gallery-grid-item img{width:100%;height:100%;object-fit:cover;display:block}.image-gallery-grid-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--border-color)}@media(max-width:768px){.clickable-image:hover{transform:none;box-shadow:none}.image-gallery-grid-item:hover{transform:none}}@media(prefers-reduced-motion:reduce){.clickable-image,.image-gallery-grid-item{transition:none}.clickable-image:hover,.image-gallery-grid-item:hover{transform:none}}