:root{--primary-color: #0f172a;--accent-color: #3b82f6;--accent-hover: #2563eb;--background-color: #f8fafc;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--success-color: #10b981;--error-color: #ef4444;--error-background: #fee2e2;--error-border: #fecaca;--secondary-color: #475569;--accent-color-alpha: rgba(59, 130, 246, .5);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: 1rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--primary-color: #3b82f6;--primary-hover: #2563eb;--accent-color: #60a5fa;--accent-hover: #3b82f6;--background-color: #0f172a;--bg-primary: #1e293b;--bg-secondary: #0f172a;--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--success-color: #34d399;--error-color: #f87171;--error-background: #1f2937;--error-border: #374151;--secondary-color: #1e293b;--accent-color-alpha: rgba(96, 165, 250, .5);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s ease,color .2s ease,border-color .2s ease}body{font-family:var(--font-sans);background-color:var(--background-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;word-wrap:break-word;overflow-wrap:break-word}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:all .2s;border:none;min-height:44px}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background:var(--background-color);color:var(--text-primary)}.btn-ghost:focus{outline:2px solid var(--accent-color);outline-offset:2px}.btn-icon{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.btn-icon:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn-icon:disabled{opacity:.5;cursor:not-allowed;background:var(--background-color);color:var(--text-secondary);border-color:var(--border-color)}.card{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;border:1px solid var(--border-color)}.badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-blue{background-color:#dbeafe;color:#1e40af}.badge-green{background-color:#d1fae5;color:#065f46}.badge-red{background-color:#fee2e2;color:#991b1b}.badge-purple{background-color:#f3e8ff;color:#6b21a8}[data-theme=dark] .badge-blue{background-color:#1e3a8a;color:#bfdbfe}[data-theme=dark] .badge-green{background-color:#064e3b;color:#a7f3d0}[data-theme=dark] .badge-red{background-color:#7f1d1d;color:#fecaca}[data-theme=dark] .badge-purple{background-color:#581c87;color:#e9d5ff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.monthly-calendar{width:100%;max-width:1200px;margin:0 auto}.calendar-header{margin-bottom:2rem}.year-navigation{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.year-display{display:flex;align-items:center;gap:.5rem;color:var(--primary-color)}.year-display h2{font-size:1.5rem;font-weight:600;margin:0}.months-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.month-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-sm)}.month-card.has-articles:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.month-card.no-articles{opacity:.6}.month-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s ease}.month-card.has-articles .month-header:hover{background:var(--background-color)}.month-info{flex:1}.month-name{font-size:1.25rem;font-weight:600;color:var(--primary-color);margin:0 0 .5rem}.month-meta{display:flex;flex-direction:column;gap:.75rem}.article-count{font-size:.875rem;color:var(--text-secondary);font-weight:500}.specialty-tags{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.specialty-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-md);font-weight:500;text-transform:capitalize}.specialty-badge.badge-red{background:#fef2f2;color:#dc2626}.specialty-badge.badge-purple{background:#faf5ff;color:#9333ea}.specialty-badge.badge-green{background:#f0fdf4;color:#16a34a}.specialty-badge.badge-blue{background:#eff6ff;color:#2563eb}.specialty-badge.badge-yellow{background:#fefce8;color:#ca8a04}.specialty-badge.badge-orange{background:#fff7ed;color:#ea580c}.specialty-badge.badge-pink{background:#fdf2f8;color:#ec4899}.specialty-badge.badge-indigo{background:#eef2ff;color:#6366f1}.specialty-badge.badge-cyan{background:#ecfdf5;color:#06b6d4}.specialty-badge.badge-teal{background:#f0fdfa;color:#0d9488}.specialty-badge.badge-rose{background:#fff1f2;color:#f43f5e}.specialty-badge.badge-violet{background:#f5f3ff;color:#8b5cf6}.specialty-badge.badge-amber{background:#fffbeb;color:#f59e0b}.specialty-badge.badge-emerald{background:#ecfdf5;color:#10b981}.specialty-badge.badge-sky{background:#f0f9ff;color:#0ea5e9}.specialty-badge.badge-lime{background:#f7fee7;color:#65a30d}.specialty-badge.badge-slate{background:#f8fafc;color:#475569}.specialty-badge.badge-stone{background:#fafaf9;color:#78716c}.specialty-badge.badge-zinc{background:#fafafa;color:#71717a}.specialty-badge.badge-gray{background:#f8fafc;color:#64748b}[data-theme=dark] .specialty-badge.badge-red{background:#7f1d1d;color:#f87171}[data-theme=dark] .specialty-badge.badge-purple{background:#581c87;color:#c084fc}[data-theme=dark] .specialty-badge.badge-green{background:#14532d;color:#4ade80}[data-theme=dark] .specialty-badge.badge-blue{background:#1e3a8a;color:#60a5fa}[data-theme=dark] .specialty-badge.badge-yellow{background:#713f12;color:#fbbf24}[data-theme=dark] .specialty-badge.badge-orange{background:#9a3412;color:#fb923c}[data-theme=dark] .specialty-badge.badge-pink{background:#831843;color:#f9a8d4}[data-theme=dark] .specialty-badge.badge-indigo{background:#312e81;color:#a5b4fc}[data-theme=dark] .specialty-badge.badge-cyan{background:#164e63;color:#67e8f9}[data-theme=dark] .specialty-badge.badge-teal{background:#134e4a;color:#5eead4}[data-theme=dark] .specialty-badge.badge-rose{background:#881337;color:#fda4af}[data-theme=dark] .specialty-badge.badge-violet{background:#4c1d95;color:#c4b5fd}[data-theme=dark] .specialty-badge.badge-amber{background:#92400e;color:#fcd34d}[data-theme=dark] .specialty-badge.badge-emerald{background:#064e3b;color:#6ee7b7}[data-theme=dark] .specialty-badge.badge-sky{background:#0c4a6e;color:#7dd3fc}[data-theme=dark] .specialty-badge.badge-lime{background:#365314;color:#a3e635}[data-theme=dark] .specialty-badge.badge-slate{background:#1e293b;color:#94a3b8}[data-theme=dark] .specialty-badge.badge-stone{background:#292524;color:#a8a29e}[data-theme=dark] .specialty-badge.badge-zinc{background:#27272a;color:#a1a1aa}[data-theme=dark] .specialty-badge.badge-gray{background:#374151;color:#9ca3af}.more-specialties{font-size:.75rem;color:var(--text-secondary);font-weight:500}.expand-icon{transition:transform .3s ease;color:var(--text-secondary)}.expand-icon.rotated{transform:rotate(90deg)}.month-articles{border-top:1px solid var(--border-color);padding:1.5rem;background:var(--background-color)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.no-articles-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary);text-align:center}.no-articles-message p{margin:.5rem 0 0;font-size:.875rem}.nav-link:hover{background:var(--background-color)!important;color:var(--text-primary)!important}.nav-link.active{background:var(--accent-color)!important;color:#fff!important}.topic-view{width:100%;max-width:1200px;margin:0 auto}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem}.topic-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-sm)}.topic-card.has-articles:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.topic-card.no-articles{opacity:.6}.topic-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s ease}.topic-card.has-articles .topic-header:hover{background:var(--background-color)}.topic-info{flex:1}.topic-title{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.topic-name{font-size:1.25rem;font-weight:600;color:var(--primary-color);margin:0}.topic-meta{display:flex;flex-direction:column;gap:.5rem}.topic-stats{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary)}.total-views,.total-likes{display:flex;align-items:center;gap:.25rem}.topic-articles{border-top:1px solid var(--border-color);padding:1.5rem;background:var(--background-color)}.topic-articles .articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}[data-theme=dark]{color-scheme:dark}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--card-bg);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-secondary)}.article-text,.article-abstract,.article-card-text{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.article-card-text{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width:767px){.container{padding:0 .75rem}.btn{padding:.625rem 1rem;font-size:.9375rem;min-height:48px}.card{padding:1rem;border-radius:var(--radius-md)}.months-grid,.topics-grid,.articles-grid{grid-template-columns:1fr!important;gap:1rem}.admin-form-container{padding:.75rem;margin:0}.admin-form-grid{grid-template-columns:1fr!important;gap:1rem!important}.admin-form-actions{flex-direction:column-reverse!important;gap:.75rem!important}.admin-form-actions .btn{width:100%;justify-content:center}.month-header,.topic-header,.month-articles,.topic-articles{padding:1rem!important}body{font-size:.9375rem;overflow-x:hidden}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}}@media(max-width:400px){body{font-size:.9375rem}.container{padding:0 .75rem}.card{padding:.875rem}.btn{font-size:.875rem;padding:.625rem 1rem;min-height:44px}.action-bar-container,.comments-section,.comment-card{width:100%;max-width:100%;overflow:visible;box-sizing:border-box}.articles-grid{grid-template-columns:1fr!important;gap:1rem}.admin-form-container{padding:.75rem;margin:0}.admin-form-grid{grid-template-columns:1fr!important;gap:1rem!important}.admin-form-actions{flex-direction:column-reverse!important;gap:.75rem!important}.admin-form-actions .btn{width:100%;justify-content:center}header{padding:.75rem 0}header .logo{font-size:1.125rem}.modal,.popup,.dropdown{max-width:calc(100vw - 1rem);margin:.5rem}}@media(min-width:768px)and (max-width:1023px){.months-grid,.topics-grid,.articles-grid{grid-template-columns:repeat(2,1fr)!important}}.mobile-only{display:none}.desktop-only,.mobile-hide-nav{display:flex}@media(max-width:768px){.mobile-only{display:flex!important}.desktop-only,.mobile-hide-nav{display:none!important}}@media(max-width:480px){.year-picker-overlay{padding:.5rem}.year-picker-popup{width:calc(100vw - 1rem);max-width:none;max-height:85vh;margin:0;box-sizing:border-box}.year-picker-header{padding:.75rem}.year-picker-header h3{font-size:.9rem}.year-picker-grid{padding:.5rem;grid-template-columns:repeat(4,1fr);gap:.3rem;max-height:50vh}.year-range-navigation{padding:.5rem .75rem;gap:.5rem}.year-range-center{gap:.25rem}.year-range-label{font-size:.7rem}.current-year-btn{font-size:.65rem;padding:.25rem .6rem;letter-spacing:0;min-width:auto}.year-range-navigation .btn{width:1.75rem;height:1.75rem;min-height:unset;padding:0}.year-option{padding:.6rem .25rem;font-size:.8rem;min-height:unset}.close-btn{width:1.5rem;height:1.5rem;min-height:unset;padding:0}}@media(min-width:768px)and (max-width:1100px){.user-name-text,.logout-text{display:none!important}.logout-btn{min-width:auto!important;padding:.5rem!important}header nav{gap:.75rem!important}header .container{padding:0 1rem}}@media(min-width:1440px){.container{padding:0 2rem}body{padding:0 1rem}}@media(max-width:480px){.container{padding:0 .75rem}body{padding:0 .25rem;overflow-x:hidden;max-width:100vw}.card{margin-left:.25rem;margin-right:.25rem}}@media(max-width:767px){.p-mobile-sm{padding:.5rem!important}.p-mobile-md{padding:1rem!important}.px-mobile-sm{padding-left:.5rem!important;padding-right:.5rem!important}.py-mobile-sm{padding-top:.5rem!important;padding-bottom:.5rem!important}.m-mobile-sm{margin:.5rem!important}.mb-mobile-md{margin-bottom:1rem!important}.mt-mobile-md{margin-top:1rem!important}}.year-display-container{position:relative}.year-picker-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.year-picker-popup{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:90%;max-width:400px;max-height:80vh;overflow:hidden;animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.year-picker-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--background-color)}.year-picker-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--primary-color)}.close-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.close-btn:hover{background:var(--error-color);color:#fff;border-color:var(--error-color)}.year-range-navigation{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--background-color)}.year-range-center{display:flex;flex-direction:column;align-items:center;gap:.5rem}.year-range-label{font-weight:600;color:var(--text-primary);font-size:.875rem;letter-spacing:.05em}.current-year-btn{padding:.4rem 1rem;font-size:.75rem;font-weight:600;background:var(--accent-color);color:#fff;border:1px solid var(--accent-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #3b82f633;text-transform:uppercase;letter-spacing:.025em;position:relative;overflow:hidden;min-width:fit-content;white-space:nowrap}.current-year-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.current-year-btn:active{transform:translateY(0);transition-duration:.1s}.current-year-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}[data-theme=dark] .current-year-btn{box-shadow:0 2px 4px #60a5fa4d}[data-theme=dark] .current-year-btn:hover{box-shadow:0 4px 8px #60a5fa66}.year-range-navigation .btn{width:2rem;height:2rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.year-range-navigation .btn:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.year-range-navigation .btn:disabled{opacity:.5;cursor:not-allowed;background:var(--background-color)}.year-picker-grid{padding:1.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;max-height:45vh;overflow-y:auto}.year-option{display:flex;align-items:center;justify-content:center;padding:.75rem .5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s ease}.year-option:hover{background:var(--background-color);border-color:var(--accent-color);transform:translateY(-1px)}.year-option.selected{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:var(--shadow-md)}.year-option.selected:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.year-picker-grid::-webkit-scrollbar{width:6px}.year-picker-grid::-webkit-scrollbar-track{background:var(--background-color);border-radius:3px}.year-picker-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.year-picker-grid::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme=dark] .year-picker-grid::-webkit-scrollbar-track{background:var(--card-bg)}[data-theme=dark] .year-picker-grid::-webkit-scrollbar-thumb{background:var(--border-color)}[data-theme=dark] .year-picker-grid::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.topic-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-lg);color:#fff;font-weight:600}.topic-icon.badge-red{background:linear-gradient(135deg,#dc2626,#ef4444)}.topic-icon.badge-purple{background:linear-gradient(135deg,#9333ea,#a855f7)}.topic-icon.badge-green{background:linear-gradient(135deg,#16a34a,#22c55e)}.topic-icon.badge-blue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.topic-icon.badge-yellow{background:linear-gradient(135deg,#ca8a04,#eab308)}.topic-icon.badge-orange{background:linear-gradient(135deg,#ea580c,#f97316)}.topic-icon.badge-pink{background:linear-gradient(135deg,#db2777,#ec4899)}.topic-icon.badge-indigo{background:linear-gradient(135deg,#4338ca,#6366f1)}.topic-icon.badge-cyan{background:linear-gradient(135deg,#0891b2,#06b6d4)}.topic-icon.badge-teal{background:linear-gradient(135deg,#0d9488,#14b8a6)}.topic-icon.badge-gray{background:linear-gradient(135deg,#64748b,#94a3b8)}.view-toggle{display:flex;gap:.5rem;padding:.25rem;background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color)}.view-toggle .btn{margin:0;border-radius:calc(var(--radius-md) - .25rem)}[data-theme=dark] ::-webkit-scrollbar{width:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--card-bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.admin-sidebar-nav{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.admin-sidebar-nav::-webkit-scrollbar{width:4px}.admin-sidebar-nav::-webkit-scrollbar-track{background:transparent}.admin-sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.admin-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff80}.admin-nav-item{position:relative;overflow:hidden}.admin-nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.admin-nav-item:hover:before{left:100%}@media(max-width:768px){.admin-sidebar-nav{padding:.5rem!important}.admin-nav-item{margin-bottom:.25rem!important}.table{font-size:.875rem}.table th,.table td{padding:.5rem!important;white-space:nowrap}.btn{font-size:.875rem;padding:.5rem 1rem}.card{padding:1rem!important}}@media(max-width:767px){.login-container{max-width:100%!important;margin:1rem auto!important;padding:0 .75rem}.login-card{padding:1.5rem 1rem!important}.login-tabs{margin-bottom:1.25rem!important}.login-tab-button{padding:.75rem .5rem!important;font-size:.9rem!important}}.filter-panel-container{position:relative;display:inline-block}.filter-backdrop{position:fixed;inset:0;background:#00000080;z-index:99;display:none}@media(min-width:768px){.filter-backdrop{display:none!important}}.filter-backdrop.active{display:block;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn-filter{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-weight:500;color:var(--text-primary);transition:all .2s}.btn-filter:hover{background:var(--bg-secondary)}.btn-filter.active{background:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color)}.filter-badge{background:var(--primary-color);color:#fff;font-size:.75rem;padding:.1rem .4rem;border-radius:10px;min-width:1.2rem;text-align:center}.filter-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;width:320px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;border:1px solid var(--border-color);z-index:100;overflow:hidden}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.filter-header h3{margin:0;font-size:1.1rem}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px}.close-btn:hover{background:var(--bg-secondary)}.filter-content{padding:1rem;max-height:400px;overflow-y:auto}.filter-section{margin-bottom:1.5rem}.filter-section:last-child{margin-bottom:0}.filter-section h4{margin:0 0 .75rem;font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.topics-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;padding:.25rem 0}.checkbox-label input{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#fff}.checkbox-label input:checked+.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.section-header h4{margin:0}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.date-selectors{display:flex;gap:.5rem}.date-select{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:var(--text-primary)}.custom-select-wrapper{position:relative;flex:1}.custom-select-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.625rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.95rem;transition:all .2s;min-height:44px}.custom-select-button:hover{background:var(--bg-secondary);border-color:var(--accent-color)}.custom-select-button:focus{outline:2px solid var(--accent-color);outline-offset:2px}.custom-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-md);max-height:200px;overflow-y:auto;z-index:10;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:.95rem;text-align:left;transition:background .15s;min-height:44px}.custom-select-option:hover{background:var(--bg-secondary)}.custom-select-option.selected{background:var(--accent-color);color:#fff;font-weight:500}.custom-select-option.selected:hover{background:var(--accent-hover)}[data-theme=dark] .custom-select-button{background:var(--bg-primary)}[data-theme=dark] .custom-select-button:hover{background:var(--card-bg)}[data-theme=dark] .custom-select-dropdown{background:var(--bg-primary);box-shadow:0 4px 20px #00000080}[data-theme=dark] .custom-select-option:hover{background:var(--card-bg)}.filter-actions{padding:1rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.btn-text{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem}.btn-text:hover{color:var(--text-primary);text-decoration:underline}.apply-btn{padding:.5rem 1.5rem;border-radius:6px;font-size:.9rem}[data-theme=dark] .filter-backdrop{background:#000000b3}[data-theme=dark] .btn-filter{background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn-filter:hover{background:var(--bg-primary)}[data-theme=dark] .btn-filter.active{background:#3b82f633;color:var(--accent-color);border-color:var(--accent-color)}[data-theme=dark] .filter-dropdown{background:var(--card-bg);border-color:var(--border-color);box-shadow:0 4px 20px #00000080}[data-theme=dark] .filter-header{border-bottom-color:var(--border-color)}[data-theme=dark] .filter-actions{background:var(--bg-primary);border-top-color:var(--border-color)}[data-theme=dark] .date-select{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .slider{background-color:var(--border-color)}[data-theme=dark] input:checked+.slider{background-color:var(--accent-color)}@media(max-width:767px){.filter-dropdown{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:85vh;margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:slideUp .3s ease-out;z-index:100;overflow:hidden;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.filter-header{padding:1.25rem 1rem;flex-shrink:0}.filter-header h3{font-size:1.125rem}.filter-content{padding:1rem;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto}.topics-list{max-height:180px;overflow-y:auto;-webkit-overflow-scrolling:touch}.checkbox-label{padding:.5rem 0;font-size:1rem}.checkbox-custom{width:20px;height:20px;min-width:20px}.date-select{padding:.625rem 2rem .625rem .625rem;font-size:1rem;min-height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center}.custom-select-button{padding:.75rem;font-size:1rem;min-height:48px}.custom-select-dropdown{max-height:180px}.custom-select-option{padding:.75rem;font-size:1rem;min-height:48px}.date-selectors{flex-direction:column;gap:.75rem}.date-selectors select{width:100%}.filter-actions{padding:1rem;flex-shrink:0}.apply-btn{padding:.75rem 1.5rem;font-size:1rem;min-height:48px}.btn-text{font-size:1rem;min-height:44px;padding:.5rem}.btn-filter{padding:.625rem 1rem;font-size:.9375rem;min-height:44px}}@media(max-width:480px){.filter-dropdown{max-height:80vh}.filter-header{padding:1rem .75rem}.filter-header h3{font-size:1rem}.close-btn{padding:.5rem;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.filter-content{padding:.75rem;max-height:55vh;flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.filter-section{margin-bottom:1rem}.filter-section h4{font-size:.85rem;margin-bottom:.5rem}.topics-list{max-height:150px;gap:.35rem}.checkbox-label{padding:.4rem 0;font-size:.9375rem}.label-text{line-height:1.4}.date-selectors{gap:.5rem}.date-select{padding:.75rem .5rem;font-size:16px;min-height:48px;border-radius:var(--radius-md);font-weight:500}.custom-select-button{padding:.875rem .75rem;font-size:16px;min-height:48px;border-radius:var(--radius-md)}.custom-select-dropdown{max-height:160px;border-radius:var(--radius-md)}.custom-select-option{padding:.875rem .75rem;font-size:.9375rem;min-height:48px}[data-theme=dark] .date-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.section-header{margin-bottom:.5rem}.switch{width:44px;height:24px}.slider:before{height:20px;width:20px}input:checked+.slider:before{transform:translate(20px)}.filter-actions{padding:.75rem;gap:.75rem;flex-shrink:0}.btn-text{font-size:.9375rem}.apply-btn{flex:1;padding:.875rem 1rem;font-size:.9375rem}}.audio-player-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm);width:100%}.audio-controls-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.play-pause-btn{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.play-pause-btn:hover{transform:scale(1.05);background:var(--accent-hover)}.audio-info{flex:1;overflow:hidden}.audio-title{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);margin-bottom:.25rem}.time-display{font-size:.8rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.audio-controls-bottom{display:flex;align-items:center;gap:1rem}.progress-container{flex:1;display:flex;align-items:center;gap:.75rem}.progress-bar{flex:1;height:4px;background:var(--border-color);border-radius:2px;position:relative;cursor:pointer;appearance:none;-webkit-appearance:none;outline:none}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:var(--primary-color);cursor:pointer;margin-top:-4px;box-shadow:0 1px 3px #0000004d}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:var(--border-color);border-radius:2px}input[type=range]::-moz-range-thumb{height:12px;width:12px;border:none;border-radius:50%;background:var(--primary-color);cursor:pointer;box-shadow:0 1px 3px #0000004d}input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;background:var(--border-color);border-radius:2px}.volume-control{display:flex;align-items:center;gap:.5rem;width:100px}.volume-slider{width:60px}.speed-control{position:relative}.speed-btn{background:none;border:1px solid var(--border-color);border-radius:4px;padding:.25rem .5rem;font-size:.8rem;font-weight:600;color:var(--text-secondary);cursor:pointer;min-width:3rem;text-align:center}.speed-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.download-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.download-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .audio-player-container{background:var(--bg-primary)}[data-theme=dark] .play-pause-btn{background:var(--accent-color)}[data-theme=dark] .play-pause-btn:hover{background:var(--accent-hover)}[data-theme=dark] .progress-bar,[data-theme=dark] input[type=range]::-webkit-slider-runnable-track,[data-theme=dark] input[type=range]::-moz-range-track{background:var(--border-color)}[data-theme=dark] input[type=range]::-webkit-slider-thumb,[data-theme=dark] input[type=range]::-moz-range-thumb{background:var(--accent-color)}[data-theme=dark] .speed-btn{border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .speed-btn:hover{background:var(--bg-primary);color:var(--text-primary)}@media(max-width:767px){.audio-player-container{padding:.875rem}.audio-controls-top{gap:.75rem}.play-pause-btn{width:48px;height:48px}.audio-title{font-size:.875rem}.time-display{font-size:.75rem}.audio-controls-bottom{flex-direction:column;gap:.75rem;align-items:stretch}.progress-container{width:100%;order:1}.volume-control{width:100%;order:2;justify-content:center}.volume-slider{flex:1;max-width:150px}.speed-control{order:3;display:flex;justify-content:center}.speed-btn{padding:.5rem 1rem;font-size:.875rem;min-width:4rem;min-height:44px}.download-btn{padding:.5rem;min-width:44px;min-height:44px}input[type=range]::-webkit-slider-thumb{height:16px;width:16px;margin-top:-6px}input[type=range]::-moz-range-thumb{height:16px;width:16px}input[type=range]::-webkit-slider-runnable-track,input[type=range]::-moz-range-track{height:6px}}.action-bar-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:2rem;position:relative;z-index:1;width:100%;max-width:100%;overflow:visible}.action-group{display:flex;align-items:center;gap:1.5rem}.action-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s;visibility:visible;opacity:1;flex-shrink:0;white-space:nowrap}.action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.like-btn.active{color:#ef4444;background:#fee2e2}.rating-container{display:flex;align-items:center;gap:.25rem}.star-btn{background:none;border:none;padding:0;color:var(--text-secondary);cursor:pointer;transition:transform .1s}.star-btn:hover{transform:scale(1.1)}.star-btn.active{color:#eab308}.star-btn.rated{color:#eab308;cursor:default;opacity:.8}.star-btn.rated:hover{transform:none;color:#eab308}.star-btn.submitting{opacity:.5;cursor:not-allowed}.star-btn:disabled{cursor:not-allowed;opacity:.6}.star-btn:disabled:hover{transform:none}.rating-text{margin-left:.5rem;font-size:.9rem;color:var(--text-secondary);font-weight:500;min-width:80px}.share-container{position:relative}.share-menu{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-md);padding:.5rem;min-width:160px;z-index:10;display:flex;flex-direction:column;gap:.25rem;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.share-menu button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;background:none;border:none;text-align:left;font-size:.9rem;color:var(--text-primary);cursor:pointer;border-radius:4px;transition:background .15s ease}.share-menu button:hover{background:var(--bg-secondary)}.icon-whatsapp{font-weight:700;color:#25d366}@media(max-width:767px){.action-bar-container{flex-direction:column;gap:1.25rem;padding:1.25rem 1rem;align-items:stretch;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--card-bg) 100%);border-radius:var(--radius-lg);margin-bottom:2rem;border:2px solid var(--border-color);box-shadow:0 2px 8px #0000000d}.action-bar-container:before{content:"📄 Article Actions";font-size:.9375rem;font-weight:700;color:var(--accent-color, #2563eb);text-transform:uppercase;letter-spacing:.08em;padding-bottom:.75rem;border-bottom:2px solid var(--accent-color, #2563eb);margin-bottom:.75rem;text-align:center}.action-group{justify-content:space-around;gap:1rem;flex-wrap:wrap}.action-btn{padding:.875rem 1rem;font-size:.9375rem;min-height:52px;flex:1;min-width:120px;justify-content:center;border-radius:var(--radius-md);background:var(--card-bg);border:2px solid var(--border-color);font-weight:600;box-shadow:0 1px 3px #00000014}.action-btn:hover{background:var(--bg-primary);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}.like-btn.active{background:#ef444426;border-color:#ef444466;color:#ef4444;font-weight:700}.rating-container{flex-wrap:wrap;justify-content:center;width:100%;padding:.75rem;background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color)}.star-btn{padding:.5rem;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.rating-text{width:100%;text-align:center;margin:.5rem 0 0;font-size:.875rem;font-weight:600}.share-container{position:relative;width:100%}.share-btn{width:100%;background:var(--card-bg);border:1px solid var(--border-color)}.share-menu{position:absolute;bottom:auto;top:calc(100% + .5rem);left:50%;right:auto;transform:translate(-50%);margin:0;min-width:220px;max-width:90vw;z-index:10}.action-bar-container.inline-mode{display:none;padding:0;border:none;margin:0}.mobile-inline-like{display:none}.mobile-inline-like{display:flex;align-items:flex-start;flex-shrink:0}.action-bar-container.inline-mode{display:flex;padding:0;border:none;margin:0;background:none;box-shadow:none;flex-direction:column;align-items:center}.action-bar-container.inline-mode:before{display:none}.action-bar-container.inline-mode .action-group{gap:0;justify-content:center;flex-direction:column;align-items:center}.action-bar-container.inline-mode .action-btn{padding:.35rem .5rem;min-height:auto;min-width:auto;flex:none;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:48px;height:auto;justify-content:center;display:flex;flex-direction:column;align-items:center;gap:.15rem}.action-bar-container.inline-mode .action-btn span{display:block;font-size:.625rem;font-weight:600;line-height:1;margin-top:.1rem}.action-bar-container.inline-mode .action-btn svg{margin:0;width:20px;height:20px}.action-bar-container.inline-mode .like-btn.active{background:#ef444433;border-color:#ef444480}.action-bar-container:not(.inline-mode){display:none!important}}@media(min-width:480px)and (max-width:767px){.action-bar-container{flex-direction:row;flex-wrap:wrap;padding:1rem;gap:1rem}.action-group{flex:1 1 auto;min-width:200px;justify-content:center}.rating-container{flex-wrap:nowrap}.rating-text{width:auto;margin-left:.5rem}}@media(min-width:768px)and (max-width:1023px){.action-bar-container{padding:1rem .75rem}.action-group{gap:1rem}.action-btn{font-size:.875rem;padding:.5rem .75rem}}@media(max-width:400px){.action-bar-container{padding:1rem .75rem;gap:1rem}.action-bar-container:before{font-size:.8125rem;padding-bottom:.625rem}.action-group{gap:.75rem;width:100%}.action-btn{padding:.75rem;font-size:.875rem;min-height:48px;min-width:100px}.action-btn span{font-size:.875rem}.action-bar-container.inline-mode .action-btn{width:44px;padding:.3rem .5rem}.action-bar-container.inline-mode .action-btn svg{width:18px;height:18px}.action-bar-container.inline-mode .action-btn span{font-size:.5625rem}.like-btn{display:flex!important;visibility:visible!important;opacity:1!important}.like-btn svg,.like-btn span{display:inline-flex!important;visibility:visible!important}.rating-container{padding:.625rem;gap:.125rem}.star-btn{min-width:40px;min-height:40px}.star-btn svg{width:18px;height:18px}.rating-text{font-size:.8125rem;margin-top:.375rem}.share-menu{min-width:180px;font-size:.875rem}}[data-theme=dark] .action-bar-container:before{color:var(--accent-color, #60a5fa)}[data-theme=dark] .like-btn.active{background:#ef444433}[data-theme=dark] .share-menu{background:var(--card-bg);border-color:var(--border-color);box-shadow:0 4px 12px #00000080}[data-theme=dark] .share-menu button{color:var(--text-primary)}[data-theme=dark] .share-menu button:hover,[data-theme=dark] .action-btn:hover{background:var(--bg-primary)}[data-theme=dark] .star-btn{color:var(--text-secondary)}[data-theme=dark] .star-btn.active{color:#fbbf24}[data-theme=dark] .star-btn:hover{color:#fcd34d}[data-theme=dark] .star-btn.rated{color:#fbbf24;opacity:.9}[data-theme=dark] .star-btn.rated:hover{color:#fbbf24}[data-theme=dark] .star-btn.submitting{opacity:.5}[data-theme=dark] .star-btn:disabled{opacity:.4}.comments-section{margin-top:2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.comments-header{padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.comments-header h3{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.toggle-icon{font-size:.8rem;color:var(--text-secondary);transition:transform .3s}.toggle-icon.open{transform:rotate(180deg)}.comments-content{padding:1.5rem}.comment-form{margin-bottom:2rem}.comment-form textarea{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s}.comment-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a}.form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem}.char-count{font-size:.85rem;color:var(--text-secondary)}.submit-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--primary-color, #2563eb);color:#fff!important;border:none;border-radius:6px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s;min-width:140px;justify-content:center}.submit-btn:hover:not(:disabled){background:var(--primary-hover, #1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.submit-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary, #e5e7eb);color:var(--text-secondary, #6b7280)!important}.login-prompt{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);margin-bottom:2rem}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.no-comments{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}.comment-card{padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.comment-card:last-child{border-bottom:none;padding-bottom:0}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.comment-author{display:flex;align-items:center;gap:.75rem}.author-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.author-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.comment-date{font-size:.85rem;color:var(--text-secondary)}.delete-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;opacity:1}.delete-btn:hover{color:#ef4444;background:#fee2e2}[data-theme=dark] .delete-btn{opacity:1}[data-theme=dark] .delete-btn:hover{background:#ef444433;color:#ef4444}.comment-text{color:var(--text-primary);line-height:1.6;white-space:pre-wrap;padding-left:3rem;margin-bottom:.75rem}.comment-footer{display:flex;align-items:center;gap:1rem;margin-top:0;padding-top:.75rem;padding-left:3rem;border-top:1px solid var(--border-color)}.like-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border:1px solid transparent;border-radius:20px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.like-btn .like-text{display:none}.like-btn:hover{background:#ef44441a;color:#ef4444}.like-btn.liked{background:#ef44441a;color:#ef4444;border-color:#ef444433}@media(max-width:767px){.comments-section{border-radius:var(--radius-md);margin-top:2.5rem}.comments-header{padding:1rem;background:var(--bg-primary);position:sticky;top:60px;z-index:5}.comments-header h3{font-size:1.0625rem;font-weight:700}.comments-content{padding:1rem}.comment-form textarea{min-height:100px;font-size:1rem}.form-footer{flex-direction:column;align-items:stretch;gap:.75rem}.char-count{text-align:center;order:2}.submit-btn{order:1;width:100%;padding:.75rem 1.25rem}.comment-card{padding:1rem;margin-bottom:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.comment-header{flex-direction:column;align-items:flex-start;gap:.5rem;position:relative}.author-avatar{width:36px;height:36px}.author-name{font-size:.9375rem;font-weight:600}.comment-date{font-size:.8125rem}.comment-text{padding-left:0;margin-top:.75rem;margin-bottom:.5rem;font-size:.9375rem;line-height:1.6}.comment-footer{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;padding-top:0;padding-left:0;border-top:none}.comment-footer .like-btn{padding:.5rem 1rem;font-size:.875rem;min-height:44px;border-radius:22px;font-weight:600;border-width:1.5px;background:var(--bg-primary);border:1.5px solid var(--border-color)}.comment-footer .like-btn:before{content:"";margin-right:0}.comment-footer .like-btn .like-text{display:inline;margin-left:.25rem}.comment-footer .like-btn.liked{background:#ef444426;border-color:#ef444466}.comment-footer .reply-btn{padding:.5rem 1rem;font-size:.875rem;min-height:44px;font-weight:600;background:var(--bg-primary);border:1.5px solid var(--border-color)}.like-btn,.delete-btn{opacity:1;position:absolute;top:.5rem;right:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);padding:.5rem;border-radius:6px}.login-prompt{padding:1.5rem 1rem;font-size:.9375rem}.comment-footer .like-btn,.comment-footer .reply-btn{display:flex!important;visibility:visible!important;opacity:1!important}.comment-footer .like-btn svg,.comment-footer .like-btn span,.comment-footer .reply-btn svg,.comment-footer .reply-btn span{display:inline-flex!important;visibility:visible!important}}@media(max-width:400px){.comments-section{margin-top:2rem}.comments-header{padding:.875rem .75rem}.comments-header h3{font-size:1rem}.comments-content{padding:.875rem}.comment-card{padding:.875rem;margin-bottom:.875rem}.comment-text{font-size:.875rem;margin-bottom:.5rem}.comment-footer{gap:.5rem;flex-direction:row;flex-wrap:wrap;align-items:stretch;padding-left:0;margin-top:.5rem}.comment-footer .like-btn,.comment-footer .reply-btn{flex:1;min-width:calc(50% - .25rem);justify-content:center;padding:.625rem .75rem;font-size:.8125rem;min-height:44px}.delete-btn{padding:.4rem;width:36px;height:36px}.delete-btn svg{width:16px;height:16px}.reply-form{padding:.875rem}.reply-form textarea{font-size:.9375rem}.replies-list{margin-left:.75rem;padding-left:.5rem}}@media(min-width:480px)and (max-width:767px){.comments-section{border-radius:var(--radius-lg)}.comments-content{padding:1.25rem}.comment-form textarea{min-height:90px}.comment-text{padding-left:2rem;font-size:.9375rem}.comment-footer{flex-wrap:nowrap;gap:.875rem}}@media(min-width:768px)and (max-width:1023px){.comments-content{padding:1.5rem 1.25rem}.comment-card{padding-bottom:1.5rem}}.replies-list{margin-left:2rem;border-left:2px solid var(--border-color);padding-left:1rem;margin-top:1rem}.reply-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border:1px solid transparent;border-radius:20px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.reply-btn:hover{background:var(--bg-primary);color:var(--primary-color);border-color:var(--primary-color)}.reply-form{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;animation:slideDown .2s ease-out}.reply-form textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;resize:vertical;margin-bottom:.75rem}.reply-actions{display:flex;justify-content:flex-end;gap:.75rem}.cancel-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .2s}.cancel-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.submit-reply-btn{padding:.5rem 1rem;background:var(--primary-color, #2563eb);color:#fff!important;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.submit-reply-btn:hover:not(:disabled){background:var(--primary-hover, #1d4ed8)}.submit-reply-btn:disabled{opacity:.5;cursor:not-allowed}.view-replies-btn{background:none;border:none;color:var(--primary-color, #2563eb);font-size:.85rem;font-weight:500;cursor:pointer;padding:.5rem 0;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.view-replies-btn:hover{text-decoration:underline}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.replies-list{margin-left:1rem;padding-left:.75rem}}[data-theme=dark] .submit-btn{background:var(--accent-color, #3b82f6);color:#fff!important}[data-theme=dark] .submit-btn:hover:not(:disabled){background:var(--accent-hover, #2563eb)}[data-theme=dark] .submit-btn:disabled{background:var(--bg-secondary, #1e293b);color:var(--text-secondary, #94a3b8)!important}[data-theme=dark] .comment-form textarea{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .comment-form textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f633}[data-theme=dark] .login-prompt{background:var(--bg-primary)}[data-theme=dark] .like-btn:hover{background:#ef444426}[data-theme=dark] .like-btn.liked{background:#ef444433}.article-container{max-width:800px;margin:0 auto;padding:0 .5rem}.article-header{margin-bottom:2rem}.article-back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;padding:.5rem 0;margin-bottom:1.5rem;transition:color .2s ease}.article-back-link:hover{color:var(--text-primary)}.article-specialty-badge{display:inline-block;margin-bottom:1rem}.article-title{font-size:clamp(1.5rem,5vw,2.25rem);font-weight:800;color:var(--text-primary);line-height:1.2;margin-bottom:1rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.article-abstract{font-size:clamp(.9375rem,2.5vw,1.125rem);color:var(--text-secondary);line-height:1.6;word-break:break-word;overflow-wrap:break-word;margin:0}.visual-abstract-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;margin-bottom:2rem;position:relative;box-shadow:var(--shadow-md);max-height:80vh}.visual-abstract-container.draggable{cursor:move}.zoom-controls{position:absolute;top:.5rem;right:.5rem;display:flex;flex-direction:column;gap:.375rem;z-index:100}.zoom-btn{background-color:#000000b3;color:#fff;border:none;border-radius:.375rem;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 8px #0000004d;transition:all .2s ease;min-width:2.5rem;min-height:2.5rem;font-size:1.2rem}.zoom-btn:hover{background-color:#000000d9;transform:scale(1.05)}.zoom-btn:active{transform:scale(.95)}.zoom-btn.reset{font-size:.75rem;padding:.35rem .7rem}.image-wrapper{width:100%;height:100%;overflow:hidden;position:relative}.image-wrapper.grabbable{cursor:grab}.image-wrapper.grabbing{cursor:grabbing}.zoomable-image{width:100%;height:auto;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.audio-section{margin-bottom:2rem}.audio-section-title{font-size:clamp(.9375rem,2.5vw,1rem);font-weight:600;margin-bottom:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.full-article-button-container{margin-bottom:2rem;text-align:center;padding:0 .5rem}.full-article-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:400px;padding:clamp(.75rem,2vw,.875rem) clamp(1rem,3vw,1.5rem);font-size:clamp(.9375rem,2.5vw,1rem);font-weight:600;text-decoration:none;transition:all .2s ease}.full-article-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.mobile-inline-like{display:none}@media(min-width:768px){.mobile-inline-like{display:none!important}}@media(max-width:767px){.mobile-inline-like{display:flex;align-items:flex-start;flex-shrink:0}.article-container{padding:0 .75rem}.article-header{margin-bottom:1.5rem}.article-back-link{font-size:.875rem;padding:.375rem 0;margin-bottom:1rem}.article-title{margin-bottom:.75rem}.visual-abstract-container{border-radius:.75rem;max-height:60vh}.zoom-controls{top:.375rem;right:.375rem;gap:.25rem}.zoom-btn{min-width:2rem;min-height:2rem;font-size:1rem;padding:.375rem}.zoom-btn.reset{font-size:.625rem;padding:.25rem .5rem}.audio-section,.full-article-button-container{margin-bottom:1.5rem}}@media(max-width:480px){.article-container{padding:0 .5rem}.article-header{margin-bottom:1.25rem}.article-back-link{font-size:.8125rem}.visual-abstract-container{max-height:50vh;border-radius:.5rem}.zoom-controls{gap:.25rem}.zoom-btn{min-width:1.75rem;min-height:1.75rem;font-size:.9rem}.zoom-btn.reset{font-size:.5625rem;padding:.25rem .4rem}}@media(max-width:400px){.article-container,article{width:100%;max-width:100%;overflow-x:visible;padding:0 .75rem}.action-bar-container{width:100%;max-width:100%;overflow:visible;display:flex!important}.comments-section{width:100%;max-width:100%;overflow:visible}.card{width:100%;max-width:100%;box-sizing:border-box}}[data-theme=dark] .visual-abstract-container{background-color:var(--card-bg);box-shadow:0 4px 20px #00000080}[data-theme=dark] .zoom-btn{background-color:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .zoom-btn:hover{background-color:#ffffff40}@media(prefers-reduced-motion:no-preference){.article-back-link,.zoom-btn,.full-article-button{transition:all .2s ease}}@media print{.article-back-link,.zoom-controls,.audio-section,.full-article-button-container{display:none}.visual-abstract-container{max-height:none;page-break-inside:avoid}.article-title{page-break-after:avoid}}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--card-bg);color:var(--text-primary);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary)}.form-error{color:var(--error-color);font-size:.875rem;margin-top:.25rem}.form-help{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea,[data-theme=dark] .form-select{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus,[data-theme=dark] .form-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #60a5fa33}.upload-container{position:relative;display:block;width:100%}.upload-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}.upload-button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;white-space:nowrap;position:relative;z-index:0;transition:all .2s ease}.upload-button:hover:not(:disabled){background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.upload-button:disabled{opacity:.6;cursor:not-allowed}.upload-button.uploading{font-size:.875rem;padding:0 .75rem}.file-input-group{display:flex;gap:.5rem;align-items:stretch}.file-input-group .form-input{flex:1}.file-input-group .upload-container{flex-shrink:0}@media(max-width:768px){.form-group{margin-bottom:1.25rem}.form-input,.form-textarea,.form-select{padding:.875rem .75rem;font-size:1rem;min-height:48px}.form-label{margin-bottom:.625rem;font-size:.9375rem}.upload-button{padding:.875rem .75rem!important;font-size:.9375rem;min-height:48px}}@media(max-width:400px){.form-group{margin-bottom:1rem}.form-input,.form-textarea,.form-select{padding:.75rem;font-size:.9375rem;min-height:48px}.form-label{font-size:.875rem;margin-bottom:.5rem}.upload-button{padding:.75rem!important;font-size:.875rem!important;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-button svg{flex-shrink:0}.file-input-group{flex-direction:column;gap:.75rem}.form-error,.form-help{font-size:.8125rem;line-height:1.4}}@media(max-width:768px)and (orientation:landscape){.form-group{margin-bottom:1rem}.form-input,.form-textarea,.form-select{padding:.625rem .75rem}}@media(hover:none)and (pointer:coarse){.upload-button{min-height:48px;padding:.75rem 1rem}.form-input:focus,.form-textarea:focus,.form-select:focus{box-shadow:0 0 0 3px #3b82f633;transform:none}}