.story-media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:991.98px){.story-media-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (max-width:575.98px){.story-media-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.public-media-card{background:rgba(255,255,255,0.03);border:1px solid var(--glass-border,rgba(255,255,255,0.08));border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);position:relative;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.public-media-card:hover{border-color:rgba(16,185,129,0.6);background:rgba(255,255,255,0.06);transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,0.35)}.public-media-img-wrapper{position:relative;width:100%;padding-top:133.33%;background:#0b0f19;overflow:hidden;cursor:pointer}.public-media-img-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)}.public-media-card:hover .public-media-img-wrapper img{transform:scale(1.06)}@media (max-width:575.98px){.public-media-card{border-radius:10px}.public-media-img-wrapper{padding-top:100% !important;aspect-ratio:1 / 1}.public-media-badge{font-size:0.6rem !important;padding:2px 6px !important;top:6px !important;left:6px !important;border-radius:4px !important}.public-media-info{padding:8px 10px !important}.public-media-title{font-size:0.8rem !important;line-height:1.25 !important;margin-bottom:2px !important}.public-media-desc{font-size:0.7rem !important;line-height:1.35 !important;-webkit-line-clamp:1 !important;line-clamp:1 !important}}.public-media-badge{position:absolute;top:8px;left:8px;z-index:2;font-size:0.68rem;font-weight:700;padding:3px 8px;border-radius:6px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 6px rgba(0,0,0,0.35);letter-spacing:0.3px;pointer-events:none}.media-badge-character{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.media-badge-map{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff}.media-badge-item{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1e293b;font-weight:800}.media-badge-setting{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.media-badge-other{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.public-media-zoom-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.25s ease;z-index:2;pointer-events:none}.public-media-card:hover .public-media-zoom-overlay{opacity:1}.public-media-zoom-btn{width:40px;height:40px;border-radius:50%;background:rgba(16,185,129,0.9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:0.95rem;box-shadow:0 4px 12px rgba(0,0,0,0.4);transform:scale(0.85);transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1)}.public-media-card:hover .public-media-zoom-btn{transform:scale(1)}.public-media-info{padding:10px 12px;display:flex;flex-direction:column;flex-grow:1;cursor:pointer}.public-media-title{font-size:0.88rem;font-weight:700;color:var(--text-main,#fff);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.public-media-desc{font-size:0.76rem;line-height:1.45;color:var(--text-muted,#94a3b8);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-media-empty{text-align:center;padding:3.5rem 1.5rem;color:var(--text-muted,#94a3b8)}.story-media-empty .empty-icon{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,0.04);border:1px solid var(--glass-border,rgba(255,255,255,0.1));display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.75rem;color:var(--text-muted,#94a3b8)}#storyMediaLightboxModal{z-index:1065}#storyMediaLightboxModal .modal-content{background:rgba(12,14,24,0.98) !important;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border,rgba(255,255,255,0.15)) !important;box-shadow:0 20px 60px rgba(0,0,0,0.8) !important;border-radius:16px}#storyMediaLightboxModal .modal-body{max-height:calc(100vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch}#storyMediaLightboxImg{max-height:72vh;max-width:100%;height:auto;width:auto;object-fit:contain;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.6)}[data-bs-theme="light"] .public-media-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,0.04)}[data-bs-theme="light"] .public-media-card:hover{border-color:#10b981;box-shadow:0 10px 24px rgba(0,0,0,0.08)}[data-bs-theme="light"] .public-media-title{color:#0f172a}[data-bs-theme="light"] .public-media-desc{color:#64748b}[data-bs-theme="light"] #storyMediaLightboxModal .modal-content{background:rgba(255,255,255,0.98) !important;border-color:#cbd5e1 !important}[data-bs-theme="light"] #storyMediaLightboxModal .modal-title{color:#0f172a !important}[data-bs-theme="light"] #storyMediaLightboxDesc{color:#475569 !important}