.news-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85);backdrop-filter:blur(8px);z-index:9999;display:none;animation:fadeIn 0.3s ease}.news-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1200px;height:90vh;background:var(--mp-gradient);border-radius:12px;display:flex;flex-direction:column;animation:slideIn 0.3s ease}.news-modal-header{padding:1rem 1.5rem;background:var(--mp-gradient);border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;min-height:60px}.news-modal-url{color:#9ca3af;font-size:0.875rem;font-family:monospace;background-color:rgba(4,19,34,0.5);padding:0.5rem 1rem;border-radius:6px;border:1px solid rgba(124,58,237,0.1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-modal-close{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:0.5rem;border-radius:6px;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.news-modal-close:hover{background-color:rgba(239,68,68,0.2);color:#ef4444}.news-modal-content{flex:1;overflow:hidden;position:relative;background-color:var(--surface-deep,#041322)}.news-modal-iframe{width:100%;height:100%;border:none;background-color:white}.news-modal-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#9ca3af;font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.news-modal-loading .spinner{border:3px solid rgba(124,58,237,0.2);border-top:3px solid #7c3aed;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.news-modal-error-fallback{position:absolute;top:0;left:0;right:0;bottom:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:rgba(4,19,34,0.98);backdrop-filter:blur(4px);color:#9ca3af;text-align:center;padding:2rem;z-index:5;animation:fadeIn 0.3s ease}.news-modal-error-fallback .error-icon{font-size:3rem;margin-bottom:1rem;opacity:0.5;animation:pulse 2s infinite}.news-modal-error-fallback .error-message{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#e5e7eb;max-width:400px;line-height:1.5}.news-modal-error-fallback .error-description{font-size:0.875rem;margin-bottom:1.5rem;opacity:0.7;max-width:300px;line-height:1.4}.news-modal-error-fallback .error-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.news-modal-error-fallback button{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);color:white;border:none;border-radius:6px;padding:0.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;font-size:0.875rem}.news-modal-error-fallback button:hover{box-shadow:0 4px 12px rgba(124,58,237,0.4)}.news-modal-error-fallback button.secondary{background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.3);color:#e5e7eb}.news-modal-error-fallback button.secondary:hover{background:rgba(124,58,237,0.2);border-color:rgba(124,58,237,0.5)}.news-modal-footer{background:var(--mp-gradient);border-radius:0 0 12px 12px;padding:1rem 1.5rem}.news-modal-comments{display:none;max-height:300px;overflow-y:auto;margin-bottom:1rem;background-color:rgba(4,19,34,0.5);border-radius:8px;padding:1rem;transition:max-height 0.3s ease}.news-modal-comments:empty::after{content:"No comments yet. Be the first to comment!";display:block;text-align:center;color:#6b7280;padding:2rem}.news-modal-close{width:40px;height:40px}.comment-item{background-color:rgba(15,31,54,0.5);border:1px solid rgba(124,58,237,0.1);border-radius:6px;padding:0.75rem;margin-bottom:0.75rem}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.comment-author{color:#7c3aed;font-weight:600;font-size:0.875rem}.comment-time{color:#6b7280;font-size:0.75rem}.comment-body{color:#e5e7eb;font-size:0.875rem;line-height:1.5}.comment-actions{display:flex;gap:1rem;margin-top:0.5rem}.comment-action-btn{background:none;border:none;color:#6b7280;font-size:0.75rem;cursor:pointer;display:flex;align-items:center;gap:0.25rem;transition:color 0.2s ease}.comment-action-btn:hover{color:#7c3aed}.comment-action-btn.liked{color:#10b981}.comment-action-btn.disliked{color:#ef4444}.news-modal-comment-input{display:flex;gap:0.75rem;margin-bottom:1rem}.comment-textarea{flex:1;background-color:rgba(4,19,34,0.8);border:1px solid rgba(124,58,237,0.2);border-radius:6px;padding:0.75rem;color:#e5e7eb;font-size:0.875rem;resize:none;min-height:80px;font-family:inherit;transition:border-color 0.2s ease}.comment-textarea:focus{outline:none;border-color:var(--mp-center-primary)}.comment-textarea::placeholder{color:#6b7280}.comment-submit-btn{background:var(--mp-center-primary);color:white;border:none;border-radius:6px;padding:0.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;align-self:flex-start}.comment-submit-btn:hover{box-shadow:0 4px 12px rgba(124,58,237,0.4)}.comment-submit-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}.news-modal-actions{display:flex;gap:0.75rem;flex-wrap:wrap}.modal-action-btn{background-color:var(--mp-center-primary);color:#e5e7eb;border-radius:6px;padding:0.5rem 1rem;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:0.5rem}.modal-action-btn:hover{background-color:rgba(124,58,237,0.2);border-color:rgba(124,58,237,0.5)}.modal-action-btn svg{width:16px;height:16px}.modal-action-btn.active{background-color:rgba(124,58,237,0.3);border-color:#7c3aed;color:#7c3aed}.news-modal-comments::-webkit-scrollbar{width:8px}.news-modal-comments::-webkit-scrollbar-track{background:rgba(4,19,34,0.3);border-radius:4px}.news-modal-comments::-webkit-scrollbar-thumb{background:rgba(124,58,237,0.3);border-radius:4px}.news-modal-comments::-webkit-scrollbar-thumb:hover{background:rgba(124,58,237,0.5)}@media (max-width:768px){.news-modal-container{width:95%;height:95vh;max-width:none}.news-modal-url{max-width:60%;font-size:0.75rem}.news-modal-actions{justify-content:center}.modal-action-btn{font-size:0.75rem;padding:0.4rem 0.8rem}.news-modal-error-fallback{padding:1rem}.news-modal-error-fallback .error-message{font-size:1rem}.news-modal-error-fallback .error-actions{flex-direction:column;gap:0.5rem}.news-modal-error-fallback button{padding:0.6rem 1.2rem;font-size:0.8rem}}.news-modal-url-container{display:flex;align-items:center;gap:0.5rem;overflow:hidden}.news-modal-copy-btn{background:none;border:none;color:#9ca3af;padding:0.5rem;cursor:pointer;border-radius:4px;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.news-modal-copy-btn:hover{background-color:rgba(124,58,237,0.2);color:#7c3aed}.news-modal-copy-btn.copied{color:#10b981}.news-modal-copy-btn.copied svg{display:none}.news-modal-copy-btn.copied::after{content:"\2713";font-size:16px;font-weight:bold}.news-modal-navigation{position:absolute;top:50%;transform:translateY(-50%);width:100%;pointer-events:none;z-index:10}.news-nav-btn{position:absolute;background:rgba(15,31,54,0.95);border:1px solid rgba(124,58,237,0.3);color:#e5e7eb;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.3);opacity:0.8}.news-nav-btn:hover{background:rgba(124,58,237,0.2);border-color:#7c3aed;transform:scale(1.1);opacity:1;box-shadow:0 6px 20px rgba(124,58,237,0.4)}.news-nav-btn:active{transform:scale(0.95)}.news-nav-btn.prev{left:20px}.news-nav-btn.next{right:20px}.news-nav-btn:disabled{opacity:0.3;cursor:not-allowed;background:rgba(15,31,54,0.5)}.news-nav-btn:disabled:hover{transform:none;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.news-nav-btn svg{width:24px;height:24px;stroke-width:2.5}.news-modal-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:var(--mp-gradient);border-radius:20px;padding:8px 16px;font-size:0.875rem;font-weight:500;z-index:10;display:flex;align-items:center;gap:8px}.news-modal-counter .current{color:var(--mp-center-primary);font-weight:700}.news-modal-container:hover{opacity:1}.news-nav-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(4,19,34,0.98);display:flex;align-items:center;justify-content:center;z-index:15;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.news-nav-loading.active{opacity:1;pointer-events:all}@keyframes swipeLeft{0%{transform:translateX(0);opacity:1}50%{transform:translateX(-50px);opacity:0}51%{transform:translateX(50px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes swipeRight{0%{transform:translateX(0);opacity:1}50%{transform:translateX(50px);opacity:0}51%{transform:translateX(-50px);opacity:0}100%{transform:translateX(0);opacity:1}}.news-modal-content.swipe-left{animation:swipeLeft 0.5s ease}.news-modal-content.swipe-right{animation:swipeRight 0.5s ease}@keyframes pulse{0%,100%{opacity:0.5}50%{opacity:0.8}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.news-nav-btn{width:40px;height:40px}.news-nav-btn.prev{left:10px}.news-nav-btn.next{right:10px}.news-nav-btn svg{width:20px;height:20px}}.news-modal-fullscreen-btn{background:none;border:none;color:#9ca3af;padding:0.5rem;cursor:pointer;border-radius:4px;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.news-modal-fullscreen-btn:hover{background-color:rgba(124,58,237,0.2);color:#7c3aed}.news-modal-container:fullscreen{width:100vw !important;height:100vh !important;max-width:none !important;border-radius:0 !important}.news-modal-container:-webkit-full-screen{width:100vw !important;height:100vh !important;max-width:none !important;border-radius:0 !important}@media (max-width:768px){.mp-news-item{flex-direction:column;padding:0;margin-bottom:1.5rem}.mp-news-image{width:100%;height:200px;margin-right:0;border-radius:12px 12px 0 0}.mp-news-image img{width:100%;height:100%;object-fit:cover}.mp-news-content{padding:1rem;width:100%}.mp-news-title{font-size:1rem;margin-bottom:0.75rem}.mp-news-summary{font-size:0.875rem;margin-bottom:1rem}.mp-news-meta{flex-direction:column;gap:1rem}.mp-news-info{width:100%}.mp-news-actions{width:100%;display:flex;gap:0.5rem}.mp-news-actions .mn-action-btn{flex:1;padding:0.625rem 0.75rem;justify-content:center}}
