.search-page{max-width:1200px;margin:0 auto;width:100%}.search-container h1{font-size:2rem;margin-bottom:2rem;color:var(--color-text);text-align:center;font-family:var(--font-pt-serif)}.search-form{max-width:500px;margin:0 auto 2rem}.search-input-wrapper{position:relative;margin-bottom:.75rem}.search-input{width:100%;padding:12px 44px 12px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;background:var(--color-background);color:var(--color-text);box-sizing:border-box;font-family:var(--font-noto-serif, "Noto Serif", serif)}.search-input:focus{outline:none;border-color:var(--color-active)}.search-submit{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-active);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px}.search-submit:hover:not(:disabled){background:var(--color-background)}.search-submit:disabled{color:var(--color-passive);cursor:default;opacity:.4}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.date-filter{position:relative;display:flex;align-items:center}.date-filter-btn{padding:.3rem .5rem;border:none;border-radius:6px;background:var(--color-background);color:var(--color-active);cursor:pointer;font-size:.9rem;font-family:var(--font-noto-serif, "Noto Serif", serif);display:flex;align-items:center}.date-filter-btn:hover{opacity:.8}.date-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:max-content;background:var(--color-main);border:1px solid var(--color-border);border-radius:6px;padding:.4rem;box-shadow:0 4px 16px #0000001f;z-index:20;display:flex;flex-direction:column;gap:2px}.date-dropdown.hidden{display:none}.date-option{padding:4px 14px 6px;cursor:pointer;font-size:.85rem;color:var(--color-text);border:none;border-radius:6px;background:none;font-family:var(--font-noto-serif, "Noto Serif", serif);text-align:left}.date-option:hover{background:var(--color-background)}.date-option.active{background:var(--color-active);color:var(--color-main)}.filter-right{display:flex;align-items:center;gap:.5rem}.description-toggle{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;border:none;border-radius:6px;background:var(--color-background);color:var(--color-text);cursor:pointer;font-size:.65rem;line-height:1.3;font-family:var(--font-noto-serif, "Noto Serif", serif);opacity:.35;user-select:none;text-align:center}.description-toggle:hover{opacity:.6}.description-toggle input{display:none}.description-toggle:has(input:checked){color:var(--color-active);opacity:1}.source-filter{position:relative}.source-filter-btn{padding:.3rem .5rem;border:none;border-radius:6px;background:var(--color-background);color:var(--color-active);cursor:pointer;font-size:.9rem;font-family:var(--font-noto-serif, "Noto Serif", serif);display:flex;align-items:center}.source-filter-btn:hover{opacity:.8}.source-filter-btn.active{color:var(--color-wrong)}.source-filter-btn.none-selected{color:var(--color-passive);position:relative}.source-filter-btn.none-selected:after{content:"!";position:absolute;top:1px;right:1px;width:11px;height:11px;background:var(--color-wrong);color:#fff;font-size:.5rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.source-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:280px;width:max-content;background:var(--color-main);border:1px solid var(--color-border);border-radius:6px;padding:.75rem;box-shadow:0 4px 16px #0000001f;z-index:20}.source-dropdown.hidden{display:none}.source-toggle-all{display:block;background:none;border:none;color:var(--color-active);cursor:pointer;font-size:.8rem;font-family:var(--font-noto-serif, "Noto Serif", serif);padding:0 0 .5rem;margin-bottom:.5rem;border-bottom:1px solid var(--color-border);width:100%;text-align:left}.source-toggle-all:hover{text-decoration:underline}.source-options{display:grid;grid-template-columns:1fr 1fr;gap:4px}.source-option{display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem;cursor:pointer;font-size:.85rem;color:var(--color-text);border:none;border-radius:6px;background:none;font-family:var(--font-noto-serif, "Noto Serif", serif);user-select:none}.source-option:hover{background:var(--color-background)}.source-option.inactive{opacity:.25}.source-option-icon{height:1.1rem;min-width:1.1rem;width:auto;border-radius:3px}@media (max-width: 768px){.search-container h1{font-size:1.5rem;margin-bottom:1.5rem}.date-filter{align-items:flex-start}.source-dropdown{min-width:unset;right:0}.source-options{grid-template-columns:1fr 1fr}}.selected-articles-page{max-width:1200px;margin:0 auto;width:100%}.articles-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:1.34rem;margin-bottom:1.25rem}.header-controls{display:flex;align-items:center;gap:.25rem}.articles-container h1{font-size:2rem;margin:0;color:var(--color-text);font-family:var(--font-pt-serif)}.refresh-button{background:none;border:none;cursor:pointer;color:var(--color-passive);padding:.3rem;display:flex;align-items:center;border-radius:50%}.refresh-button svg{will-change:transform}.refresh-button:hover{color:var(--color-active)}.refresh-button:not(.active){opacity:.35}.refresh-button.active{color:var(--color-active)}.refresh-button{position:relative}.refresh-button.active:after{content:"";position:absolute;top:1px;right:1px;width:7px;height:7px;border-radius:50%;background:#e03}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-button.spinning svg{animation:spin .7s linear infinite}.article-new{animation:none}.articles-grid{display:flex;flex-direction:column;gap:0;margin-bottom:2rem}.day-header{font-size:1rem;font-weight:600;color:var(--color-passive);margin:1.5rem 0 .5rem;padding-bottom:.4rem;border-bottom:1px solid var(--color-border);font-family:var(--font-pt-serif)}.day-header:first-child{margin-top:0}.friss-article{display:block;padding:.6rem 0;text-decoration:none;color:var(--color-text);border-bottom:1px solid var(--color-border-light, rgba(128, 128, 128, .1))}.friss-article:hover{color:var(--color-active)}.friss-header{line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.friss-time{font-size:.9rem;font-weight:500;color:var(--color-passive);font-variant-numeric:tabular-nums}.friss-article:hover .friss-time{color:var(--color-active)}.friss-title{font-size:1.1rem;font-weight:600;font-family:var(--font-pt-serif)}.friss-description{font-size:.85rem;color:var(--color-passive);line-height:1.4;margin-top:.2rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.friss-article .fresh-source-logo{height:1.2rem;min-width:1.2rem;width:auto;display:inline-block;vertical-align:baseline;position:relative;top:.2rem;border-radius:3px}.friss-article .fresh-source-text{font-size:.8rem;color:var(--color-passive);flex-shrink:0;white-space:nowrap}.loading{text-align:center;padding:2rem;color:var(--color-passive);font-size:1.125rem}.loading.hidden{display:none}.load-more-container{text-align:center;margin:2rem 0}.load-more-container.hidden{display:none}.load-more-button{background:var(--color-active);color:var(--color-main);border:none;padding:.75rem 2rem;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:opacity .3s ease}.load-more-button:hover{opacity:.8}.load-more-button:disabled{opacity:.5;cursor:not-allowed}.no-more-articles{text-align:center;padding:2rem;color:var(--color-passive);font-size:1rem}.no-more-articles.hidden{display:none}.no-results{text-align:center;padding:2rem;color:var(--color-passive)}.scroll-to-top{position:fixed;bottom:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-main);color:var(--color-passive);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease,color .2s ease;z-index:100}.scroll-to-top.visible{opacity:1;pointer-events:auto}.scroll-to-top:hover{color:var(--color-active)}@media (max-width: 768px){.articles-header{margin-top:1rem;margin-bottom:1.5rem}.articles-container h1{font-size:1.5rem}.friss-header,.friss-description{-webkit-line-clamp:2;line-clamp:2}}