*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-width: 280px;--color-bg: #ffffff;--color-sidebar: #f5f5f5;--color-border: #e0e0e0;--color-text: #1a1a1a;--color-text-muted: #666;--color-text-light: #999;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-danger: #dc2626;--color-badge: #2563eb;--color-hover: #eaeaea;--color-active: #dbeafe;--color-saved: #f59e0b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;color:var(--color-text);background:var(--color-bg)}body,#root{min-height:100vh}button{cursor:pointer;font-family:inherit;font-size:inherit}input,select{font-family:inherit;font-size:inherit}.app{display:flex;min-height:100vh}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--color-text-muted)}.mobile-header{display:none;position:sticky;top:0;z-index:10;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:.75rem 1rem;align-items:center;gap:.75rem}.mobile-header h1{font-size:1.1rem;font-weight:600}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;height:100dvh;position:sticky;top:0;display:flex;flex-direction:column;background:var(--color-sidebar);border-right:1px solid var(--color-border);overflow:hidden}.sidebar-overlay{display:none}.sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sidebar-header h2{font-size:1.2rem;font-weight:700;color:var(--color-primary)}.mobile-close{display:none}.sidebar-nav{flex:1;overflow-y:auto;padding:.5rem 0}.sidebar-divider{height:1px;background:var(--color-border);margin:.5rem 0}.nav-item{display:flex;align-items:center;width:100%;padding:.5rem 1rem;border:none;background:none;text-align:left;color:var(--color-text);font-size:.9rem;transition:background .15s}.nav-item:hover{background:var(--color-hover)}.nav-item.active{background:var(--color-active);color:var(--color-primary);font-weight:600}.folder-toggle{margin-right:.5rem;font-size:.75rem;width:1rem;text-align:center;color:var(--color-text-muted)}.folder-name{flex:1}.feed-item{padding-left:2.5rem;font-size:.85rem}.feed-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{background:var(--color-badge);color:#fff;font-size:.7rem;font-weight:600;padding:.1rem .45rem;border-radius:10px;margin-left:auto}.badge-small{font-size:.65rem;padding:.05rem .35rem}.sidebar-footer{padding:.75rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.main-content{flex:1;min-width:0}.article-list{max-width:800px;margin:0 auto;padding:1.5rem}.article-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.article-list-header h1{font-size:1.5rem;font-weight:700}.loading,.empty-state{text-align:center;padding:3rem 1rem;color:var(--color-text-muted)}.article-card{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.article-card.read .article-title{color:var(--color-text-muted);font-weight:400}.article-card.unread .article-title{font-weight:600}.article-content{flex:1;min-width:0;cursor:pointer}.article-title{font-size:.95rem;line-height:1.4;margin-bottom:.25rem;color:var(--color-text)}.article-content:hover .article-title{color:var(--color-primary)}.article-meta{display:flex;gap:.75rem;font-size:.8rem;color:var(--color-text-light)}.save-btn{background:none;border:none;font-size:1.2rem;color:var(--color-text-light);padding:.25rem;flex-shrink:0}.save-btn.saved{color:var(--color-saved)}.btn-secondary{padding:.4rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-size:.85rem;transition:background .15s}.btn-secondary:hover{background:var(--color-hover)}.btn-text{background:none;border:none;color:var(--color-text-muted);font-size:.85rem;padding:.25rem .5rem}.btn-text:hover{color:var(--color-text)}.btn-text.danger{color:var(--color-danger)}.btn-icon{background:none;border:none;font-size:1.5rem;color:var(--color-text);padding:0;line-height:1}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-sidebar)}.login-card{background:var(--color-bg);padding:2.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;width:100%;max-width:360px}.login-card h1{text-align:center;font-size:1.5rem;color:var(--color-primary);margin-bottom:1.5rem}.login-card form{display:flex;flex-direction:column;gap:1rem}.login-card input{padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:1rem}.login-card button{padding:.6rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-weight:600}.login-card button:hover{background:var(--color-primary-hover)}.login-card button:disabled{opacity:.6}.error{color:var(--color-danger);font-size:.85rem;text-align:center}.manage-feeds{max-width:800px;margin:0 auto;padding:1.5rem}.manage-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.manage-header h1{font-size:1.5rem}.manage-section{margin-bottom:2rem}.manage-section h2{font-size:1.15rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.folder-heading{font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 0 .25rem}.inline-form{display:flex;gap:.5rem;margin-bottom:.75rem}.inline-form input{flex:1;padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:6px}.inline-form button{padding:.4rem .75rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;white-space:nowrap}.item-list{display:flex;flex-direction:column}.manage-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--color-border);gap:.75rem}.item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-count{color:var(--color-text-light);font-size:.85rem;margin-left:.5rem}.item-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.feed-type-badge{display:inline-block;background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .3rem;border-radius:3px;margin-right:.5rem;vertical-align:middle}.move-select{padding:.2rem .4rem;border:1px solid var(--color-border);border-radius:4px;font-size:.8rem}.add-feed-buttons{display:flex;gap:.75rem}.add-feed-buttons button{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg)}.add-feed-buttons button:hover{background:var(--color-hover)}.add-feed-form{display:flex;flex-direction:column;gap:.5rem}.add-feed-form input,.add-feed-form select{padding:.5rem .6rem;border:1px solid var(--color-border);border-radius:6px}.form-actions{display:flex;gap:.5rem}.form-actions button:first-child{padding:.4rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px}@media(max-width:768px){.mobile-header{display:flex}.sidebar{position:fixed;left:-100%;top:0;z-index:100;height:100vh;height:100dvh;transition:left .2s ease;box-shadow:none}.sidebar.open{left:0;box-shadow:4px 0 16px #0000001a}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:99;background:#0000004d}.mobile-close{display:block}.main-content{width:100%}.article-list{padding:1rem}.article-list-header h1{display:none}}