.day-cycler{display:flex;align-items:center;justify-content:space-between;gap:8px}.day-cycler-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f3f4f6;color:#374151;border:none;border-radius:6px;font-size:18px;font-weight:300;cursor:pointer;flex-shrink:0;transition:background .1s}.day-cycler-button:hover:not(:disabled){background:#e5e7eb;color:#1d4ed8}.day-cycler-button:disabled{opacity:.3;cursor:not-allowed}.day-cycler-label{font-size:12px;font-weight:600;color:#374151;text-align:center;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-card{display:flex;gap:14px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px}.article-card__image{width:88px;height:88px;object-fit:cover;border-radius:7px;flex-shrink:0;align-self:flex-start}.article-card__body{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.article-card__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.article-card__title{font-size:14px;font-weight:600;color:#111827;line-height:1.4;flex:1}.article-card__distance{font-size:11px;color:#9ca3af;font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:2px}.article-card__summary-toggle{background:none;border:none;padding:0;text-align:left;cursor:pointer;width:100%}.article-card__meta{display:flex;align-items:center;gap:5px}.article-card__source-icon{width:14px;height:14px;object-fit:contain;border-radius:2px;flex-shrink:0}.article-card__source-name,.article-card__created,.article-card__meta-sep{font-size:11px;color:#9ca3af}.article-card__source-name{text-transform:uppercase;letter-spacing:.04em}.article-card__keywords{display:flex;flex-wrap:wrap;gap:4px}.article-card__keyword-tag{font-size:11px;color:#6b7280;background:#f3f4f6;border-radius:999px;padding:2px 8px;text-transform:lowercase}.article-card__keyword-tag--active{background:#dbeafe;color:#1d4ed8;font-weight:600}.article-card__keyword-tag--clickable{cursor:pointer;border:none;font-family:inherit}.article-card__keyword-tag--clickable:hover{background:#e5e7eb;color:#374151}.article-card__summary{font-size:13px;color:#4b5563;line-height:1.55}.article-card__summary img{max-width:100%;height:auto}.article-card__summary--collapsed{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card__full-story{display:block;text-align:right;font-size:12px;color:#6b7280;text-decoration:none;margin-top:2px}.article-card__full-story:hover{color:#374151;text-decoration:underline}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 0;margin-top:16px}.pagination-button{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background-color:#1976d2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.pagination-button:hover:not(:disabled){background-color:#1565c0}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:14px;font-weight:500;color:#4a5568;min-width:60px;text-align:center}@media(prefers-color-scheme:dark){.pagination-button{background-color:#1e3a5f;color:#90caf9}.pagination-button:hover:not(:disabled){background-color:#2a4a6f}.pagination-info{color:#a0aec0}}@media(max-width:768px){.pagination{gap:12px;padding:20px 0}.pagination-button{padding:8px 16px;font-size:13px}.pagination-info{font-size:13px}}.search-view{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column}.search-view__header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.search-view__back{background:none;border:1px solid #d1d5db;border-radius:6px;padding:5px 12px;font-size:13px;color:#374151;cursor:pointer;flex-shrink:0;transition:background .1s}.search-view__back:hover{background:#f3f4f6}.search-view__meta{font-size:13px;color:#6b7280}.search-view__status{text-align:center;color:#9ca3af;font-size:14px;margin-top:48px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{display:flex;flex-direction:column;height:100%;background:#f8f9fa}.navbar{height:56px;flex-shrink:0;display:flex;align-items:center;gap:20px;padding:0 24px;background:#fff;border-bottom:1px solid #e5e7eb}.navbar__brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.navbar__title{font-size:17px;font-weight:700;color:#111827;letter-spacing:-.2px}.live-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:#ef4444;border-radius:999px;padding:2px 7px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.navbar__search{flex:1;max-width:480px;position:relative}.search-input{width:100%;padding:7px 32px 7px 12px;font-size:13px;border:1px solid #d1d5db;border-radius:999px;background:#f9fafb;color:#111;outline:none}.search-input:focus{border-color:#6b7280;background:#fff}.search-clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:11px;color:#9ca3af;padding:2px 4px;line-height:1}.search-clear:hover{color:#374151}.navbar__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px 4px;flex-shrink:0}.navbar__hamburger-bar{display:block;width:20px;height:2px;background:#374151;border-radius:2px}.app-body{flex:1;display:flex;overflow:hidden}.sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #e5e7eb;background:#fff;overflow:hidden}.sidebar__day-nav{padding:12px 16px;border-bottom:1px solid #f3f4f6}.sidebar__keyword-list{flex:1;overflow-y:auto;padding:8px 0}.keyword-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:13px;color:#374151;border-radius:0;transition:background .1s}.keyword-item:hover{background:#f9fafb}.keyword-item--active{background:#eff6ff;color:#1d4ed8;font-weight:600}.keyword-item--active:hover{background:#dbeafe}.keyword-item__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:lowercase}.keyword-item__count{font-size:11px;font-weight:600;color:#6b7280;background:#f3f4f6;border-radius:999px;padding:1px 7px;flex-shrink:0}.keyword-item--active .keyword-item__count{background:#dbeafe;color:#1d4ed8}.source-panel{width:180px;flex-shrink:0;border-left:1px solid #e5e7eb;background:#fff;overflow-y:auto;padding:12px 0}.source-panel__heading{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;margin:0 0 6px;padding:0 14px}.source-item{width:100%;display:flex;align-items:center;gap:8px;padding:7px 14px;background:none;border:none;text-align:left;cursor:pointer;font-size:13px;color:#374151;transition:background .1s}.source-item:hover{background:#f9fafb}.source-item--active{background:#eff6ff;color:#1d4ed8;font-weight:600}.source-item--active:hover{background:#dbeafe}.source-item__icon{width:16px;height:16px;border-radius:3px;object-fit:contain;flex-shrink:0}.main-content{flex:1;overflow-y:auto;padding:24px}.articles-list{max-width:720px;display:flex;flex-direction:column;gap:12px}.main-content__empty{color:#9ca3af;font-size:14px;margin-top:48px;text-align:center}.sidebar-overlay,.sidebar__sources{display:none}.sidebar__sources-heading{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;margin:0 0 4px;padding:0 16px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.loading-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#1976d2;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#9ca3af;font-size:14px;margin:0}.error-container{text-align:center;padding:60px 20px}.error-container h2{color:#991b1b;margin:0 0 8px;font-size:20px}.error-container p{color:#dc2626;margin:0;font-size:14px}@media(max-width:768px){.navbar__hamburger{display:flex}.navbar__search{max-width:none}.sidebar{position:fixed;left:0;top:56px;height:calc(100% - 56px);z-index:200;width:280px;transform:translate(-100%);transition:transform .25s ease;box-shadow:2px 0 12px #00000026}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:56px 0 0;background:#0000004d;z-index:199}.source-panel{display:none}.sidebar__sources{display:block;border-top:1px solid #e5e7eb;padding:12px 0}.main-content{padding:16px}}