:root{--bg-primary:#fafbfc;--bg-secondary:#f0f2f5;--bg-tertiary:#fff;--bg-hover:#e4e6ea;--bg-active:#d8dadf;--text-primary:#1c1e21;--text-secondary:#505357;--text-tertiary:#707377;--text-disabled:#bcc0c4;--border-primary:#e4e6ea;--border-secondary:#dadde1;--accent-primary:#1877f2;--accent-secondary:#42a5f5;--accent-hover:#166fe5;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 2px 4px #0000001a,0 1px 2px #0000000f;--shadow-lg:0 4px 8px #0000001f,0 2px 4px #00000014;--scrollbar-track:#e4e6ea;--scrollbar-thumb:#bcc0c4;--scrollbar-thumb-hover:#8a8d91;--font-headline:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}[data-theme=dark]{--bg-primary:#18191a;--bg-secondary:#242526;--bg-tertiary:#3a3b3c;--bg-hover:#4e4f50;--bg-active:#5a5b5c;--text-primary:#e4e6ea;--text-secondary:#c0c3c8;--text-tertiary:#9a9da1;--text-disabled:#6a6b6c;--border-primary:#3e4042;--border-secondary:#4e4f50;--accent-primary:#2d88ff;--accent-secondary:#4dabf7;--accent-hover:#1c7ed6;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 4px #0000004d,0 1px 2px #0003;--shadow-lg:0 4px 8px #0006,0 2px 4px #0000004d;--scrollbar-track:#3a3b3c;--scrollbar-thumb:#5a5b5c;--scrollbar-thumb-hover:#6a6b6c}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafbfc;background-color:var(--bg-primary);color:#1c1e21;color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-body);font-size:16px;letter-spacing:-.01em;line-height:1.6;margin:0;transition:background-color .2s ease,color .2s ease}.empty-state h2,.header-title,.news-item-title,h1,h2,h3,h4,h5,h6{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-headline)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#e4e6ea;background:var(--scrollbar-track);border-radius:6px}::-webkit-scrollbar-thumb{background:#bcc0c4;background:var(--scrollbar-thumb);border:2px solid #e4e6ea;border:2px solid var(--scrollbar-track);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#8a8d91;background:var(--scrollbar-thumb-hover)}[tabindex]:focus-visible,a:focus-visible,button:focus-visible{border-radius:4px;outline:2px solid #1877f2;outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background-color:#1877f2;background-color:var(--accent-primary);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.shadow-sm{box-shadow:0 1px 2px #0000001a;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 4px 8px #0000001f,0 2px 4px #00000014;box-shadow:var(--shadow-lg)}.transition-all{transition:all .2s cubic-bezier(.25,.46,.45,.94)}.transition-transform{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.user-counter{align-items:center;background:#0000;border:none;color:var(--text-primary);display:flex;font-size:16.2px;gap:7.2px;height:auto;margin:0;padding:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.user-counter:hover{background:#0000;transform:none}.status-light{border-radius:50%;flex-shrink:0;height:7.2px;position:relative;transition:all .2s cubic-bezier(.25,.46,.45,.94);width:7.2px}.status-light.connected{background-color:#42b883;box-shadow:0 0 3.6px #42b88399}.status-light.disconnected{background-color:#f02849;box-shadow:0 0 3.6px #f0284999}.light-pulse{animation:pulse 2.5s cubic-bezier(.25,.46,.45,.94) infinite;border-radius:50%;height:10.8px;left:-1.8px;position:absolute;top:-1.8px;width:10.8px}.status-light.connected .light-pulse{background:radial-gradient(circle,#0000 40%,#42b88340 70%)}.status-light.disconnected .light-pulse{background:radial-gradient(circle,#0000 40%,#f0284940 70%)}@keyframes pulse{0%{opacity:1;transform:scale(.8)}50%{opacity:.6;transform:scale(1.3)}to{opacity:1;transform:scale(.8)}}.user-count{background:#0000;border:none;color:var(--text-primary);font-size:16.2px;font-weight:700;margin:0;min-width:21.6px;padding:0;text-align:center}.user-label{display:none}@media (max-width:1024px){.user-counter{font-size:14.4px;gap:5.4px}.status-light{height:5.4px;width:5.4px}.light-pulse{height:9px;left:-1.8px;top:-1.8px;width:9px}.user-count{font-size:14.4px;min-width:18px}}@media (max-width:768px){.user-counter{font-size:12.6px;gap:3.6px}.status-light{height:3.6px;width:3.6px}.light-pulse{height:7.2px;left:-1.8px;top:-1.8px;width:7.2px}.user-count{font-size:12.6px;min-width:14.4px}}@media (max-width:480px){.user-counter{font-size:10.8px;gap:3.6px}.light-pulse,.status-light{height:3.6px;width:3.6px}.light-pulse{left:0;top:0}.user-count{font-size:10.8px;min-width:10.8px}}@media (prefers-color-scheme:dark){.user-counter{border-color:#0000;color:#e4e6ea}.user-count,.user-counter,.user-counter:hover{background:#0000}.user-count{border-color:#0000;color:#f0f2f5}.user-label{color:#b0b3b8}}.theme-toggle{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:35px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);width:35px}.theme-toggle:hover{background:#0000;color:var(--text-primary);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle-icon{align-items:center;display:flex;height:20px;justify-content:center;transition:transform .3s cubic-bezier(.25,.46,.45,.94);width:20px}.theme-toggle:hover .theme-toggle-icon{transform:rotate(20deg)}.theme-toggle:focus-visible{border-radius:4px;outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width:1024px){.theme-toggle{height:32px;width:32px}.theme-toggle-icon{height:18px;width:18px}}@media (max-width:768px){.theme-toggle{height:28px;width:28px}.theme-toggle-icon{height:16px;width:16px}}@media (max-width:480px){.theme-toggle{height:24px;width:24px}.theme-toggle-icon{height:14px;width:14px}}.header{background-color:var(--bg-tertiary);box-shadow:var(--shadow-md);color:var(--text-primary);position:-webkit-sticky;position:sticky;top:0;transition:background-color .2s ease,border-color .2s ease;z-index:100}.header-content{display:flex;flex-direction:column;height:50px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 19.2px;position:relative}.header-top{grid-gap:4px 20px;display:grid;gap:4px 20px;grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto;height:100%}.header-left,.header-top{align-items:center;position:relative}.header-left{display:flex;gap:12px;grid-column:1;grid-row:1;justify-content:flex-start}.header-title{align-items:flex-start;color:var(--text-primary);display:flex;flex-direction:column;font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.1;text-decoration:none;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.title-line{display:block}.header-title:hover{opacity:.8;transform:translateY(-1px)}.header-center{grid-column:2;justify-content:center;position:relative}.header-center,.header-right{align-items:center;display:flex;grid-row:1}.header-right{grid-column:3;justify-content:flex-end}.header-filters{align-items:center}.header-filters,.icon-filters{display:flex;flex-wrap:wrap;gap:16px}.icon-filter{align-items:center;background:#0000;border:none;border-radius:0;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:600;gap:6px;height:35px;padding:8px 12px;position:relative;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.icon-filter:hover{transform:translateY(-1px)}.icon-filter.active,.icon-filter:hover{background:#0000;color:var(--text-primary)}.icon-filter.active:after{background:var(--filter-color);border-radius:1px;bottom:-12px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100%}.icon-filter[data-filter=star].active:after{background:#f59e0b}.icon-filter[data-filter=hot].active:after{background:#ef4444}.icon-filter[data-filter=trending].active:after{background:#f97316}.icon-filter[data-filter=new].active:after{background:#10b981}.icon-filter svg{stroke-width:2.5;flex-shrink:0;height:20px;transition:all .2s cubic-bezier(.25,.46,.45,.94);width:20px}.icon-filter.active svg{stroke-width:2.8;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.filter-count{background:#0000;border:none;border-radius:0;color:var(--text-secondary);font-size:14px;font-weight:700;line-height:1.2;min-width:auto;padding:0;text-align:center}.icon-filter.active .filter-count{color:var(--text-primary)}.tag-display{align-items:center;background:#2d88ff1a;border:none;border-radius:20px;color:var(--accent-primary);display:flex;font-weight:600;gap:10px;height:36px;padding:8px 16px}.search-tag{background:#10b9811a;color:#10b981}.tag-name{color:var(--accent-primary);font-size:14px;font-weight:700}.search-tag .tag-name{color:#10b981}.tag-close{align-items:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s cubic-bezier(.25,.46,.45,.94);width:20px}.tag-close:hover{background:#f44;color:#fff;transform:scale(1.1)}.clear-filter{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.25,.46,.45,.94);width:32px}.clear-filter:hover{background:#f44;color:#fff;transform:scale(1.1)}.header-actions{align-items:center;display:flex;gap:12px}.header-refresh{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;opacity:.8;padding:8px;transition:all .2s cubic-bezier(.25,.46,.45,.94);width:36px}.header-refresh:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);transform:scale(1.05)}.header-refresh:disabled{cursor:not-allowed;opacity:.5}.header-refresh svg{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.header-refresh .spinning{animation:spin 1s linear infinite}.pulsating-flag{align-items:center;animation:flagPulse 2.5s ease-in-out infinite;cursor:pointer;display:flex;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));font-size:22px;height:35px;justify-content:center;line-height:1;margin:0;padding:0;transition:transform .2s ease}.pulsating-flag:hover{filter:brightness(1.2) drop-shadow(0 2px 8px rgba(0,0,0,.2))}@keyframes flagPulse{0%,to{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));opacity:.7;transform:scale(1)}50%{filter:drop-shadow(0 4px 16px rgba(255,215,0,.4)) drop-shadow(0 2px 8px rgba(220,20,60,.3));opacity:1;transform:scale(1.15)}}@media (max-width:1024px){.header-content{height:46px;padding:0 16px}.header-top{gap:3px 16px}.icon-filter{font-size:13px;gap:5px;height:32px;padding:6px 10px}.icon-filter.active:after{bottom:-11px}.icon-filter svg{height:18px;width:18px}.filter-count{font-size:13px}.pulsating-flag{font-size:20px;height:32px}}@media (max-width:768px){.header-content{height:42px;padding:0 12px}.header-top{gap:2px 12px}.icon-filter{font-size:12px;gap:4px;height:28px;padding:5px 8px}.icon-filter.active:after{bottom:-10px}.icon-filter svg{height:16px;width:16px}.filter-count{font-size:12px}.pulsating-flag{font-size:18px;height:28px}}@media (max-width:480px){.header-content{height:38px;padding:0 8px}.header-top{gap:2px 8px}.icon-filter{font-size:11px;gap:3px;height:24px;padding:4px 6px}.icon-filter.active:after{bottom:-9px}.icon-filter svg{height:14px;width:14px}.filter-count{font-size:11px}.pulsating-flag{font-size:16px;height:24px}}.drawer{position:-webkit-sticky;position:sticky;top:50px;z-index:99}.drawer-content{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);max-height:0;overflow:hidden;transition:max-height .2s ease}.drawer-content.open{max-height:50px}.drawer-main-content{align-items:center;display:flex;gap:20px;height:34px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:8px 19.2px}.search-container{align-items:center;display:flex;flex:1 1;justify-content:flex-start}.search-input-wrapper{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:16px;display:flex;height:28px;max-width:300px;padding:0 12px;position:relative;transition:all .2s ease;width:100%}.search-input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px #2d88ff1a}.search-icon{color:var(--text-secondary);flex-shrink:0;height:14px;margin-right:8px;width:14px}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-body);font-size:13px;font-weight:500;height:26px;outline:none;padding:0}.search-input::placeholder{color:var(--text-secondary);font-weight:400}.search-clear{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:16px;justify-content:center;margin-left:6px;transition:all .2s ease;width:16px}.search-clear:hover{background:#f44;color:#fff;transform:scale(1.1)}.checkboxes-container{align-items:center;display:flex;flex-shrink:0;gap:24px;justify-content:flex-end}.sport-checkbox-item{gap:8px;-webkit-user-select:none;user-select:none}.drawer-lip,.sport-checkbox-item{align-items:center;cursor:pointer;display:flex}.drawer-lip{background-color:var(--bg-tertiary);border-radius:0 0 8px 8px;box-shadow:var(--shadow-sm);color:var(--text-secondary);justify-content:center;margin:0 auto;padding:6px 12px;transition:all .2s ease;width:80px}.drawer-lip:hover{color:var(--text-primary)}.sport-checkbox{-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border:2px solid var(--border-secondary);border-radius:2px;cursor:pointer;height:14px;position:relative;transition:all .2s ease;width:14px}.sport-checkbox:checked{background:var(--accent-primary);border-color:var(--accent-primary)}.sport-checkbox:checked:after{color:#fff;content:"✓";font-size:9px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-emoji{font-size:16px;line-height:1;transition:opacity .2s ease}.sport-checkbox-item:hover .checkbox-emoji{opacity:.7}.checkbox-icon{color:var(--text-secondary);transition:color .2s ease}.sport-checkbox-item:hover .checkbox-icon{color:var(--text-primary)}.sport-label{color:var(--text-secondary);font-family:var(--font-body);font-size:13px;font-weight:500}@media (max-width:1024px){.drawer{top:46px}.drawer-main-content{gap:16px;padding:8px 16px}.search-input-wrapper{max-width:200px}}@media (max-width:768px){.drawer{top:42px}.drawer-main-content{gap:12px;height:30px;padding:8px 12px}.search-input-wrapper{border-radius:12px;height:24px;max-width:210px;padding:0 8px}.search-input{font-size:16px;height:22px}.search-icon{height:12px;margin-right:6px;width:12px}.search-clear{height:12px;margin-left:4px;width:12px}.checkboxes-container{gap:16px}.drawer-lip{padding:5px 10px;width:60px}.sport-label{font-size:12px}.sport-checkbox{height:12px;width:12px}.checkbox-emoji{font-size:14px}.checkbox-icon{height:14px;width:14px}}@media (max-width:480px){.drawer{top:38px}.drawer-main-content{gap:8px;padding:8px}.search-input-wrapper{height:22px;max-width:150px;padding:0 6px}.search-input{font-size:16px;height:20px}.search-icon{height:10px;margin-right:4px;width:10px}.search-clear{height:10px;margin-left:3px;width:10px}.checkboxes-container{gap:12px}.checkbox-emoji{font-size:12px}.checkbox-icon{height:12px;width:12px}}.carousel-container{align-items:center;display:flex;gap:8px;justify-content:center;margin:16px 0;width:100%}.carousel-image-wrapper{flex:1 1;max-height:400px;max-width:100%;overflow:hidden;position:relative}.carousel-image{height:auto;max-height:400px;object-fit:cover;width:100%}.carousel-domain{background-color:#0009;border-radius:4px;bottom:8px;color:#fff;font-size:.8rem;left:8px;padding:4px 8px;position:absolute}.carousel-arrow{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;justify-content:center;padding:4px}.carousel-arrow:hover{color:#000}.carousel-arrow:disabled{cursor:default;opacity:.4}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;display:inline-block;font-family:inherit;font-size:12px;font-weight:500;line-height:1.2;padding:4px 10px;transition:all .2s ease}.tag,.tag:hover{color:var(--text-primary)}.tag:hover{background-color:var(--bg-hover);border-color:var(--border-secondary);transform:translateY(-1px)}.tag:active{transform:translateY(0)}.tag:focus-visible{box-shadow:0 0 0 2px var(--accent-primary)}.tag:nth-child(3n+1){background-color:#ff66001a;border-color:#f603;color:var(--text-primary)}.tag:nth-child(3n+1):hover{background-color:#f603;border-color:#ff66004d;color:var(--text-primary)}.tag:nth-child(3n+2){background-color:#2d88ff1a;border-color:#2d88ff33;color:var(--text-primary)}.tag:nth-child(3n+2):hover{background-color:#2d88ff33;border-color:#2d88ff4d;color:var(--text-primary)}@media (max-width:768px){.tag-list{gap:4px;margin-top:6px}.tag{border-radius:10px;font-size:11px;padding:3px 8px}}@media (max-width:480px){.tag{border-radius:8px;font-size:10px;padding:2px 6px}}.news-item{animation:fadeIn .4s cubic-bezier(.25,.46,.45,.94);border:none;border-bottom:1px solid var(--border-primary);border-radius:0;contain:layout style;margin-bottom:0;overflow:visible;padding:24px 0;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.news-item,.news-item:hover{background-color:initial;box-shadow:none}.news-item:hover{transform:none}.news-item:last-child{border-bottom:none}.news-item-header{background:#0000;padding:0 24px 8px}.title-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.news-index{display:none}.news-item-title{color:var(--text-primary);flex:1 1;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0;padding-right:16px}.news-item-meta{flex-shrink:0;gap:16px;margin-bottom:0}.creation-time,.news-item-meta{align-items:center;display:flex}.creation-time{background:#0000;border-radius:0;color:var(--text-tertiary);font-size:12px;font-weight:400;gap:6px;line-height:1;margin:0;padding:4px 0;transition:all .2s ease}.creation-time:hover{background:#0000;color:var(--text-secondary)}.creation-time svg{flex-shrink:0;opacity:.8}.time-info{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.updated-time{color:var(--text-secondary);font-size:12px;font-weight:500}.created-time{color:var(--text-tertiary);font-size:10px;font-weight:400;opacity:.8}.news-item-content{min-height:60px;padding:0 24px 12px;will-change:auto}.news-item-footer{background:#0000;border-top:none}.sources-toggle{align-items:center;background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:400;gap:6px;line-height:1;margin:0;padding:4px 0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.sources-toggle:hover{background:#0000;color:var(--text-secondary)}.sources-toggle:focus-visible{background:#0000;outline:none}.sources-toggle svg{flex-shrink:0;transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.sources-section{background:#0000;border-top:1px solid var(--border-primary);padding:16px 24px}.sources-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.source-item{align-items:center;border:1px solid #0000;border-radius:8px;display:flex;gap:12px;padding:12px 16px;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.source-item:hover{background:var(--bg-hover);border-color:var(--border-primary);transform:translateX(4px)}.source-number{align-items:center;background:#0000;border-radius:0;box-shadow:none;color:var(--text-tertiary);display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:auto;justify-content:flex-start;min-width:28px;text-align:left;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.source-item:hover .source-number{box-shadow:none;transform:none}.source-link{align-items:center;color:var(--text-tertiary);display:flex;flex:1 1;font-size:14px;gap:8px;line-height:1.4;text-decoration:none;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.source-link:hover{color:var(--text-secondary)}.source-domain{flex-shrink:0;font-weight:700}.source-title{color:var(--text-tertiary);font-weight:500;margin-left:2px}.source-link:hover .source-title{color:var(--text-secondary)}.external-icon{color:var(--text-tertiary);flex-shrink:0;opacity:.6;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.source-link:hover .external-icon{color:var(--text-secondary);opacity:1;transform:scale(1.1)}.source-image{border-radius:4px;flex-shrink:0;height:auto;margin-right:8px;max-height:60px;object-fit:cover;width:60px}@media (max-width:768px){.news-item{border-radius:0;margin-bottom:0;padding:20px 0}.news-item-header{padding:0 20px 12px}.title-row{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:12px}.news-index{display:none}.news-item-title{font-size:20px}.news-item-meta{align-self:flex-end;margin-bottom:0}.creation-time{font-size:11px;padding:0}.news-item-content{padding:0 20px 16px}.button-row{padding:0 20px}.sources-section{padding:12px 20px}.sources-list{gap:8px}.source-item{gap:10px;padding:8px 12px}.source-link{font-size:13px}.source-number{font-size:11px;height:22px;min-width:22px}.time-info{align-items:center}.updated-time{font-size:11px}.created-time{font-size:9px}}@media (max-width:480px){.news-item-header{padding:0 16px 8px}.news-item-title{font-size:18px}.creation-time{font-size:10px}.news-item-content{padding:0 16px 12px}.button-row{padding:0 16px}.sources-section{padding:8px 16px}.source-link{font-size:12px}.source-number{font-size:11px}.source-domain{font-size:12px}.time-info{align-items:center}.updated-time{font-size:11px}.created-time{font-size:9px}}.cluster-content{color:var(--text-primary);font-size:17px;font-weight:500;letter-spacing:-.003em;line-height:1.6;min-height:1em;position:relative}.cluster-content h2{color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:20px 0 12px}.cluster-content h2:first-child{margin-top:0}.cluster-content ul{margin:16px 0;padding-left:24px}.cluster-content li{color:var(--text-primary);margin-bottom:8px}.cluster-content strong{color:var(--text-primary);font-weight:700}.cluster-content p{color:var(--text-primary);font-size:17px;font-weight:500;line-height:1.6;margin:16px 0}.cluster-content h2{background:#2d88ff0d;border-left:3px solid var(--accent-primary);border-radius:4px;margin:16px 0 12px;padding:8px 12px}@media (max-width:768px){.cluster-content h2{font-size:16px;padding:6px 10px}.cluster-content ul{padding-left:20px}.cluster-content p{font-size:17px;font-weight:500}.cluster-content li{margin-bottom:6px}}@media (max-width:480px){.cluster-content h2{font-size:15px}.cluster-content p{margin:12px 0}.cluster-content li,.cluster-content p{font-size:17px;font-weight:500}.cluster-content ul{margin:12px 0;padding-left:16px}}.button-row{justify-content:space-between;margin-top:12px;min-height:24px;padding:0 24px}.button-row,.content-toggle{align-items:center;display:flex}.content-toggle{background:#0000;border:none;border-radius:0;color:var(--text-tertiary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:400;gap:6px;line-height:1;margin:0;padding:4px 0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.content-toggle:hover{background:#0000;border-color:#0000;box-shadow:none;color:var(--text-secondary);transform:none}.content-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.content-toggle svg{flex-shrink:0;transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.content-toggle:hover svg{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (pointer:coarse){.news-item:hover{background-color:initial}}.inline-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--text-tertiary);border:2px solid var(--text-tertiary);border-radius:50%;border-top-color:var(--accent-primary);height:12px;width:12px}.news-list{margin:0;padding:0}.news-list-empty{padding:40px 20px;text-align:center}.empty-state{background-color:var(--bg-tertiary);border-radius:8px;box-shadow:var(--shadow-sm);margin:0 auto;max-width:500px;padding:60px 20px}.empty-state h2{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:16px}.empty-state p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0}@media (max-width:768px){.news-list-empty{padding:20px 16px}.empty-state{padding:40px 16px}.empty-state h2{font-size:20px}.empty-state p{font-size:14px}}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px;padding:60px 20px}.loading-content{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.loading-icon{animation:spin 1.5s linear infinite;color:#f60}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{color:var(--text-secondary);font-size:16px;font-weight:500;margin:0}@media (max-width:768px){.loading-container{min-height:150px;padding:40px 20px}.loading-content{gap:12px}.loading-message{font-size:14px}}.skeleton-container{display:flex;flex-direction:column;gap:24px;padding:24px 0}.skeleton-card{background-color:var(--bg-tertiary);border-radius:8px;box-shadow:var(--shadow-sm);padding:24px}.skeleton-card .skeleton-line,.skeleton-card .skeleton-title{animation:pulse 1.5s ease-in-out infinite;background-color:var(--bg-secondary);border-radius:4px}.skeleton-title{height:24px;margin-bottom:16px;width:45%}.skeleton-line{height:16px;margin-bottom:8px;width:100%}.skeleton-line.short{width:60%}.error-container{align-items:center;display:flex;justify-content:center;min-height:300px;padding:60px 20px}.error-content{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:20px;max-width:500px;padding:40px 30px;text-align:center}.error-icon{color:#dc3545;opacity:.8}.error-title{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.error-message{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0;opacity:.9}.error-retry-btn{align-items:center;background-color:#f60;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.error-retry-btn:hover{background-color:#e55d00;box-shadow:0 4px 8px #ff66004d;transform:translateY(-1px)}.error-retry-btn:active{transform:translateY(0)}.error-retry-btn:focus-visible{box-shadow:0 0 0 3px #ff66004d}@media (max-width:768px){.error-container{min-height:250px;padding:40px 20px}.error-content{gap:16px;padding:30px 20px}.error-title{font-size:20px}.error-message{font-size:14px}.error-retry-btn{font-size:13px;padding:10px 16px}}.load-more-container{margin:30px 0;padding:20px;text-align:center}.load-more-button{background-color:var(--bg-tertiary);border:none;border-radius:8px;box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:16px;font-weight:500;min-width:180px;padding:18px 36px;transition:all .2s ease}.load-more-button:hover:not(:disabled){background-color:var(--bg-hover);box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-1px)}.load-more-button:active:not(:disabled){background-color:var(--bg-active);box-shadow:var(--shadow-sm);transform:translateY(0)}.load-more-button:disabled{background-color:var(--bg-tertiary);box-shadow:var(--shadow-sm);color:var(--text-disabled);cursor:not-allowed;opacity:.7;transform:none}.loading-text{align-items:center;display:inline-flex;gap:8px}.loading-dots{display:inline-block}.loading-dots:after{animation:loading-dots 1.5s infinite;content:""}@keyframes loading-dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}[data-theme=dark] .load-more-button{background:linear-gradient(135deg,#0d6efd,#0b5ed7);box-shadow:0 2px 10px #0d6efd4d}[data-theme=dark] .load-more-button:hover:not(:disabled){background:linear-gradient(135deg,#0b5ed7,#0a58ca);box-shadow:0 4px 15px #0d6efd66}[data-theme=dark] .load-more-button:disabled{background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 2px 5px #4950574d}@media (max-width:768px){.load-more-container{margin:20px 0;padding:15px}.load-more-button{font-size:15px;min-width:150px;padding:15px 30px}}@media (max-width:480px){.load-more-button{font-size:14px;min-width:140px;padding:12px 24px}}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);font-size:.9rem;line-height:1.6;margin-top:3rem;padding:2rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px;padding:0 1rem}.footer-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.footer-section p{color:var(--text-secondary);margin-bottom:1.5rem}.algorithm-details{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:1rem 0}.algo-item{align-items:center;display:flex;gap:.5rem;white-space:nowrap}.algo-badge{align-items:center;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:600;gap:.25rem}.algo-badge.star{color:#f59e0b}.algo-badge.hot{color:#ef4444}.algo-badge.trending{color:#f97316}.algo-badge.new{color:#10b981}.algo-item span:last-child{color:var(--text-secondary);flex-shrink:0;font-size:.8rem}.contact-email{color:var(--accent-primary);font-weight:500;text-decoration:none;transition:color .2s ease}.contact-email:hover{color:var(--accent-hover);text-decoration:underline}.controls-explanation{display:flex;flex-direction:column;gap:.75rem}.control-item{align-items:center;background-color:var(--bg-primary);border-radius:8px;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.75rem;padding:.5rem;transition:background-color .2s ease}.control-item:hover{background-color:var(--bg-hover)}.control-emoji{flex-shrink:0;font-size:1.2rem}.footer-bottom{border-top:1px solid var(--border-primary);margin-top:2rem;padding-top:1.5rem;text-align:center}.footer-credits p{color:var(--text-tertiary);font-size:.8rem;margin:.25rem 0}@media (max-width:768px){.footer{padding:1.5rem 0 1rem}.footer-content{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.algorithm-details{gap:1rem;justify-content:center;text-align:center}.algo-badge,.algo-item span:last-child{font-size:.75rem}}