body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}._sidebar_117i8_1{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);background:var(--color-bg-sunken);border-right:1px solid var(--color-border);padding:var(--space-4) var(--space-2);font-family:var(--font-ui);flex-direction:column;display:flex;overflow-y:auto}._brand_117i8_13{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-4);font-weight:700;font-size:var(--text-sm);color:var(--color-ink);letter-spacing:-.01em;display:flex}._brandMark_117i8_24{background:var(--color-accent);border-radius:6px;flex:none;width:20px;height:20px}._section_117i8_32{margin-bottom:var(--space-4)}._sectionLabel_117i8_36{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-faint);padding:var(--space-1) var(--space-3);font-weight:600}._navItem_117i8_45{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-ink-soft);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}._navItem_117i8_45:hover{background:var(--color-bg-elevated);color:var(--color-ink)}._navItemActive_117i8_65,._navItemActive_117i8_65:hover{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}._navIcon_117i8_72{opacity:.85;flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}._navLabel_117i8_82{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._count_117i8_89{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-faint)}._sourceDot_117i8_95{background:var(--color-ink-faint);border-radius:999px;flex:none;width:8px;height:8px}._sourceRow_117i8_103{align-items:center;display:flex}._sourceRow_117i8_103 ._navItem_117i8_45{flex:1;min-width:0}._removeSourceBtn_117i8_113{width:22px;height:22px;color:var(--color-ink-faint);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);opacity:0;background:0 0;border:none;flex:none;line-height:1}._sourceRow_117i8_103:hover ._removeSourceBtn_117i8_113{opacity:1}._removeSourceBtn_117i8_113:hover{background:var(--color-danger-soft);color:var(--color-danger)}._addSourceBtn_117i8_136{margin:var(--space-2) var(--space-2) 0;padding:var(--space-2) var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-ink-soft);font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0}._addSourceBtn_117i8_136:hover{border-color:var(--color-accent);color:var(--color-accent)}._footer_117i8_153{padding:var(--space-3);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:auto;display:flex}._userEmail_117i8_163{font-size:var(--text-xs);color:var(--color-ink-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._signOutBtn_117i8_171{font-size:var(--text-xs);color:var(--color-ink-soft);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:0 0;border:none;flex:none}._signOutBtn_117i8_171:hover{background:var(--color-bg-elevated);color:var(--color-danger)}._list_115il_1{width:var(--list-width);flex:0 0 var(--list-width);border-right:1px solid var(--color-border);background:var(--color-bg);flex-direction:column;display:flex;overflow:hidden}._header_115il_11{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}._headerTitle_115il_20{font-size:var(--text-xl);color:var(--color-ink);letter-spacing:-.01em;font-weight:700}._headerSubtitle_115il_27{font-size:var(--text-xs);color:var(--color-ink-faint);margin-top:var(--space-1)}._refreshBtn_115il_33{border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-ink-soft);cursor:pointer;font-size:var(--text-sm);flex:none}._refreshBtn_115il_33:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent)}._refreshBtn_115il_33:disabled{opacity:.5;cursor:not-allowed}._refreshSpin_115il_55{animation:.9s linear infinite _spin_115il_1;display:inline-block}@keyframes _spin_115il_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._refreshSpin_115il_55{animation:none}}._scroll_115il_75{flex:1;overflow-y:auto}._row_115il_80{gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;border-bottom:1px solid var(--color-border);text-align:left;cursor:pointer;background:0 0;display:flex}._row_115il_80:hover{background:var(--color-bg-sunken)}._rowActive_115il_96,._rowActive_115il_96:hover{background:var(--color-accent-soft)}._rowMain_115il_101{flex:1;min-width:0}._rowTop_115il_106{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}._sourceName_115il_113{font-size:var(--text-xs);color:var(--color-ink-soft);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}._timestamp_115il_122{font-size:var(--text-xs);color:var(--color-ink-faint);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}._title_115il_130{font-size:var(--text-sm);color:var(--color-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}._snippet_115il_141{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-ink-faint);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}._thumbWrap_115il_152{border-radius:var(--radius-sm);background:var(--color-bg-sunken);flex:none;width:64px;height:64px;position:relative;overflow:hidden}._thumb_115il_152{object-fit:cover;width:100%;height:100%}._typeBadge_115il_168{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;position:absolute;bottom:4px;right:4px;box-shadow:0 1px 3px #0000004d}._typeBadgeVideo_115il_183{background:var(--color-type-video)}._typeBadgePodcast_115il_187{background:var(--color-type-podcast)}._unreadDot_115il_191{background:var(--color-accent);border-radius:999px;flex:none;width:6px;height:6px}._savedIcon_115il_199{color:var(--color-accent);flex:none}._empty_115il_204{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-ink-faint);font-size:var(--text-sm)}._panel_17ol2_1{background:var(--color-bg-elevated);flex:auto;min-width:0;position:relative;overflow-y:auto}._placeholder_17ol2_9{height:100%;color:var(--color-ink-faint);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}@keyframes _slideIn_17ol2_1{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){._content_17ol2_30{animation:none!important}}._content_17ol2_30{max-width:720px;padding:var(--space-6) var(--space-8) var(--space-12);margin:0 auto;animation:.18s _slideIn_17ol2_1}._toolbar_17ol2_42{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}._backBtn_17ol2_49{background:var(--color-bg-sunken);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--color-ink-soft);font-size:var(--text-base);border:none}._backBtn_17ol2_49:hover{color:var(--color-ink)}._toolbarSpacer_17ol2_64{flex:1}._iconBtn_17ol2_68{background:var(--color-bg-sunken);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--color-ink-soft);font-size:var(--text-base);border:none}._iconBtn_17ol2_68:hover{color:var(--color-accent)}._iconBtnActive_17ol2_83{color:var(--color-accent);background:var(--color-accent-soft)}._sourceRow_17ol2_88{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-soft);margin-bottom:var(--space-2);font-weight:600;display:flex}._headline_17ol2_98{font-family:var(--font-ui);font-size:var(--text-2xl);color:var(--color-ink);letter-spacing:-.01em;font-weight:800;line-height:1.2}._meta_17ol2_107{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-faint)}._hero_17ol2_113{border-radius:var(--radius-md);width:100%;margin:var(--space-6) 0;display:block}._mediaEmbed_17ol2_120{aspect-ratio:16/9;width:100%;margin:var(--space-6) 0;border-radius:var(--radius-md);background:#000;position:relative;overflow:hidden}._mediaEmbed_17ol2_120 iframe{border:0;width:100%;height:100%;position:absolute;inset:0}._audioPlayer_17ol2_138{margin:var(--space-6) 0;padding:var(--space-4);background:var(--color-bg-sunken);border-radius:var(--radius-md)}._audioPlayer_17ol2_138 audio{width:100%}._duration_17ol2_149{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-faint);margin-top:var(--space-2)}._body_17ol2_156{font-family:var(--font-reading);font-size:var(--text-lg);color:var(--color-ink);white-space:pre-wrap;line-height:1.65}._openLink_17ol2_164{margin-top:var(--space-6);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-accent);font-weight:600;display:inline-block}._overlay_14thf_1{z-index:100;background:#1b1d1f66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._dialog_14thf_11{width:480px;max-width:calc(100vw - var(--space-8));background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:var(--space-6);font-family:var(--font-ui)}._title_14thf_21{font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:700}._label_14thf_27{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-faint);margin-bottom:var(--space-1);font-weight:600;display:block}._field_14thf_37{margin-bottom:var(--space-4)}._input_14thf_41{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-ui)}._input_14thf_41:focus{border-color:var(--color-accent);outline:none}._typeRow_14thf_55{gap:var(--space-2);display:flex}._typeOption_14thf_60{padding:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;text-align:center;background:0 0;flex:1}._typeOptionActive_14thf_71{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}._error_14thf_78{color:var(--color-danger);font-size:var(--text-sm);margin-bottom:var(--space-4)}._actions_14thf_84{justify-content:flex-end;gap:var(--space-2);display:flex}._btn_14thf_90{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);font-size:var(--text-sm);cursor:pointer;background:0 0}._btnPrimary_14thf_99{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}._btnPrimary_14thf_99:disabled{opacity:.6;cursor:not-allowed}._shell_11g97_1{background:var(--color-bg);height:100vh;color:var(--color-ink);font-family:var(--font-ui);display:flex;overflow:hidden}@media (width<=900px){._shell_11g97_1{position:relative}}._loadingScreen_11g97_16{height:100vh;color:var(--color-ink-faint);font-family:var(--font-ui);justify-content:center;align-items:center;display:flex}:root{--color-bg:#fbfaf7;--color-bg-elevated:#fff;--color-bg-sunken:#f2f1ec;--color-ink:#1b1d1f;--color-ink-soft:#5b5f63;--color-ink-faint:#8a8d8f;--color-border:#e4e2dc;--color-border-strong:#d3d1c9;--color-accent:#2b4c59;--color-accent-soft:#e2ebed;--color-accent-ink:#fff;--color-type-video:#b23a2e;--color-type-video-soft:#f7e6e2;--color-type-podcast:#8a5a1f;--color-type-podcast-soft:#f3e9d9;--color-success:#3e7a57;--color-success-soft:#e1eee5;--color-danger:#b23a2e;--color-danger-soft:#f7e6e2;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-reading:Georgia, "Iowan Old Style", "Times New Roman", serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-panel:0 1px 2px #1b1d1f0f, 0 8px 24px #1b1d1f14;--sidebar-width:240px;--list-width:360px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 2px 10px #0000001a}.app-header h1{font-size:1.8rem;font-weight:600}.user-info{align-items:center;gap:1rem;display:flex}.sign-out-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;padding:.5rem 1rem;transition:all .2s}.sign-out-btn:hover{background:#ffffff4d}.app-nav{background:#fff;border-bottom:1px solid #e0e0e0;gap:1rem;padding:0 2rem;display:flex}.app-nav button{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:3px solid #0000;padding:1rem 1.5rem;font-size:1rem;transition:all .2s}.app-nav button:hover{color:#333}.app-nav button.active{color:#667eea;border-bottom-color:#667eea}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.auth-container{justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.auth-form{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2rem;box-shadow:0 4px 20px #0000001a}.auth-form h2{text-align:center;color:#333;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#555;margin-bottom:.5rem;font-weight:500;display:block}.form-group input{border:2px solid #e0e0e0;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:#667eea;outline:none}.auth-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;transition:all .2s}.auth-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.auth-form button:disabled{opacity:.6;cursor:not-allowed}.toggle-auth{margin-top:1rem;text-decoration:underline;color:#667eea!important;background:0 0!important;border:none!important}.toggle-auth:hover{box-shadow:none!important;transform:none!important}.feed-list h2{color:#333;margin-bottom:2rem}.feed-management-box{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.feed-controls{margin-bottom:2rem}.feed-controls .test-btn{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.feed-controls .fetch-rss-btn{background:#c25811}.feed-controls .auto-fetch-btn{background:#036}.feed-controls .test-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003}.feed-controls .test-btn.active{background:#dc3545}.fetch-options{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.fetch-limit-selector{align-items:center;gap:1rem;display:flex}.fetch-limit-selector span{color:#555;font-size:.875rem;font-weight:500}.limit-buttons{gap:.5rem;display:flex}.limit-buttons button{cursor:pointer;background-color:#f0f2f5;border:1px solid #ddd;border-radius:6px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.limit-buttons button:hover:not(.active){background-color:#e4e6e9;border-color:#ccc}.limit-buttons button.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 2px 8px #667eea4d}.rss-controls{background:#fff;border-radius:8px;gap:1rem;margin-bottom:1rem;padding:1.5rem;display:flex;box-shadow:0 2px 8px #0000001a}.fetch-buttons{gap:1rem;margin-bottom:1rem;display:flex}.fetch-buttons .fetch-rss-btn{color:#fff!important;background-color:#ff9500!important}.fetch-buttons .fetch-rss-btn:hover:not(:disabled){background-color:#e68600!important}.fetch-buttons .auto-fetch-btn{color:#fff!important;background-color:#667eea!important}.fetch-buttons .auto-fetch-btn.active{background:#dc3545!important}.fetch-buttons .auto-fetch-btn:hover:not(:disabled){background-color:#5a6fd8!important}.fetch-btn,.auto-fetch-btn{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.fetch-btn{color:#fff;background:#667eea}.fetch-btn:hover:not(:disabled){background:#5a6fd8}.fetch-btn.fetching{cursor:not-allowed;background:#ff9500}.auto-fetch-btn{color:#fff;background:#28a745}.auto-fetch-btn:hover:not(:disabled){background:#218838}.auto-fetch-btn.active{background:#dc3545}.auto-fetch-btn.active:hover{background:#c82333}.timer{text-align:center;color:#495057;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.5rem 1rem;font-weight:500}.latest-feeds{background:#fff;border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.latest-feeds h3{color:#333;margin-bottom:1rem;font-size:1.2rem}.feeds-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.feed-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem;transition:transform .2s}.feed-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.feed-card h4{color:#333;margin-bottom:.5rem;font-size:1rem}.feed-card p{color:#666;margin-bottom:.5rem;font-size:.875rem;line-height:1.4}.feed-card small{color:#999;margin-bottom:.5rem;font-size:.75rem;display:block}.remove-feed-small{color:#fff;cursor:pointer;background:#ff4757;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.remove-feed-small:hover{background:#c82333}.add-feed-form{gap:1rem;display:flex}.add-feed-form .feed-input{border:2px solid #e0e0e0;border-radius:6px;flex-grow:1;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.add-feed-form .feed-input:focus{border-color:#667eea;outline:none}.add-feed-form button{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:500;transition:background-color .2s}.add-feed-form button:hover:not(:disabled){background:#5a6fd8}.feeds-container{margin-top:2rem}.all-feeds ul{padding:0;list-style:none}.all-feeds li{margin-bottom:1.5rem}.feeds{margin-top:2rem}.feeds h3{color:#333;margin-bottom:1rem;font-size:1.2rem}.feed-item{background:#fff;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 2px 8px #0000001a}.feed-info h3{color:#333;margin-bottom:.5rem}.feed-info p{color:#666;margin-bottom:.5rem}.feed-info small{color:#999;margin-bottom:.25rem;font-size:.875rem;display:block}.remove-feed{color:#fff;cursor:pointer;background:#ff4757;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem}.article-list h2{color:#333;margin-bottom:2rem}.articles{gap:1.5rem;display:grid}.article-item{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a}.article-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.article-content{align-items:flex-start;gap:1rem;display:flex}.article-thumbnail{background:#f5f5f5;border-radius:6px;flex-shrink:0;width:120px;height:80px;overflow:hidden}.article-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.article-thumbnail img:hover{transform:scale(1.05)}.article-text{flex:1;min-width:0}.article-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.article-header h3{color:#333;margin:0;font-size:1.2rem;line-height:1.4}.feed-title{color:#fff;white-space:nowrap;background:#667eea;border-radius:4px;flex-shrink:0;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.article-description{color:#666;margin-bottom:1rem;line-height:1.6}.article-meta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pub-date{color:#999;font-size:.875rem}.read-more{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;display:inline-block}.read-more:hover{background:#5a6fd8}.loading{text-align:center;color:#666;padding:2rem;font-size:1.1rem}.error{color:#c33;background:#fee;border-left:4px solid #c33;border-radius:6px;margin:1rem 0;padding:1rem;font-weight:500}.success{color:#363;background:#efe;border-left:4px solid #363;border-radius:6px;margin:1rem 0;padding:1rem;font-weight:500}@media (width<=768px){.app-header{text-align:center;flex-direction:column;gap:1rem;padding:1rem}.app-nav{flex-wrap:wrap;padding:0 1rem}.app-main{padding:1rem}.fetch-buttons{flex-direction:column}.feeds-grid{grid-template-columns:1fr}.add-feed-form .form-group{flex-direction:column}.feed-item{flex-direction:column;gap:1rem}.article-header{flex-direction:column;align-items:flex-start;gap:.5rem}.article-meta{flex-direction:column;gap:.5rem}.article-content{flex-direction:column;gap:1rem}.article-thumbnail{align-self:center;width:100%;height:200px}}.database-test{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 20px #0000001a}.database-test h3{color:#333;margin-bottom:1.5rem;font-size:1.5rem}.feed-selection{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.feed-selection h4{color:#333;margin-bottom:.5rem;font-size:1.1rem}.feed-selection-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.feed-selection-header h4{margin-bottom:0}.toggle-samples-btn{cursor:pointer;color:#666;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.toggle-samples-btn:hover{color:#333;background:#e9ecef;border-color:#667eea}.toggle-samples-btn:active{transform:translateY(1px)}.search-container{position:relative}.feed-search{border:2px solid #e0e0e0;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.feed-search:focus{border-color:#667eea;outline:none}.dropdown-container{align-items:center;gap:.5rem;display:flex}.feed-dropdown{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:6px;flex:1;padding:.75rem;font-size:1rem;transition:border-color .2s}.feed-dropdown:focus{border-color:#667eea;outline:none}.feed-dropdown option{padding:.5rem}.feed-dropdown optgroup{color:#667eea;font-weight:600}.refresh-btn{cursor:pointer;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;min-width:50px;padding:.75rem;font-size:1rem;transition:all .2s}.refresh-btn:hover:not(:disabled){background:#e9ecef;border-color:#667eea}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.feed-info{text-align:left;color:#666;font-size:.9rem}.feed-info small{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:.25rem .5rem}.test-buttons{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.test-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.test-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.test-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.test-btn.add-btn{color:#fff;background:linear-gradient(135deg,#38b000 0%,#70e000 100%)}.test-btn.add-btn:hover:not(:disabled){box-shadow:0 4px 12px #38b0004d}.test-btn.delete-btn{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);font-weight:600}.test-btn.delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c 0%,#dc2626 100%);transform:translateY(-1px);box-shadow:0 4px 12px #dc262680}.test-btn.clear-btn{color:#fff;background:linear-gradient(135deg,#a0aec0 0%,#718096 100%)}.test-btn.clear-btn:hover:not(:disabled){box-shadow:0 4px 12px #a0aec04d}.test-btn.cleanup-btn{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);font-weight:500}.test-btn.cleanup-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea580c 0%,#dc2626 100%);transform:translateY(-1px);box-shadow:0 4px 12px #f9731666}.test-summary{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.test-summary h4{color:#333;margin-bottom:1rem;font-size:1.1rem}.results-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.result-item{text-align:center;border-radius:6px;padding:.75rem;font-size:.9rem;font-weight:500}.result-item.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.result-item.failed{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.result-item:not(.success):not(.failed){color:#383d41;background:#e2e3e5;border:1px solid #d6d8db}.test-results{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.test-results h4{color:#333;margin-bottom:1rem;font-size:1.1rem}.log-output{color:#e2e8f0;white-space:pre-wrap;background:#2d3748;border-radius:6px;max-height:400px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;overflow-y:auto}.no-logs{color:#a0aec0;text-align:center;padding:2rem;font-style:italic}.log-line{word-wrap:break-word;margin-bottom:.25rem}.log-line:last-child{margin-bottom:0}@media (width<=768px){.database-test{padding:1rem}.test-buttons,.results-grid{grid-template-columns:1fr}.feed-selection{gap:.75rem}.log-output{max-height:300px;font-size:.8rem}}.custom-feed-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.custom-feed-section h4{color:#333;margin-bottom:1rem;font-size:1.1rem}.custom-feed-input{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.feed-url-input{border:2px solid #e0e0e0;border-radius:6px;flex:1;min-width:300px;padding:.75rem;font-size:1rem;transition:border-color .2s}.feed-url-input:focus{border-color:#667eea;outline:none}.feed-url-input::placeholder{color:#999;font-style:italic}.rss-logs-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.rss-logs-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.rss-logs-header h4{color:#333;margin-bottom:0;font-size:1.1rem}.clear-rss-logs-btn{cursor:pointer;color:#666;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.clear-rss-logs-btn:hover{color:#dc2626;background:#e9ecef;border-color:#dc2626}.rss-logs-content{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:1rem}.no-rss-logs{color:#a0aec0;text-align:center;padding:1rem;font-style:italic}.rss-logs-list{max-height:200px;overflow-y:auto}.rss-log-line{color:#4a5568;border-bottom:1px solid #f1f5f9;padding:.25rem 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem}.rss-log-line:last-child{border-bottom:none}.rss-logs-more{color:#718096;text-align:center;padding:.5rem 0;font-size:.8rem;font-style:italic}.test-btn.image-test-btn{color:#fff;background-color:#007bff;font-weight:500}.test-btn.image-test-btn:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.feed-actions{gap:.5rem;margin-top:.5rem;display:flex}.edit-feed-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.8rem}.edit-feed-btn:hover{background-color:#0056b3}.feed-edit-form{flex-direction:column;gap:.5rem;width:100%;display:flex}.edit-input,.edit-textarea{border:1px solid #ddd;border-radius:4px;padding:.5rem;font-size:.9rem}.edit-textarea{resize:vertical;min-height:60px}.edit-buttons{gap:.5rem;display:flex}.save-btn{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem}.save-btn:hover{background-color:#218838}.cancel-btn{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem}.cancel-btn:hover{background-color:#5a6268}.test-logs-header,.rss-logs-header{background-color:#f8f9fa;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem;display:flex}.test-logs-controls,.rss-logs-controls{align-items:center;gap:.5rem;display:flex}.expand-btn{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.8rem}.expand-btn:hover{background-color:#5a6268}.clear-logs-btn,.clear-rss-logs-btn{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.8rem}.clear-logs-btn:hover,.clear-rss-logs-btn:hover{background-color:#c82333}.logs-more,.rss-logs-more{color:#6c757d;text-align:center;background-color:#f8f9fa;border-radius:4px;margin-top:.5rem;padding:.5rem;font-style:italic}.image-test-btn{background-color:#007bff}.problematic-feeds-btn{background-color:#6f42c1}.problematic-feeds-btn:hover{background-color:#5a32a3}.database-feeds-btn{background-color:#fd7e14}.database-feeds-btn:hover{background-color:#e8690b}.debug-9to5mac-btn{background-color:#e83e8c}.debug-9to5mac-btn:hover{background-color:#d63384}.preview-image-btn{color:#fff;cursor:pointer;background-color:#17a2b8;border:none;border-radius:4px;margin-left:.5rem;padding:.25rem .5rem;font-size:.8rem}.preview-image-btn:hover{background-color:#138496}.image-preview-modal{z-index:1000;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.image-preview-content{background-color:#fff;border-radius:8px;max-width:90%;max-height:90%;overflow:hidden;box-shadow:0 4px 20px #0000004d}.image-preview-header{background-color:#f8f9fa;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:1rem;display:flex}.image-preview-header h4{color:#333;margin:0;font-size:1.1rem}.close-preview-btn{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.5rem;display:flex}.close-preview-btn:hover{color:#333;background-color:#e9ecef;border-radius:4px}.image-preview-body{text-align:center;max-height:60vh;padding:1rem;overflow:auto}.image-preview-body img{object-fit:contain;border-radius:4px;max-width:100%;max-height:50vh;box-shadow:0 2px 8px #0000001a}.image-error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:1rem;font-weight:700}.image-preview-footer{text-align:center;background-color:#f8f9fa;border-top:1px solid #ddd;padding:1rem}.image-preview-footer a{color:#007bff;font-weight:500;text-decoration:none}.image-preview-footer a:hover{text-decoration:underline}
