:root{--friends-rss-bg:#fff;--friends-rss-text:#333;--friends-rss-border:#e9ecef;--friends-rss-shadow:rgba(0,0,0,0.1);--friends-rss-hover-shadow:rgba(0,0,0,0.15);--friends-rss-meta:#666;--friends-rss-link:#007bff;--friends-rss-link-hover:#0056b3;--friends-rss-description:#666;--friends-rss-loading:#6c757d;--friends-rss-error:#dc3545;--friends-rss-empty:#6c757d;--friends-rss-empty-icon:#dee2e6;--friends-rss-empty-desc:#adb5bd;--friends-rss-pagination-bg:#fff;--friends-rss-pagination-text:#666;--friends-rss-btn-bg:#f8f9fa;--friends-rss-btn-text:#495057;--friends-rss-btn-hover:#e9ecef;--friends-rss-btn-hover-text:#212529;--friends-rss-btn-disabled:#e9ecef;--friends-rss-btn-disabled-text:#adb5bd}[data-night="night"],.dark-mode,body.dark,body.night,.night,.night-mode,html.night,.theme-dark{--friends-rss-bg:#2d3748;--friends-rss-text:#e2e8f0;--friends-rss-border:#4a5568;--friends-rss-shadow:rgba(0,0,0,0.3);--friends-rss-hover-shadow:rgba(0,0,0,0.4);--friends-rss-meta:#a0aec0;--friends-rss-link:#63b3ed;--friends-rss-link-hover:#90cdf4;--friends-rss-description:#a0aec0;--friends-rss-loading:#a0aec0;--friends-rss-error:#fc8181;--friends-rss-empty:#a0aec0;--friends-rss-empty-icon:#718096;--friends-rss-empty-desc:#718096;--friends-rss-pagination-bg:#2d3748;--friends-rss-pagination-text:#a0aec0;--friends-rss-btn-bg:#4a5568;--friends-rss-btn-text:#e2e8f0;--friends-rss-btn-hover:#2d3748;--friends-rss-btn-hover-text:#f7fafc;--friends-rss-btn-disabled:#2d3748;--friends-rss-btn-disabled-text:#718096}.friends-rss-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;padding:0;min-height:400px}.friends-rss-loading{text-align:center;padding:60px 20px;color:var(--friends-rss-loading);display:block}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--friends-rss-loading)}.loading-spinner .spinner{font-size:48px;color:var(--friends-rss-link);animation:spin 1s linear infinite;display:inline-block}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loading-spinner span{font-size:16px}.friends-rss-error{text-align:center;padding:60px 20px;color:var(--friends-rss-error)}.error-message{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--friends-rss-error)}.error-message .error-icon{font-size:48px}.error-message span{font-size:16px;font-weight:500}.friends-rss-empty{text-align:center;padding:60px 20px;color:var(--friends-rss-empty)}.empty-message{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--friends-rss-empty)}.empty-message .empty-icon{font-size:48px;color:var(--friends-rss-empty-icon)}.empty-message span{font-size:18px;font-weight:500}.empty-message p{margin:0;font-size:14px;color:var(--friends-rss-empty-desc)}.friends-rss-articles{margin-bottom:30px}.articles-list{display:flex;flex-direction:column;gap:20px}.friends-rss-article{background:var(--friends-rss-bg);border-radius:8px;padding:20px;box-shadow:0 2px 8px var(--friends-rss-shadow);transition:all 0.2s ease;border:1px solid var(--friends-rss-border)}.friends-rss-article:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--friends-rss-hover-shadow)}.article-header{margin-bottom:1rem}.article-title{margin:0 0 15px 0;font-size:18px;font-weight:600;line-height:1.4}.article-title a{color:var(--friends-rss-text);text-decoration:none;transition:color 0.2s ease}.article-title a:hover{color:var(--friends-rss-link)}.article-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;font-size:13px;color:var(--friends-rss-meta)}.article-meta span{display:flex;align-items:center;gap:5px}.article-meta .meta-icon{color:var(--friends-rss-link);width:18px;font-size:14px;text-align:center;display:inline-block}.article-meta a{color:var(--friends-rss-link);text-decoration:none;transition:color 0.2s ease}.article-meta a:hover{color:var(--friends-rss-link-hover)}.article-description{color:var(--friends-rss-description);line-height:1.6;font-size:14px;margin:0}.friends-rss-pagination{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--friends-rss-pagination-bg);border-radius:8px;box-shadow:0 2px 8px var(--friends-rss-shadow);margin-top:20px;border:1px solid var(--friends-rss-border)}.pagination-info{color:var(--friends-rss-pagination-text);font-size:14px}.pagination-controls{display:flex;gap:10px}.pagination-controls .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--friends-rss-border);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;background:var(--friends-rss-btn-bg);color:var(--friends-rss-btn-text);text-decoration:none}.pagination-controls .btn:disabled{background:var(--friends-rss-btn-disabled);color:var(--friends-rss-btn-disabled-text);cursor:not-allowed;transform:none;opacity:0.7}.pagination-controls .btn:not(:disabled):hover{transform:translateY(-1px);background:var(--friends-rss-btn-hover);color:var(--friends-rss-btn-hover-text)}.btn-sm{padding:6px 12px;font-size:13px}.btn-default{background:var(--friends-rss-btn-bg);color:var(--friends-rss-btn-text);transition:all 0.2s ease}.btn-default:hover{background:var(--friends-rss-btn-hover);color:var(--friends-rss-btn-hover-text)}.friends-rss-notification{position:fixed;top:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:6px;color:#fff;font-size:14px;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,0.15);animation:slideInRight 0.3s ease-out;max-width:400px}.friends-rss-notification-success{background:#28a745}.friends-rss-notification-error{background:#dc3545}.friends-rss-notification-info{background:#17a2b8}.notification-close{background:none;border:none;color:#fff;cursor:pointer;padding:0;margin-left:auto;opacity:0.8;transition:opacity 0.2s ease}.notification-close:hover{opacity:1}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.friends-rss-article{animation:fadeIn 0.3s ease-out}@media (max-width:768px){.friends-rss-container{padding:15px 0}.friends-rss-article{padding:15px}.article-title{font-size:16px}.article-meta{gap:10px;font-size:12px}.friends-rss-pagination{flex-direction:column;gap:15px;text-align:center;padding:15px}.friends-rss-notification{right:10px;left:10px;max-width:none}}@media (max-width:480px){.article-meta{flex-direction:column;gap:8px}.loading-spinner,.error-message,.empty-message{padding:40px 15px}}@media (prefers-color-scheme:dark){.friends-rss-article,.friends-rss-pagination{background:var(--friends-rss-bg);color:var(--friends-rss-text);border-color:var(--friends-rss-border)}.article-title a{color:var(--friends-rss-text)}.article-title a:hover{color:var(--friends-rss-link)}.article-meta{color:var(--friends-rss-meta)}.article-meta a{color:var(--friends-rss-link)}.article-meta a:hover{color:var(--friends-rss-link-hover)}.article-description{color:var(--friends-rss-description)}.empty-message{color:var(--friends-rss-empty)}.empty-message p{color:var(--friends-rss-empty-desc)}.pagination-info{color:var(--friends-rss-pagination-text)}}