@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/web/Inter-Regular-3875f83574973c732136a45f628e64a6.woff2?vsn=d) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/web/Inter-Medium-7b7f3cfa2944edbd2fcbb478547b22bd.woff2?vsn=d) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/web/Inter-SemiBold-b72fa2728a8ef9b862e8cf802c9d7cd4.woff2?vsn=d) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/web/Inter-Bold-66894432e7ff485b0d4810f6aa95573f.woff2?vsn=d) format("woff2")}.disabled-link{pointer-events:none;opacity:.5}.error-message-container{grid-column:1 / -1;text-align:center;padding:3rem;color:#6b7280}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f3f4f6;--text-primary: #333333;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-primary: #e2e8f0;--border-secondary: #e5e7eb;--border-tertiary: #d1d5db;--accent-primary: #3b82f6;--accent-secondary: #eff6ff;--accent-hover: #dbeafe;--shadow-sm: rgba(0, 0, 0, .1);--shadow-md: rgba(0, 0, 0, .08);--shadow-lg: rgba(0, 0, 0, .1);--vote-btn-bg: #f9fafb;--vote-btn-hover: #f3f4f6;--vote-active: #10b981;--tag-bg: #eff6ff;--tag-text: #3b82f6;--source-bg: #f3f4f6;--source-hover: #e5e7eb;--header-bg: #ffffff;--copy-btn-bg: #3b82f6;--copy-btn-hover: #2563eb;--preview-btn-bg: #059669;--preview-btn-hover: #047857;--btn-disabled: #9ca3af;--skeleton-bg-start: #f3f4f6;--skeleton-bg-end: #e5e7eb;--spinner-bg: #f3f4f6;--spinner-accent: #3b82f6;--error-text: #f87171}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #3a3a3a;--text-primary: #e5e5e5;--text-secondary: #b3b3b3;--text-tertiary: #808080;--border-primary: #3a3a3a;--border-secondary: #4a4a4a;--border-tertiary: #5a5a5a;--accent-primary: #4f9eff;--accent-secondary: rgba(79, 158, 255, .15);--accent-hover: #6bb6ff;--shadow-sm: rgba(0, 0, 0, .3);--shadow-md: rgba(0, 0, 0, .4);--shadow-lg: rgba(0, 0, 0, .5);--vote-btn-bg: #3a3a3a;--vote-btn-hover: #4a4a4a;--vote-active: #22c55e;--tag-bg: rgba(79, 158, 255, .2);--tag-text: #6bb6ff;--source-bg: #3a3a3a;--source-hover: #4a4a4a;--header-bg: #2a2a2a;--copy-btn-bg: #4f9eff;--copy-btn-hover: #6bb6ff;--preview-btn-bg: #22c55e;--preview-btn-hover: #34d399;--btn-disabled: #6b7280;--skeleton-bg-start: #3a3a3a;--skeleton-bg-end: #4a4a4a;--spinner-bg: #404040;--spinner-accent: #4f9eff;--error-text: #fca5a5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);font-feature-settings:"liga" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.container{display:flex;min-height:100vh;width:100%;margin:0}.header{position:fixed;top:0;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:1rem 3rem 1rem 2rem;z-index:1000;box-shadow:0 1px 3px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;padding:0}.header h1{font-size:1.5rem;color:var(--text-primary);font-weight:700}.header h1 a{text-decoration:none;color:inherit}.logo-container{margin:0;padding-left:0;display:flex;align-items:center;flex-shrink:0}.header-logo{height:50px;width:auto;display:block;object-fit:contain;max-width:280px}.logo-light{display:block}.logo-dark,[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}.nav-links{display:flex;gap:2rem;align-items:center;padding-right:0}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s}.nav-links a:hover{color:var(--accent-primary);background:var(--bg-tertiary)}.nav-links a.active{color:var(--accent-primary);background:var(--accent-secondary)}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.sidebar{width:320px;background:var(--bg-secondary);border-right:1px solid var(--border-primary);padding:6rem 2rem 2rem;overflow-y:auto;position:fixed;height:100vh;transition:transform .3s ease}.search-container{position:relative;margin-bottom:2rem}.search-box{width:100%;padding:.75rem 2.75rem .75rem .75rem;border:1px solid var(--border-secondary);border-radius:.5rem;font-size:.9rem}.search-box:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.search-icon:hover{color:var(--accent-primary);background:var(--bg-tertiary)}.search-icon:focus{outline:none;color:var(--accent-primary);background:var(--bg-tertiary)}.filter-section{margin-bottom:1.5rem}.filter-section h3{font-size:.95rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);border-bottom:2px solid var(--border-secondary);padding-bottom:.375rem}.filter-item{display:flex;justify-content:space-between;align-items:center;padding:.375rem .75rem;cursor:pointer;border-radius:.25rem;transition:background-color .2s;margin-bottom:.125rem;font-size:.85rem;line-height:1.3}.filter-item:hover{background-color:var(--bg-tertiary)}.filter-item.active{background-color:var(--accent-secondary);color:var(--accent-primary)}.source-item{display:flex;align-items:center;gap:.375rem;flex:1;min-width:0}.source-item span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.favicon{width:14px;height:14px;border-radius:2px;flex-shrink:0}.count{background:var(--bg-tertiary);color:var(--text-secondary);padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;min-width:1.5rem;min-height:1.5rem;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;text-align:center}.filter-item.active .count{background:var(--accent-primary);color:#fff}.view-all-link{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;margin-top:.375rem;text-decoration:none;color:var(--accent-primary);font-weight:500;font-size:.8rem;border:1px dashed var(--border-secondary);border-radius:.25rem;transition:all .2s}.view-all-link:hover{background:var(--accent-secondary);border-color:var(--accent-primary);border-style:solid}.view-all-link.active{background:var(--accent-secondary);border-color:var(--accent-primary)}.view-all-link .arrow{transition:transform .2s}.view-all-link:hover .arrow{transform:translate(4px)}.main-content{flex:1;margin-left:320px;padding:6rem 3rem 2rem;max-width:calc(100vw - 320px)}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.results-info{color:var(--text-secondary);font-size:.9rem}.sort-dropdown-wrapper{position:relative;display:inline-block}.sort-dropdown{padding:.5rem 2.5rem .5rem 1rem;border:1px solid var(--border-secondary);border-radius:.375rem;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;font-family:inherit;cursor:pointer;appearance:none;width:100%}.sort-dropdown-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary)}.blog-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.blog-card{background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-secondary);overflow:hidden;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;height:100%}.blog-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px var(--shadow-lg);border-color:var(--border-tertiary)}.blog-card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.blog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.8rem;color:var(--text-secondary)}.blog-source{background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem;max-width:60%;text-decoration:none;color:inherit}.blog-source span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.blog-date{font-size:.8rem}.blog-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-body{flex:1;display:flex;flex-direction:column}.blog-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;margin-bottom:1rem;padding-top:.5rem;min-height:2rem;overflow:hidden}.tag{background:var(--accent-secondary);color:var(--accent-primary);padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.clickable-tag,a.tag-link{text-decoration:none;transition:all .2s ease;cursor:pointer}.clickable-tag:hover,a.tag-link:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}a.tag-link:hover{background:var(--accent-hover)}.blog-source.clickable-tag:hover{background:var(--source-hover)}.tag-icon{width:14px;height:14px;flex-shrink:0}.category-icon{width:14px;height:14px;flex-shrink:0;margin-right:.375rem}.category-icon-large{width:32px;height:32px;flex-shrink:0}.category-name{display:flex;align-items:center}.blog-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--bg-tertiary);padding-top:1rem}.vote-buttons{display:flex;gap:.5rem}.vote-btn{background:none;border:1px solid var(--border-secondary);border-radius:.5rem;padding:.25rem .75rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.85rem;transition:all .2s}.vote-btn:hover{background:var(--vote-btn-hover)}.vote-btn.voted{background:var(--accent-secondary);color:var(--accent-primary);border-color:var(--accent-primary)}.vote-btn:disabled{opacity:.5;cursor:not-allowed}.view-count{font-size:.8rem;color:var(--text-secondary)}@media (min-width: 1440px){.sidebar{width:380px;padding:6rem 2.5rem 2rem}.main-content{margin-left:380px;padding:6rem 4rem 2rem;max-width:calc(100vw - 380px)}.header{padding:1rem 4rem 1rem 2.5rem}.logo-container{padding-left:0}.nav-links{padding-right:0}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:2rem}}@media (min-width: 1920px){.sidebar{width:400px;padding:6rem 3rem 2rem}.main-content{margin-left:400px;padding:6rem 5rem 2rem;max-width:calc(100vw - 400px)}.header{padding:1rem 5rem 1rem 3rem}.logo-container{padding-left:0}.nav-links{padding-right:0}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:2.5rem}}@media (max-width: 768px){.mobile-menu-btn{display:block}.header-content{display:flex;justify-content:space-between;padding:0 1rem}.logo-container{width:auto;flex:1;padding-left:0}.nav-links{padding-right:0}.sidebar{width:320px;transform:translate(-100%);z-index:1001}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:6rem 1rem 2rem;max-width:100vw}.blog-grid{grid-template-columns:1fr}.content-header{flex-direction:column;align-items:flex-start}}.overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:998}.overlay.active{display:block}.no-results{text-align:center;padding:3rem;color:var(--text-secondary);display:none}.pagination{display:flex;justify-content:center;align-items:center;margin:3rem 0;gap:.5rem}.pagination-btn{padding:.75rem 1rem;border:1px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-primary);text-decoration:none;border-radius:.5rem;font-size:.9rem;font-weight:500;transition:all .2s;cursor:pointer}.pagination-btn:hover:not(.disabled){background:var(--bg-tertiary);border-color:var(--text-tertiary)}.pagination-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.pagination-btn.disabled{opacity:.5;cursor:not-allowed;background:var(--vote-btn-bg)}.pagination-info{color:var(--text-secondary);font-size:.9rem;margin:0 1rem}.pagination-numbers{display:flex;gap:.25rem}@media (max-width: 768px){.pagination{flex-wrap:wrap;gap:.5rem}.pagination-info{order:-1;width:100%;text-align:center;margin:0 0 1rem}}.skeleton{animation:skeleton-loading 1s linear infinite alternate;border-radius:.25rem}@keyframes skeleton-loading{0%{background-color:var(--skeleton-bg-start)}to{background-color:var(--skeleton-bg-end)}}.skeleton-text{width:100%;height:.875rem;margin-bottom:.5rem;animation:skeleton-loading 1s linear infinite alternate;border-radius:.25rem}.skeleton-text.short{width:60%}.skeleton-blog-card{background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-secondary);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.skeleton-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skeleton-source{display:flex;align-items:center;gap:.5rem}.skeleton-favicon{width:16px;height:16px;border-radius:.125rem;animation:skeleton-loading 1s linear infinite alternate}.skeleton-source-text{width:80px;height:.75rem;animation:skeleton-loading 1s linear infinite alternate;border-radius:.25rem}.skeleton-date{width:60px;height:.75rem;animation:skeleton-loading 1s linear infinite alternate;border-radius:.25rem}.skeleton-title{width:90%;height:1.25rem;margin-bottom:.5rem;animation:skeleton-loading 1s linear infinite alternate;border-radius:.25rem}.skeleton-description{display:flex;flex-direction:column;gap:.25rem}.skeleton-tags{display:flex;gap:.5rem;margin-top:.5rem}.skeleton-tag{width:60px;height:1.5rem;animation:skeleton-loading 1s linear infinite alternate;border-radius:1rem}.skeleton-category-card,.skeleton-source-card{background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-secondary);padding:.75rem}.skeleton-card-content{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.skeleton-card-icon{width:1.75rem;height:1.75rem;animation:skeleton-loading 1s linear infinite alternate;border-radius:.25rem}.skeleton-card-info{flex:1}.skeleton-card-title{width:80%;height:.875rem;margin-bottom:.25rem;animation:skeleton-loading 1s linear infinite alternate;border-radius:.25rem}.skeleton-card-subtitle{width:50%;height:.75rem;animation:skeleton-loading 1s linear infinite alternate;border-radius:.25rem}.skeleton-filter-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;margin-bottom:.25rem}.skeleton-filter-name{width:60%;height:.875rem;animation:skeleton-loading 1s linear infinite alternate;border-radius:.25rem}.skeleton-filter-count{width:20px;height:.875rem;animation:skeleton-loading 1s linear infinite alternate;border-radius:.25rem;animation-delay:.1s}.loading{display:flex;justify-content:center;align-items:center;padding:2rem}.spinner{border:2px solid var(--spinner-bg);border-top:2px solid var(--spinner-accent);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}.mobile-nav{position:fixed;top:70px;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:1rem;z-index:999;transform:translateY(-100%);transition:transform .3s ease;box-shadow:0 2px 10px var(--shadow-md)}.mobile-nav.active{transform:translateY(0)}.mobile-nav a{display:block;text-decoration:none;color:var(--text-secondary);font-weight:500;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:.5rem;transition:all .2s}.mobile-nav a:hover{color:var(--accent-primary);background:var(--bg-tertiary)}.mobile-nav a.active{color:var(--accent-primary);background:var(--accent-secondary)}.page-header{margin-bottom:2rem}.page-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.page-header p{font-size:1rem;color:var(--text-secondary)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.category-card{background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-secondary);padding:.75rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.category-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px var(--shadow-lg);border-color:var(--border-tertiary)}.category-card .card-content{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.category-card .card-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:var(--bg-tertiary);border-radius:.25rem;font-size:.9rem;flex-shrink:0}.category-card .card-info{flex:1}.category-card .card-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card .card-subtitle{font-size:.75rem;color:var(--text-secondary);margin:0}.category-card .card-action{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.75rem;opacity:.7;transition:all .2s}.category-card:hover .card-action{color:var(--accent-primary);opacity:1}.category-card .action-arrow{transition:transform .2s}.category-card:hover .action-arrow{transform:translate(4px)}.source-card{background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-secondary);padding:.75rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.source-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px var(--shadow-lg);border-color:var(--border-tertiary)}.source-card .card-content{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.source-card .card-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:var(--bg-tertiary);border-radius:.25rem;flex-shrink:0}.source-card .favicon-large{width:1.1rem;height:1.1rem;border-radius:.125rem}.source-card .card-info{flex:1;min-width:0}.source-card .card-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.source-card .card-subtitle{font-size:.75rem;color:var(--text-secondary);margin:0}.source-card .card-action{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.75rem;opacity:.7;transition:all .2s}.source-card:hover .card-action{color:var(--accent-primary);opacity:1}.source-card .action-arrow{transition:transform .2s}.source-card:hover .action-arrow{transform:translate(4px)}.error-message{text-align:center;padding:3rem;color:var(--text-secondary)}.error-message h3{color:var(--error-text);margin-bottom:1rem}.retry-btn{background:var(--accent-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:500;margin-top:1rem;transition:background .2s}.retry-btn:hover{background:var(--accent-primary)}@media (max-width: 768px){.nav-links{display:none}.page-container{padding:8rem 1rem 2rem}.page-header h2{font-size:2rem}.cards-grid{grid-template-columns:1fr;gap:1rem}.category-card,.source-card{padding:1.25rem}body.mobile-menu-open{overflow:hidden}}@media (min-width: 1440px){.cards-grid,.selection-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}}@media (min-width: 1920px){.cards-grid,.selection-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}}.feed-generator-container{max-width:1000px;margin:0 auto}.selection-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border-secondary)}.tab-btn{padding:.75rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:var(--accent-primary)}.tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tab-panel{display:none}.tab-panel.active{display:block}.selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.selection-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.selection-actions{display:flex;gap:.5rem}.action-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:.375rem;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.action-btn:hover{background:var(--vote-btn-bg);color:var(--accent-primary);border-color:var(--accent-primary)}.selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-bottom:2rem}.selection-item{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:.5rem;overflow:hidden;transition:all .2s}.selection-item:hover{border-color:var(--border-tertiary);box-shadow:0 2px 8px var(--shadow-md)}.checkbox-container{display:flex;align-items:center;gap:.5rem;padding:.75rem;cursor:pointer;position:relative}.checkbox-container input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkmark{width:1rem;height:1rem;background:var(--bg-secondary);border:2px solid var(--border-tertiary);border-radius:.25rem;position:relative;transition:all .2s;flex-shrink:0}.checkmark:after{content:"";position:absolute;display:none;left:50%;top:50%;width:.375rem;height:.625rem;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.checkbox-container input:checked~.checkmark{background:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-container input:checked~.checkmark:after{display:block}.item-info{flex:1;min-width:0}.item-name-with-icon{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.item-name{font-weight:500;color:var(--text-primary);font-size:.9rem;line-height:1.2;display:flex;align-items:center;gap:.5rem}.selection-icon{width:18px;height:18px;flex-shrink:0}.item-count{font-size:.8rem;color:var(--text-secondary)}.container.no-sidebar{display:block;max-width:1200px;margin:0 auto;padding:0 1rem}.main-content.full-width{margin-left:0;max-width:none}.feed-output{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:.75rem;padding:1.5rem;margin-top:2rem}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.output-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.selected-count{font-size:.875rem;color:var(--text-secondary);font-weight:500}.url-container{display:flex;gap:.5rem;margin-bottom:1rem}.feed-url-input{flex:1;padding:.75rem;border:1px solid var(--border-secondary);border-radius:.5rem;font-size:.9rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:var(--vote-btn-bg)}.feed-url-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary)}.copy-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--copy-btn-bg);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.preview-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--preview-btn-bg);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.copy-btn:hover:not(:disabled){background:var(--copy-btn-hover)}.copy-btn:disabled,.preview-btn:disabled{background:var(--btn-disabled);cursor:not-allowed}.feed-preview{display:flex;justify-content:center}.preview-btn{background:var(--preview-btn-bg)}.preview-btn:hover:not(:disabled){background:var(--preview-btn-hover)}@media (max-width: 768px){.selection-header{flex-direction:column;align-items:flex-start;gap:1rem}.selection-grid{grid-template-columns:1fr;gap:1rem}.url-container{flex-direction:column}.output-header{flex-direction:column;align-items:flex-start;gap:.5rem}.tab-btn{padding:.5rem 1rem;font-size:.875rem}}.header-theme-toggle{background:transparent;border:1px solid var(--border-secondary);color:var(--text-secondary);width:2.5rem;height:2.5rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:1rem}.header-theme-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.header-theme-toggle svg{width:1.25rem;height:1.25rem}@media (max-width: 768px){.header-theme-toggle{width:2rem;height:2rem;margin-left:.5rem}.header-theme-toggle svg{width:1rem;height:1rem}}.theme-icon-sun{display:block}.theme-icon-moon,[data-theme=dark] .theme-icon-sun{display:none}[data-theme=dark] .theme-icon-moon{display:block}[data-theme=dark] .search-box{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-secondary)}[data-theme=dark] .search-box:focus{background:var(--bg-secondary);border-color:var(--accent-primary)}[data-theme=dark] .sort-dropdown{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-secondary)}[data-theme=dark] .sort-dropdown:hover{background:var(--bg-tertiary)}[data-theme=dark] .feed-url-input{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-secondary)}[data-theme=dark] .filter-section h3{border-bottom-color:var(--border-secondary)}[data-theme=dark] .header{box-shadow:0 1px 3px var(--shadow-sm)}[data-theme=dark] .mobile-menu-btn{color:var(--text-primary)}[data-theme=dark] .action-btn:hover{background:var(--vote-btn-hover);color:var(--accent-primary);border-color:var(--accent-primary)}[data-theme=dark] .pagination-btn:hover:not(.disabled){background:var(--vote-btn-hover);border-color:var(--border-tertiary)}[data-theme=dark] .view-all-link{border-color:var(--border-secondary)}[data-theme=dark] .view-all-link:hover{border-color:var(--accent-primary)}[data-theme=dark] a.tag-link:hover{background:var(--accent-secondary);color:var(--tag-text)}[data-theme=dark] .blog-source.clickable-tag:hover{background:var(--vote-btn-hover);color:var(--text-primary)}[data-theme=dark] .vote-btn{background:var(--vote-btn-bg);color:var(--text-secondary);border-color:var(--border-secondary)}[data-theme=dark] .vote-btn:hover{background:var(--vote-btn-hover);color:var(--text-primary);border-color:var(--border-tertiary)}[data-theme=dark] .vote-btn.voted{background:#3b82f626;color:var(--accent-primary);border-color:var(--accent-primary)}[data-theme=dark] .header h1,[data-theme=dark] .header h1 a{color:var(--text-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.error-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:var(--bg-primary);color:var(--text-primary)}.error-container{max-width:500px;width:100%;text-align:center;padding:3rem;background-color:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary);box-shadow:0 4px 12px var(--shadow-md)}.error-code{font-size:4rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1}.error-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.error-message{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.error-button{display:inline-block;background-color:var(--accent-primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .2s ease;margin-bottom:1rem}.error-button:hover{background-color:var(--accent-hover);color:#fff}.error-footer{margin-top:2rem;color:var(--text-tertiary);font-size:.875rem}.error-help{color:var(--text-secondary);font-size:.875rem}.app-footer{margin-top:4rem;padding:2rem 0;border-top:1px solid var(--border);background-color:var(--bg-primary)}.footer-content{max-width:1400px;margin:0 auto;padding:0 1rem;text-align:center}.footer-text{color:var(--text-secondary);font-size:.875rem;margin:0}@media (max-width: 768px){.app-footer{margin-top:2rem;padding:1.5rem 0}}.admin-container{min-height:100vh;background-color:var(--bg-primary);display:flex;flex-direction:column}.admin-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:0 1.5rem;height:64px;display:flex;align-items:center}.admin-header-content{width:100%;display:flex;justify-content:space-between;align-items:center}.admin-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.admin-body{display:flex;flex:1}.admin-sidebar{width:250px;background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);min-height:calc(100vh - 64px)}.admin-nav{padding:1rem}.admin-nav-list{list-style:none;margin:0;padding:0}.admin-nav-item{margin-bottom:.25rem}.admin-nav-link{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:all .2s ease}.admin-nav-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.admin-nav-link.active{background-color:var(--accent-secondary);color:var(--accent-primary)}.admin-main{flex:1;padding:2rem;overflow-y:auto}.admin-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px var(--shadow-sm)}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-secondary)}.admin-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.25rem;box-shadow:0 1px 3px var(--shadow-sm)}.admin-stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.admin-stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.admin-stat-meta{font-size:.75rem;color:var(--text-tertiary);margin-top:.5rem}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background-color:var(--bg-tertiary);padding:.75rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-primary);font-size:.875rem}.admin-table td{padding:.75rem;border-bottom:1px solid var(--border-secondary);color:var(--text-primary)}.admin-table tr:hover{background-color:var(--bg-tertiary)}.admin-btn{padding:.5rem 1rem;border:1px solid var(--border-primary);border-radius:6px;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-block}.admin-btn:hover{background-color:var(--bg-tertiary)}.admin-btn-primary{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.admin-btn-primary:hover{background-color:#2563eb;border-color:#2563eb}.admin-btn-success{background-color:#10b981;color:#fff;border-color:#10b981}.admin-btn-success:hover{background-color:#059669;border-color:#059669}.admin-btn-warning{background-color:#f59e0b;color:#fff;border-color:#f59e0b}.admin-btn-warning:hover{background-color:#d97706;border-color:#d97706}.admin-btn-danger{background-color:#ef4444;color:#fff;border-color:#ef4444}.admin-btn-danger:hover{background-color:#dc2626;border-color:#dc2626}.admin-btn-sm{padding:.25rem .75rem;font-size:.75rem}.admin-btn-group{display:flex;gap:.5rem}.admin-form-group{margin-bottom:1.5rem}.admin-form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.875rem}.admin-form-input,.admin-form-select,.admin-form-textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border-primary);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.admin-form-textarea{resize:vertical;min-height:100px}.admin-form-help{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.admin-search-bar{display:flex;gap:1rem;margin-bottom:1.5rem}.admin-search-bar form{display:flex}.admin-search-bar form:first-child{flex:1}.admin-search-input{flex:1;width:100%}.admin-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:4px;text-transform:uppercase}.admin-badge-success{background-color:#d1fae5;color:#065f46}.admin-badge-warning{background-color:#fed7aa;color:#92400e}.admin-badge-error{background-color:#fee2e2;color:#991b1b}.admin-badge-info{background-color:#dbeafe;color:#1e40af}.admin-alert{padding:1rem;border-radius:6px;margin-bottom:1.5rem}.admin-alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.admin-alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.admin-alert-info{background-color:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.admin-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.admin-empty{text-align:center;padding:3rem;color:var(--text-tertiary)}@media (max-width: 768px){.admin-sidebar{display:none}.admin-stats-grid{grid-template-columns:1fr}.admin-main{padding:1rem}}.admin-text-center{text-align:center}.admin-text-right{text-align:right}.admin-text-small{font-size:.875rem}.admin-text-primary{color:var(--text-primary)}.admin-text-muted{color:var(--text-secondary)}.admin-text-tertiary{color:var(--text-tertiary)}.admin-text-error{color:var(--error-text)}.admin-text-success{color:#10b981}.admin-text-info{color:#3b82f6}.admin-text-warning{color:#f59e0b}.admin-mb-1{margin-bottom:.5rem}.admin-mb-2{margin-bottom:1rem}.admin-mb-3{margin-bottom:1.5rem}.admin-mt-2{margin-top:1rem}.admin-mt-3{margin-top:1.5rem}.admin-flex{display:flex}.admin-flex-between{display:flex;justify-content:space-between;align-items:center}.admin-gap-1{gap:.5rem}.admin-gap-2{gap:1rem}