@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg: #282c34;--bg2: #2e3440;--bg-sel: #3e4451;--fg: #9cdef2;--fg-dim: #828997;--fg-muted: #5c6370;--red: #e06c75;--green: #9cdef2;--yellow: #e5c07b;--blue: #61afef;--magenta: #c678dd;--cyan: #9cdef2;--cursor: #528bff;--mono: "JetBrains Mono", "GohuFont uni14 Nerd Font", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--mono);font-size:13px;line-height:1.6;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--mono);font-size:inherit;color:var(--fg-dim)}input,textarea{font-family:var(--mono);font-size:13px;color:var(--fg);background:var(--bg2);border:1px solid var(--bg-sel);border-radius:2px;padding:6px 8px;outline:none;width:100%}input:focus,textarea:focus{border-color:var(--cursor)}::selection{background:var(--bg-sel);color:var(--fg)}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--fg-dim)}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;padding:20px}.login-box{width:100%;max-width:340px}.login-box h1{font-size:18px;font-weight:700;color:var(--fg);margin-bottom:2px}.login-subtitle{color:var(--fg-dim);font-size:12px;margin-bottom:20px}.login-box input{margin-bottom:8px}.login-box button{width:100%;padding:8px;background:var(--cursor);color:var(--bg);border:none;border-radius:2px;font-weight:600}.login-box button:disabled{opacity:.4}.error{color:var(--red);font-size:12px;margin-top:4px}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;min-width:220px;background:var(--bg2);border-right:1px solid var(--bg-sel);overflow-y:auto;display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--bg-sel)}.sidebar-header h2{font-size:14px;font-weight:700;color:var(--fg);letter-spacing:1px}.sidebar-item{padding:5px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--fg-dim);font-size:12px;transition:background .1s}.sidebar-item:hover{background:var(--bg-sel);color:var(--fg)}.sidebar-item.active{color:var(--blue);background:var(--bg-sel)}.category-label{font-weight:700;color:var(--fg-muted);margin-top:8px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.feed-item{padding-left:20px;font-size:11px}.feed-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.feed-meta{display:flex;align-items:center;gap:4px;flex-shrink:0}.badge{font-size:10px;color:var(--yellow);background:none}.badge.small{font-size:10px}.add-feed-form{padding:8px 12px;border-bottom:1px solid var(--bg-sel);display:flex;flex-direction:column;gap:4px}.add-feed-form input,.add-feed-form select{font-size:11px;padding:4px 6px}.category-select{font-family:var(--mono);font-size:11px;color:var(--fg);background:var(--bg2);border:1px solid var(--bg-sel);border-radius:2px;padding:4px 6px;outline:none;width:100%;cursor:pointer}.category-select:focus{border-color:var(--cursor)}.add-feed-form button{padding:4px;background:var(--cursor);color:var(--bg);border:none;border-radius:2px;font-size:11px;font-weight:600}.icon-btn{background:none;border:1px solid var(--bg-sel);color:var(--fg-dim);width:26px;height:26px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:14px}.icon-btn:hover{color:var(--blue);border-color:var(--blue)}.icon-btn.tiny{width:16px;height:16px;font-size:10px;border:none}.icon-btn.tiny:hover{color:var(--red)}.edit-section{padding:8px 12px;border-bottom:1px solid var(--bg-sel)}.edit-add-cat{display:flex;gap:4px}.edit-add-cat input{flex:1;font-size:11px;padding:4px 6px;background:var(--bg2);border:1px solid var(--bg-sel);color:var(--fg);border-radius:2px}.edit-add-cat button{padding:4px 8px;background:var(--cursor);color:var(--bg);border:none;border-radius:2px;font-size:11px;font-weight:600}.cat-edit-row{display:flex;align-items:center;gap:4px;width:100%}.cat-rename{flex:1;background:var(--bg);border:1px solid var(--bg-sel);color:var(--fg);font-family:var(--mono);font-size:10px;padding:2px 4px;border-radius:2px;width:0;text-transform:none;letter-spacing:0;font-weight:500}.cat-rename:focus{border-color:var(--cursor)}.cat-edit-btns{display:flex;gap:2px;flex-shrink:0}.cat-edit-btns button{background:none;border:1px solid var(--bg-sel);color:var(--fg-dim);font-family:var(--mono);font-size:10px;width:18px;height:18px;border-radius:2px;display:flex;align-items:center;justify-content:center;padding:0}.cat-edit-btns button:hover{color:var(--blue);border-color:var(--blue)}.cat-edit-btns button:last-child:hover{color:var(--red);border-color:var(--red)}.feed-edit-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.feed-move-select{font-family:var(--mono);font-size:10px;background:var(--bg);border:1px solid var(--bg-sel);color:var(--fg-dim);border-radius:2px;padding:1px 4px;cursor:pointer}.feed-move-select:focus{border-color:var(--cursor)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.topbar{display:flex;align-items:center;gap:6px;padding:6px 12px;border-bottom:1px solid var(--bg-sel);background:var(--bg2)}.search-input{flex:1;font-size:12px;padding:5px 8px}.article-list{flex:1;display:flex;flex-direction:column;overflow:hidden}.article-toolbar{display:flex;align-items:center;gap:6px;padding:6px 12px;border-bottom:1px solid var(--bg-sel);font-size:11px;color:var(--fg-muted)}.article-count{margin-right:auto;color:var(--fg-dim)}.shortcuts-hint{color:var(--fg-muted);font-size:10px}.btn-sm{background:none;border:1px solid var(--bg-sel);color:var(--fg-dim);padding:2px 6px;border-radius:2px;font-size:10px}.btn-sm:hover{color:var(--blue);border-color:var(--blue)}.articles{flex:1;overflow-y:auto;padding:8px 12px}.article-item{padding:6px 0;cursor:pointer;border-bottom:none}.article-item+.article-item{border-top:1px solid var(--bg-sel);margin-top:2px;padding-top:8px}.article-item:hover{background:none}.article-item.selected{background:var(--bg-sel);margin:0 -12px;padding:6px 12px;border-radius:0}.article-item.read{opacity:.35}.article-item.read:hover{opacity:.6}.article-item.highlighted .article-title,.article-item.highlighted .article-title a{color:var(--yellow)}.article-header{display:flex;align-items:baseline;gap:6px;margin-bottom:1px;flex-wrap:wrap;font-size:11px}.article-feed-tag{color:var(--magenta);background:none;padding:0;font-size:11px}.article-feed-tag:before{content:"[";color:var(--fg-muted)}.article-feed-tag:after{content:"]";color:var(--fg-muted)}.article-time{color:var(--fg-muted);font-size:11px}.article-author{font-size:11px;color:var(--fg-muted);margin-right:0}.article-author:before{content:""}.article-reading-time{font-size:11px;color:var(--fg-muted)}.article-reading-time:before{content:"~"}.article-title{font-size:13px;font-weight:500;color:var(--fg);margin-bottom:1px;line-height:1.4}.article-title a{color:var(--fg)}.article-title a:hover{color:var(--blue)}.unread .article-title{font-weight:600}.unread .article-title a{color:var(--fg)}.bookmark-icon{color:var(--yellow);margin-right:2px}.article-summary{font-size:12px;color:var(--fg-dim);margin-bottom:1px;line-height:1.5}.highlight-tags{display:flex;gap:4px;margin-bottom:1px}.highlight-tag{font-size:10px;color:var(--yellow);background:none;padding:0}.highlight-tag:before{content:"#"}.article-content{margin-top:6px;padding:8px;background:var(--bg2);border:1px solid var(--bg-sel);border-radius:2px;font-size:12px;line-height:1.7;max-height:400px;overflow-y:auto;color:var(--fg-dim)}.article-content img{max-width:100%}.article-content a{color:var(--blue)}.article-actions{display:flex;gap:8px;margin-top:2px}.btn-xs{font-size:11px;background:none;border:none;padding:0;color:var(--fg-muted);text-decoration:none}.btn-xs:hover{color:var(--cyan);text-decoration:none}.empty{text-align:center;color:var(--fg-muted);padding:40px 12px;font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px;border-top:1px solid var(--bg-sel);font-size:11px;color:var(--fg-muted)}.pagination button{padding:3px 8px;background:none;border:1px solid var(--bg-sel);color:var(--fg-dim);border-radius:2px;font-size:11px}.pagination button:hover{color:var(--blue);border-color:var(--blue)}.pagination button:disabled{opacity:.2;cursor:default}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.settings-panel{background:var(--bg2);border:1px solid var(--bg-sel);border-radius:4px;width:460px;max-width:95vw;max-height:85vh;overflow-y:auto;padding:16px}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.settings-header h2{font-size:14px;font-weight:700;color:var(--fg)}.settings-tabs{display:flex;gap:4px;margin-bottom:12px}.settings-tabs button{padding:4px 10px;background:none;border:1px solid var(--bg-sel);color:var(--fg-dim);border-radius:2px;font-size:11px}.settings-tabs button.active{background:var(--cursor);color:var(--bg);border-color:var(--cursor)}.settings-section h3{font-size:10px;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:1px;margin:12px 0 6px}.settings-section h3:first-child{margin-top:0}.filter-form{display:flex;gap:4px;margin-bottom:6px}.filter-form input{flex:1;font-size:12px;padding:4px 6px}.filter-form button{padding:4px 10px;background:var(--cursor);color:var(--bg);border:none;border-radius:2px;font-size:11px;font-weight:600}.filter-tags{display:flex;flex-wrap:wrap;gap:4px}.filter-tag{display:flex;align-items:center;gap:3px;font-size:11px;padding:1px 6px;border-radius:2px}.filter-tag.mute{color:var(--red);background:#e06c751a}.filter-tag.highlight{color:var(--yellow);background:#e5c07b1a}.filter-tag button{background:none;border:none;color:inherit;font-size:12px;padding:0}.settings-section textarea{width:100%;margin-bottom:6px;font-size:11px;min-height:100px}.settings-section>button{padding:5px 12px;background:none;border:1px solid var(--bg-sel);color:var(--fg-dim);border-radius:2px;font-size:11px;margin-bottom:6px}.settings-section>button:hover{border-color:var(--blue);color:var(--blue)}.btn-action{display:block;width:100%;text-align:center;margin-bottom:6px!important}.btn-action.danger{color:var(--red);border-color:#e06c754d}.btn-action.danger:hover{background:var(--red);color:var(--bg)}.sidebar-backdrop{display:none}@media(max-width:768px){body{font-size:14px}.app{flex-direction:column}.sidebar{position:fixed;top:0;left:0;bottom:0;width:85vw;min-width:85vw;max-width:300px;z-index:60;box-shadow:4px 0 20px #00000080}.sidebar-collapsed .sidebar{display:none}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:55}.sidebar-item{padding:10px 14px;font-size:14px}.feed-item{font-size:13px;padding-left:22px}.category-label{font-size:11px;margin-top:12px}.topbar{padding:6px 10px;gap:6px}.search-input{font-size:16px;padding:8px 10px}.icon-btn{width:36px;height:36px;font-size:18px}.article-toolbar{padding:6px 10px}.shortcuts-hint{display:none}.btn-sm{padding:4px 10px;font-size:12px}.articles{padding:4px 10px}.article-item{padding:10px 0;-webkit-tap-highlight-color:transparent}.article-item+.article-item{padding-top:12px}.article-item.selected{margin:0 -10px;padding:10px}.article-header{gap:6px;margin-bottom:3px}.article-feed-tag,.article-time{font-size:11px}.article-title{font-size:15px;line-height:1.4}.article-summary{font-size:13px;line-height:1.5}.article-actions{gap:14px;margin-top:6px}.btn-xs{font-size:13px;padding:4px 0;min-height:32px;display:inline-flex;align-items:center}.pagination button{padding:8px 16px;font-size:13px}.settings-overlay{align-items:flex-end}.settings-panel{width:100%;max-width:100%;border-radius:12px 12px 0 0;max-height:90vh}.settings-tabs button{padding:8px 14px;font-size:13px}.filter-form input{font-size:16px;padding:8px 10px}.filter-form button{padding:8px 14px;font-size:13px}}@media(max-width:400px){.articles{padding:2px 8px}.article-title{font-size:14px}.sidebar{width:90vw;min-width:90vw}}