*{box-sizing:border-box}html{overflow-x:hidden}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-primary: #ffffff;--bg-secondary: #f7f7f7;--bg-tertiary: #f3f3f3;--text-primary: #213547;--text-secondary: #666666;--text-tertiary: #333333;--border-color: #ccc;--border-light: #bbb7b7;--shadow: 0 2px 6px rgba(0, 0, 0, .05);--shadow-hover: 0 4px 8px rgba(0, 0, 0, .1);--nav-bg: #4786e4;--nav-text: #ffffff;--card-bg: #ffffff;--input-bg: #f7f7f7;--input-text: #353535;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3a3a3a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-tertiary: #e0e0e0;--border-color: #444444;--border-light: #555555;--shadow: 0 2px 6px rgba(0, 0, 0, .3);--shadow-hover: 0 4px 8px rgba(0, 0, 0, .4);--nav-bg: #263fbc;--nav-text: #ffffff;--card-bg: #2d2d2d;--input-bg: #3a3a3a;--input-text: #ffffff}a{font-weight:500;color:var(--text-primary);text-decoration:inherit}a:hover{color:var(--text-secondary)}input,select,textarea{background-color:var(--input-bg);color:var(--input-text);border:1px solid var(--border-color);transition:all .3s ease}input:focus,select:focus,textarea:focus{outline:2px solid var(--border-color);outline-offset:2px}body{margin:0;padding:0;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;overflow-x:hidden;box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .3s ease}button:hover{border-color:var(--border-color);background-color:var(--bg-tertiary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;position:fixed;width:100%;top:0;z-index:999;transition:all .3s ease;background-color:var(--nav-bg);color:var(--nav-text);flex-wrap:wrap;box-sizing:border-box}.navbar .logo{font-size:24px;font-weight:700;font-style:italic;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease}.navbar .logo.active{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.navbar .nav-links-desktop{display:flex;gap:20px}.navbar .nav-links-desktop a{text-decoration:none;font-size:16px;color:inherit;transition:color .3s ease}.navbar .nav-links-desktop a:hover{text-decoration:underline}.navbar .nav-links-desktop a.active{color:#fff;font-weight:700;text-decoration:underline}.navbar .navbar-right{display:flex;align-items:center;gap:10px;font-weight:700}.navbar .fixed-buttons{display:flex;gap:10px}.navbar .analytics-btn,.navbar .language-btn,.navbar .theme-toggle{padding:6px 10px!important;font-size:14px!important;border:1px solid currentColor!important;background:transparent!important;border-radius:5px!important;cursor:pointer;transition:all .3s ease;color:var(--nav-text)!important;font-weight:400!important}.navbar .analytics-btn.active{background-color:#fff3!important;border-color:#fff!important;color:#fff!important;font-weight:700!important}.navbar .analytics-btn:hover,.navbar .language-btn:hover,.navbar .theme-toggle:hover{background-color:#ffffff1a!important;border-color:currentColor!important}.navbar .language-dropdown-container{position:relative}.navbar .language-dropdown{position:absolute;top:100%;right:0;background-color:var(--nav-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-hover);z-index:1001;min-width:200px;max-height:300px;overflow-y:auto;margin-top:5px}.navbar .language-option{display:flex;align-items:center;gap:10px;padding:10px 15px;cursor:pointer;transition:all .3s ease;border-bottom:1px solid var(--border-color)}.navbar .language-option:last-child{border-bottom:none}.navbar .language-option:hover{background-color:#ffffff1a}.navbar .language-option.active{background-color:#fff3;font-weight:700}.navbar .language-flag{font-size:16px}.navbar .language-name{font-size:14px;color:var(--nav-text)}.navbar .hamburger{display:none;flex-direction:column;cursor:pointer}.navbar .hamburger span{height:3px;width:25px;background-color:currentColor;margin:4px 0}.navbar .dropdown-menu{position:absolute;top:60px;right:20px;background-color:var(--nav-bg);padding:10px 15px;border-radius:8px;display:none;flex-direction:column;gap:10px;box-shadow:var(--shadow-hover);z-index:1000}.navbar .dropdown-menu a{text-decoration:none;color:var(--nav-text);font-size:14px}.navbar .dropdown-menu a.active{color:#fff;font-weight:700}.navbar .dropdown-menu.active{display:flex}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start;padding:10px}.navbar .navbar-right{width:100%;justify-content:space-between}.navbar .nav-links-desktop{display:none}.navbar .hamburger{display:flex}.navbar .dropdown-menu{position:static;width:100%;box-shadow:none;background-color:var(--nav-bg);flex-direction:column}.navbar .dropdown-menu.active{display:flex}.navbar .dropdown-menu a{padding:10px;font-size:16px;width:100%}.navbar .language-dropdown{right:auto;left:0;min-width:180px}}.landing-page{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;width:100%}.landing-page .app{width:100%;height:100%;padding:100px 20px 40px;margin:0;background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;box-sizing:border-box;overflow-x:hidden}[data-theme=light] .landing-page .app{background:linear-gradient(to bottom right,#e0f2f1,#e3f2fd,#fff)}[data-theme=dark] .landing-page .app{background:linear-gradient(to bottom right,#1a1a2e,#16213e,#0f3460)}.header{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px;align-items:center;width:100%}.search{flex:1;padding:10px;font-size:13px;background-color:var(--input-bg);border:1px solid var(--border-light);color:var(--input-text);transition:all .3s ease}select{padding:10px;flex:1;font-size:14px;background-color:var(--input-bg);border:1px solid var(--border-light);color:var(--input-text);transition:all .3s ease}.articles{display:flex;width:100%;height:100%;flex-direction:column;gap:40px;align-items:center;margin:0 auto}.card{display:flex;flex-wrap:wrap;border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:6px;overflow:hidden;box-shadow:var(--shadow);transition:all .3s ease;width:100%;position:relative}.image-container{position:relative;width:100%;max-width:250px;height:300px;overflow:hidden;flex-shrink:0}.image{width:100%;height:100%;object-fit:cover}.save-button{position:absolute;top:10px;right:10px;background:#ffffffe6;border:none;cursor:pointer;padding:3px;border-radius:3px;transition:all .3s ease}.icon{color:var(--text-secondary)}.summarize{position:absolute;bottom:10px;right:10px;background:#ffffffe6;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:12px;color:#333;transition:all .3s ease}.translate-button{position:absolute;bottom:40px;right:10px;background:#ffffffe6;border:none;padding:8px;border-radius:4px;cursor:pointer;color:#333;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.translate-button:hover{background:#fff;transform:scale(1.05)}.translate-button:disabled{opacity:.6;cursor:not-allowed}.tts-button{position:absolute;top:10px;right:70px;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.tts-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 8px #0003}.tts-button.playing{background:#4caf50e6;color:#fff}.tts-button.paused{background:#ff9800e6;color:#fff}.tts-button.stopped{background:#ffffffe6;color:#333}.tts-stop-button{position:absolute;top:10px;right:120px;background:#f44336e6;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;color:#fff}.tts-stop-button:hover{background:#f44336;transform:scale(1.1);box-shadow:0 4px 8px #0003}.card-tts-controls{position:absolute;bottom:15px;right:15px;display:flex;gap:8px;align-items:center}.tts-card-button{background:var(--nav-bg);color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;z-index:10;min-width:80px;height:36px;font-family:inherit;font-weight:500;font-size:.8rem}.tts-button-content{display:flex;align-items:center;gap:4px}.tts-icon{display:flex;align-items:center;justify-content:center}.tts-label{font-weight:500;font-size:.75rem}.tts-card-button:hover{background:#3a7bd5;transform:translateY(-1px);box-shadow:0 3px 6px #00000026}[data-theme=dark] .tts-card-button:hover{background:#1e2f8a}.tts-card-button.playing{background:#4caf50;box-shadow:0 2px 4px #4caf504d}.tts-card-button.playing:hover{background:#45a049;box-shadow:0 3px 6px #4caf5066}.tts-card-button.paused{background:#ff9800;box-shadow:0 2px 4px #ff98004d}.tts-card-button.paused:hover{background:#f57c00;box-shadow:0 3px 6px #ff980066}.tts-card-button.stopped{background:var(--nav-bg);box-shadow:0 2px 4px #0000001a}.tts-card-stop-button{background:#f44336;color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 4px #f443364d;z-index:10}.tts-card-stop-button:hover{background:#d32f2f;transform:scale(1.05);box-shadow:0 3px 6px #f4433666}@keyframes pulse{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.translation-info{display:flex;align-items:center;gap:10px;margin:10px 0;padding:8px 12px;background:#4caf501a;border-radius:4px;border-left:3px solid #4CAF50}.translation-badge{font-size:12px;color:#4caf50;font-weight:500}.reset-translation{background:none;border:1px solid #4CAF50;color:#4caf50;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .3s ease}.reset-translation:hover{background:#4caf50;color:#fff}.content{padding:15px;flex:1;min-width:0}.meta{display:flex;gap:50px;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.category{font-weight:700;color:var(--text-tertiary)}.title{font-size:20px;margin:5px 0;color:var(--text-primary)}.description{font-size:14px;color:var(--text-secondary);margin-bottom:10px}.bias{display:flex;gap:10px;flex-wrap:wrap}.badge{font-size:12px;padding:4px 6px;border-radius:4px;color:#fff}.bias-low{background-color:#28a745}.bias-high{background-color:#dc3545}.bias-moderate{background-color:#f8b643}.bias-positive{background-color:#17a2b8}.bias-default{background-color:#6c757d}.footer{margin-top:60px;padding:20px;width:100%;background-color:var(--bg-tertiary);text-align:center;font-size:14px;color:var(--text-secondary);border-top:1px solid var(--border-color);transition:all .3s ease}.dropdown-label{font-size:16px;color:var(--text-tertiary)}.tts-test-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #0000001a}.tts-test-btn:hover{background:linear-gradient(135deg,#45a049,#388e3c);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.tts-test-btn:active{transform:translateY(0)}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start;width:100%;padding-top:10px}.search,select{width:100%;margin-bottom:10px}.articles{gap:20px;align-items:center;padding:0 10px}.card{flex-direction:column;width:100%}.image-container{width:100%;max-width:none;height:200px}.content{padding:15px}.meta{flex-direction:column;gap:10px}.card-tts-controls{bottom:10px;right:10px}.tts-card-button{min-width:70px;height:32px;padding:6px 10px}.tts-label{font-size:.7rem}.tts-card-stop-button{width:28px;height:28px}}.biasanal{font-size:14px;color:var(--text-secondary);margin-bottom:10px}.analytics-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:6rem 3rem;background:var(--bg-secondary);min-height:100vh;color:var(--text-primary);width:100%;max-width:100%;margin:0;box-sizing:border-box;transition:all .3s ease;overflow-x:hidden}[data-theme=light] .analytics-container{background:linear-gradient(to bottom right,#e0f2f1,#e3f2fd,#fff)}[data-theme=dark] .analytics-container{background:linear-gradient(to bottom right,#1a1a2e,#16213e,#0f3460)}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color);position:relative}.analytics-title{font-size:2.4rem;font-weight:600;color:var(--text-primary);position:absolute;left:50%;transform:translate(-50%)}.analytics-content{display:flex;flex-direction:column;gap:3rem}.analytics-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.analytics-card{background:var(--card-bg);border-radius:12px;padding:1.75rem;box-shadow:var(--shadow);transition:all .3s ease;border:1px solid var(--border-color);width:100%}[data-theme=dark] .analytics-card{background:#1f2937;border-color:#374151}.analytics-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.card-header h3{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-value{font-size:2rem;font-weight:700;margin:6px 0;color:var(--text-primary)}.card-subtitle{font-size:.8rem;color:var(--text-secondary);font-weight:500;margin-top:.5rem}.orange{color:#f9700f}.red{color:#d63545}.green{color:#28a745}.blue{color:#007bff}.bias-distribution{background:var(--card-bg);border-radius:12px;padding:1.75rem;box-shadow:var(--shadow);transition:all .3s ease;border:1px solid var(--border-color);width:100%}[data-theme=dark] .bias-distribution{background:#1f2937;border-color:#374151}.section-title{font-size:1.3rem;color:var(--text-primary);margin-bottom:1.5rem}.distribution-bars{display:flex;flex-direction:column;gap:1.25rem}.bar-item{margin-bottom:1.25rem}.bar-label{display:flex;justify-content:space-between;font-size:.95rem;margin-bottom:.3rem;color:var(--text-secondary)}.bar-track{height:12px;background:var(--bg-tertiary);border-radius:6px;overflow:hidden}.bar-fill{height:100%;transition:width .5s ease-in-out;border-radius:6px}.blue-fill{background-color:#007bff}.orange-fill{background-color:#f8b643}.red-fill{background-color:#d63545}@media (max-width: 768px){.analytics-container{padding:3rem 1.5rem}.analytics-header{flex-direction:column;gap:1rem;align-items:flex-start}.analytics-cards{grid-template-columns:1fr;gap:1.5rem}.analytics-card{padding:1.5rem}.card-value{font-size:1.8rem}.bias-distribution{padding:1.5rem}}.summary-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:6rem 3rem;background:var(--bg-secondary);min-height:100vh;color:var(--text-primary);width:100%;max-width:100%;margin:0;box-sizing:border-box;transition:all .3s ease;overflow-x:hidden}[data-theme=light] .summary-container{background:linear-gradient(to bottom right,#e0f2f1,#e3f2fd,#fff)}[data-theme=dark] .summary-container{background:linear-gradient(to bottom right,#1a1a2e,#16213e,#0f3460)}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.summary-title{font-size:2rem;margin-bottom:20px;color:var(--text-primary)}.summary-image{width:100%;max-height:400px;object-fit:cover;height:auto;border-radius:10px;margin-bottom:20px}.summary-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.headline{font-size:1.5rem;margin-top:20px;color:var(--text-primary)}.key-points{display:flex;flex-direction:column;align-items:center;list-style-type:disc;padding-left:20px;text-align:left;color:var(--text-primary);margin-top:10px}.key-points h3{align-self:flex-start;color:var(--text-primary)}.key-points ul{list-style-type:disc;padding-left:20px;text-align:left;color:var(--text-primary);margin-top:10px;width:100%}.bias-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:15px;transition:all .3s ease}.bias-button:hover{background:var(--border-color)}.summary-text{margin-top:20px;padding:15px;background:var(--card-bg);border-radius:8px;border-left:4px solid #4CAF50}.summary-text h4{color:#4caf50;margin-bottom:10px;font-size:1.1rem}.summary-text p{color:var(--text-primary);line-height:1.6;font-size:1rem}.summary-header-with-tts{display:flex;align-items:center;gap:12px;margin-bottom:15px}.summary-header-with-tts h4{margin:0;flex:1}.tts-summary-button{background:var(--primary-color);color:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.tts-summary-button:hover{background:var(--primary-hover);transform:scale(1.1);box-shadow:0 4px 8px #0003}.tts-summary-button.playing{background:#4caf50}.tts-summary-button.paused{background:#ff9800}.tts-summary-button.stopped{background:var(--primary-color)}.tts-summary-stop-button{background:#f44336;color:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.tts-summary-stop-button:hover{background:#d32f2f;transform:scale(1.1);box-shadow:0 4px 8px #0003}.summary-box{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:var(--shadow);transition:all .3s ease;border:1px solid var(--border-color);margin-top:2rem}[data-theme=dark] .summary-box{background:#1f2937;border-color:#374151}.image-and-points{display:flex;flex-direction:column;gap:20px;margin-top:1.5rem}@media (min-width: 768px){.image-and-points{flex-direction:row;align-items:flex-start}.summary-image{flex:1;margin-bottom:0}.key-points{flex:1}}@media (max-width: 768px){.summary-container{padding:3rem 1.5rem}.summary-header{flex-direction:column;gap:1rem;align-items:flex-start}.summary-box{padding:1.5rem}.image-and-points{flex-direction:column}}.about-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:6rem 3rem;background:var(--bg-secondary);min-height:100vh;color:var(--text-primary);width:100%;max-width:100%;margin:0;box-sizing:border-box;transition:all .3s ease;overflow-x:hidden}[data-theme=light] .about-container{background:linear-gradient(to bottom right,#e0f2f1,#e3f2fd,#fff)}[data-theme=dark] .about-container{background:linear-gradient(to bottom right,#1a1a2e,#16213e,#0f3460)}.about-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color);position:relative}.about-title{font-size:2.4rem;font-weight:600;color:var(--text-primary);position:absolute;left:50%;transform:translate(-50%)}.back-btn{border:none;padding:10px 16px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.back-btn:hover{background:var(--border-color)}.about-content{display:flex;flex-direction:column;gap:3rem}.about-section{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:var(--shadow);transition:all .3s ease;border:1px solid var(--border-color)}[data-theme=dark] .about-section{background:#1f2937;border-color:#374151}.about-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.section-title{font-size:1.5rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:600}.about-text{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature-card{background:var(--bg-tertiary);border-radius:8px;padding:1.5rem;border:1px solid var(--border-color);transition:all .3s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-card h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.feature-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.tech-category{background:var(--bg-tertiary);border-radius:8px;padding:1.5rem;border:1px solid var(--border-color)}.tech-category h3{font-size:1.2rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.tech-category ul{list-style:none;padding:0}.tech-category li{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;padding-left:1rem;position:relative}.tech-category li:before{content:"•";color:var(--text-primary);position:absolute;left:0}.roadmap{display:flex;flex-direction:column;gap:1.5rem}.roadmap-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.roadmap-item:hover{transform:translate(5px);box-shadow:var(--shadow-hover)}.roadmap-icon{font-size:1.5rem;flex-shrink:0}.roadmap-content h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.roadmap-content p{font-size:.9rem;color:var(--text-secondary);line-height:1.5}@media (max-width: 768px){.about-container{padding:3rem 1.5rem}.about-header{flex-direction:column;gap:1rem;align-items:flex-start}.about-title{position:static;transform:none}.about-section{padding:1.5rem}.features-grid,.tech-stack{grid-template-columns:1fr}.roadmap-item{flex-direction:column;text-align:center}}@media (max-width: 480px){.section-title{font-size:1.3rem}.about-title{font-size:2rem}}