:root{--bg:#fff;--surface:#f5f5f5;--surface-hover:#ececec;--surface-active:#e0e0e0;--text:#1a1a1a;--text-muted:#666;--text-inverse:#fff;--accent:#06c;--accent-hover:#05a;--accent-text:#fff;--border:#e0e0e0;--shadow:#00000014;--radius:8px;--radius-sm:4px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:22px;--sidebar-width:260px;--list-width:360px;--transition:.15s ease}[data-theme=dark]{--bg:#1a1a1a;--surface:#252525;--surface-hover:#303030;--surface-active:#3a3a3a;--text:#e0e0e0;--text-muted:#888;--text-inverse:#1a1a1a;--accent:#4d9fff;--accent-hover:#3a8eef;--accent-text:#fff;--border:#333;--shadow:#0000004d}[data-theme=sepia]{--bg:#f4ecd8;--surface:#ede0c8;--surface-hover:#e6d5b8;--surface-active:#dccc9e;--text:#3a3020;--text-muted:#7a6f5a;--text-inverse:#f4ecd8;--accent:#8b5e3c;--accent-hover:#7a4f2e;--accent-text:#fff;--border:#d4c4a8;--shadow:#3a30201a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;overflow:hidden}body{font-family:var(--font);font-size:var(--font-size-base);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{height:100%;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar-header{padding:var(--spacing-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.sidebar-header h1{font-size:var(--font-size-xl);font-weight:700}.sidebar-content{padding:var(--spacing-sm) 0;flex:1;overflow-y:auto}.sidebar-section{margin-bottom:var(--spacing-sm)}.sidebar-section-title{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-sm) var(--spacing-md);font-weight:600}.sidebar-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition);-webkit-user-select:none;user-select:none;border-radius:0;display:flex}.sidebar-item:hover{background-color:var(--surface-hover)}.sidebar-item.active{background-color:var(--surface-active);font-weight:600}.sidebar-item .icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.sidebar-item .label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-item .count{font-size:var(--font-size-sm);color:var(--text-muted);flex-shrink:0}.sidebar-folder{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.sidebar-folder .folder-icon{width:16px;height:16px;transition:transform var(--transition)}.sidebar-folder.collapsed .folder-icon{transform:rotate(-90deg)}.sidebar-folder .label{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1;font-weight:600;overflow:hidden}.sidebar-folder.active .label{color:var(--accent)}.sidebar-feeds{overflow:hidden}.sidebar-feeds.collapsed{display:none}.sidebar-feed{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-xl);cursor:pointer;transition:background-color var(--transition);-webkit-user-select:none;user-select:none;display:flex}.sidebar-feed:hover{background-color:var(--surface-hover)}.sidebar-feed.active{background-color:var(--surface-active);font-weight:600}.sidebar-feed .favicon{border-radius:var(--radius-sm);flex-shrink:0;width:16px;height:16px}.sidebar-feed .label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-feed .count{font-size:var(--font-size-sm);color:var(--text-muted);flex-shrink:0}.sidebar-feed .feed-actions{flex-shrink:0;gap:1px;display:none}.sidebar-feed:hover .feed-actions,.sidebar-folder:hover .feed-actions{display:flex}.sidebar-feed:hover .count{display:none}.feed-action-btn{border-radius:var(--radius-sm);opacity:.6;transition:opacity var(--transition);padding:2px}.feed-action-btn:hover{opacity:1;background-color:var(--surface-active)}.sidebar-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border);gap:var(--spacing-sm);display:flex}.article-list{width:var(--list-width);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.article-list-header{padding:var(--spacing-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.article-list-header h2{font-size:var(--font-size-lg);font-weight:600}.article-list-content{flex:1;overflow-y:auto}.article-card-wrapper{position:relative;overflow:hidden}.article-card-swipe-bg{padding-left:var(--spacing-lg);color:#fff;opacity:0;transition:opacity var(--transition);align-items:center;display:flex;position:absolute;inset:0}.article-card-swipe-bg.swipe-read{background:var(--accent)}.article-card-swipe-bg.swipe-unread{background:var(--text-muted)}.article-card-swipe-bg.swipe-visible{opacity:1}.article-card{z-index:1;background-color:var(--bg);padding:var(--spacing-md);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .3s;position:relative}.article-card.swipe-active{transition:none}.article-card:hover{background-color:var(--surface-hover)}.article-card.active{background-color:var(--surface-active)}.article-card.read .title{color:var(--text-muted);font-weight:400}.article-card .feed-name{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-xs)}.article-card .title{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs);font-weight:600;line-height:1.3}.article-card .summary{font-size:var(--font-size-sm);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.article-card .meta{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-muted);display:flex}.article-card .saved-indicator{color:var(--accent)}.article-view{padding:var(--spacing-xl);background-color:var(--bg);flex:1;overflow-y:auto}.article-view .article-header{margin-bottom:var(--spacing-lg)}.article-view .article-feed{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-sm)}.article-view .article-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);font-weight:700;line-height:1.2}.article-view .article-meta{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-muted);display:flex}.article-view .article-content{font-size:var(--font-size-lg);max-width:680px;line-height:1.7}.article-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border);max-width:680px}.pull-indicator{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-muted);pointer-events:none;z-index:200;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(120px)}.pull-indicator svg{transition:transform var(--transition), color var(--transition)}.pull-indicator.pull-triggered{color:var(--accent)}.pull-indicator.pull-triggered svg{transform:scale(1.2)}.article-view.swipe-active{overscroll-behavior:contain}.article-view:not(.swipe-active) .pull-indicator{transition:transform .3s}.pull-indicator.pull-hidden{opacity:0}.article-view .article-content p{margin-bottom:var(--spacing-md)}.article-view .article-content img{border-radius:var(--radius);max-width:100%;height:auto;margin:var(--spacing-md) 0}.article-view .article-content h1,.article-view .article-content h2,.article-view .article-content h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.article-view .article-content a{color:var(--accent)}.article-view .article-actions{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border);display:flex}.btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-base);transition:background-color var(--transition), opacity var(--transition);background-color:var(--surface);border:1px solid var(--border);color:var(--text);font-weight:500;display:inline-flex}.btn:hover{background-color:var(--surface-hover)}.btn:active{background-color:var(--surface-active)}.btn-primary{background-color:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn-primary:hover{background-color:var(--accent-hover)}.btn-icon{padding:var(--spacing-sm);justify-content:center;align-items:center;width:auto;min-width:40px;min-height:40px;display:inline-flex}.btn-ghost{background-color:#0000;border-color:#0000}.btn-ghost:hover{background-color:var(--surface-hover)}.login-view{background-color:var(--surface);justify-content:center;align-items:center;height:100%;display:flex}.login-card{background-color:var(--bg);padding:var(--spacing-xl);border-radius:var(--radius);box-shadow:0 2px 16px var(--shadow);width:100%;max-width:400px}.login-card h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);text-align:center}.login-card .form-group{margin-bottom:var(--spacing-md)}.login-card label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);color:var(--text-muted);font-weight:500;display:block}.login-card input{width:100%}.login-card .btn-primary{justify-content:center;width:100%}.login-card .error{color:#d44;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.settings-view{background-color:var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.settings-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border)}.settings-header h1{font-size:var(--font-size-2xl)}.settings-content{padding:var(--spacing-xl);flex:1;max-width:640px;overflow-y:auto}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border);font-weight:600}.settings-row{padding:var(--spacing-sm) 0;justify-content:space-between;align-items:center;display:flex}.settings-row label{font-weight:500}.settings-row .hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-xs)}.theme-options{gap:var(--spacing-sm);display:flex}.theme-option{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:2px solid var(--border);cursor:pointer;font-size:var(--font-size-sm);transition:border-color var(--transition), background-color var(--transition);font-weight:500}.theme-option:hover{background-color:var(--surface-hover)}.theme-option.active{border-color:var(--accent);background-color:var(--surface)}.date-format-select{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:2px solid var(--border);background-color:var(--surface);color:var(--text);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition);font-family:inherit}.date-format-select:hover{border-color:var(--accent)}.date-format-select:focus{border-color:var(--accent);outline:none}.user-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.user-row{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--surface);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;display:flex}.user-row .user-info{flex-direction:column;display:flex}.user-row .user-email{font-weight:500}.user-row .user-name{font-size:var(--font-size-sm);color:var(--text-muted)}.empty-state{height:100%;color:var(--text-muted);padding:var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .icon{margin-bottom:var(--spacing-md);font-size:48px}.modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background-color:var(--bg);border-radius:var(--radius);padding:var(--spacing-xl);width:100%;max-width:480px;box-shadow:0 8px 32px var(--shadow)}.modal h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.modal .form-group{margin-bottom:var(--spacing-md)}.modal label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);color:var(--text-muted);font-weight:500;display:block}.modal input{width:100%}.modal .actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);display:flex}.dialog-backdrop{z-index:999;background-color:#0000004d;position:fixed;inset:0}@media (width<=1024px){:root{--sidebar-width:220px;--list-width:300px}}@media (width<=768px){:root{--sidebar-width:100%;--list-width:100%}.app-layout{flex-direction:row}.sidebar,.article-list,.article-view{flex:1 0;width:100%}.mobile-hidden{display:none!important}.mobile-back-btn{flex-shrink:0}.article-list-header h2{flex:1}.article-view{padding:var(--spacing-md)}.article-view .article-content{font-size:var(--font-size-base);padding-bottom:60px}.mobile-next-btn{bottom:var(--spacing-md);right:var(--spacing-md);z-index:200;box-shadow:0 2px 8px var(--shadow);position:fixed}.article-list-header,.article-card{padding:var(--spacing-sm) var(--spacing-md)}.sidebar-header h1{font-size:var(--font-size-lg)}.modal{margin:var(--spacing-md);max-width:calc(100% - 2 * var(--spacing-md))}.settings-view{overflow-y:auto}.settings-view,.settings-header,.settings-content{width:100%;max-width:100%}.settings-content{padding:var(--spacing-md)}.theme-options{flex-wrap:wrap}.sidebar-item,.sidebar-folder{padding:var(--spacing-md) var(--spacing-lg);min-height:48px}.sidebar-feed{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-xl);min-height:44px}.sidebar-header,.sidebar-footer{padding:var(--spacing-md) var(--spacing-lg)}.sidebar-footer .btn{justify-content:center;width:100%;min-height:44px}.article-list-header{padding:var(--spacing-md) var(--spacing-lg);min-height:56px}.article-list-header h2{font-size:var(--font-size-xl)}}