:root{--bg: #0d1117;--bg-alt: #10161d;--border: #22292f;--fg: #e6e6e6;--fg-read: #4f565e;--fg-dim: #8a939c;--accent: #58a6ff;--cursor-bg: #1c2733;font-size:14px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:baseline;gap:1.5rem;padding:.5rem .9rem;border-bottom:1px solid var(--border);background:var(--bg-alt);flex:none}.brand{font-weight:700;letter-spacing:.08em;color:var(--accent)}.stats{color:var(--fg-dim)}.offline{color:#f85149}.hints{color:var(--fg-read);font-size:.85rem}.add-btn{background:none;border:1px solid var(--border);color:var(--fg-dim);border-radius:3px;cursor:pointer;padding:0 .5rem;font-family:inherit;font-size:.8rem}.add-btn:hover{color:var(--accent);border-color:var(--accent)}.email-btn{background:var(--cursor-bg);border:1px solid var(--accent);color:var(--accent);border-radius:3px;cursor:pointer;padding:0 .55rem;font-family:inherit;font-size:.8rem;white-space:nowrap}.email-btn:hover{background:var(--accent);color:var(--bg)}.tabs{display:flex;gap:.15rem;padding:.25rem .9rem 0;border-bottom:1px solid var(--border);background:var(--bg-alt);flex:none}.tabs button{background:none;border:none;border-bottom:2px solid transparent;color:var(--fg-dim);cursor:pointer;padding:.25rem .7rem;font-family:inherit;font-size:.9rem}.tabs button:hover{color:var(--fg)}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.search{margin-left:auto;display:flex;align-items:center;gap:.35rem;padding-bottom:.25rem}.search input{background:var(--bg);border:1px solid var(--border);color:var(--fg);border-radius:4px;padding:.15rem .55rem;font-family:inherit;font-size:.85rem;width:15rem}.search input:focus{outline:none;border-color:var(--accent)}.search-count{color:var(--fg-dim);font-size:.8rem}.search-clear{background:none;border:none;color:var(--fg-dim);cursor:pointer;font-family:inherit;padding:0 .2rem}.search-clear:hover{color:var(--fg)}.pos-picker{display:flex;gap:.2rem}.view-picker{margin-left:auto}.pos-picker button{background:none;border:1px solid var(--border);color:var(--fg-read);border-radius:3px;cursor:pointer;padding:0 .4rem;font-family:inherit;font-size:.8rem}.pos-picker button:hover{color:var(--fg)}.pos-picker button.active{color:var(--accent);border-color:var(--accent)}.main{flex:1;display:flex;min-height:0}.main.pos-top{flex-direction:column}.main.pos-bottom{flex-direction:column-reverse}.main.pos-left{flex-direction:row}.main.pos-right{flex-direction:row-reverse}.reader{flex:none;overflow-y:auto;background:var(--bg-alt);padding:.75rem 1.1rem 1.1rem}.main.pos-top .reader,.main.pos-bottom .reader{max-height:55vh}.main.pos-top .reader{border-bottom:2px solid var(--accent)}.main.pos-bottom .reader{border-top:2px solid var(--accent)}.main.pos-left .reader,.main.pos-right .reader{width:46%;max-height:none}.main.pos-left .reader{border-right:2px solid var(--accent)}.main.pos-right .reader{border-left:2px solid var(--accent)}.reader-head{display:flex;align-items:baseline;gap:.8rem;position:sticky;top:-.75rem;margin:-.75rem -1.1rem .6rem;padding:.75rem 1.1rem .5rem;background:var(--bg-alt);border-bottom:1px solid var(--border)}.reader-title{color:var(--fg);font-weight:700;font-size:1.05rem;text-decoration:none;flex:1}.reader-title:hover{color:var(--accent);text-decoration:underline}.close{background:none;border:1px solid var(--border);color:var(--fg-dim);border-radius:4px;cursor:pointer;padding:.1rem .45rem;font-family:inherit}.close:hover{color:var(--fg);border-color:var(--fg-dim)}.reader-actions{display:flex;align-items:center;gap:.5rem;margin:.2rem 0 .6rem}.reader-actions button{background:none;border:1px solid var(--border);color:var(--fg-dim);border-radius:3px;cursor:pointer;padding:.1rem .6rem;font-family:inherit;font-size:.85rem}.reader-actions button.active{color:var(--accent);border-color:var(--accent)}.reader-actions button:hover{color:var(--fg)}.reader-actions a{color:var(--fg-dim);font-size:.85rem;margin-left:.3rem}.reader-actions a:hover{color:var(--accent)}.reader-summary{font-family:Georgia,Times New Roman,serif;font-size:1.1rem;line-height:1.65;max-width:46rem;color:#d4d4d4}.reader-status{color:var(--fg-dim);padding:1rem 0}.reader-status a{color:var(--accent)}.reader-body{font-family:Georgia,Times New Roman,serif;font-size:1.05rem;line-height:1.6;max-width:46rem;color:#d4d4d4}.reader-body img,.reader-body video,.reader-body iframe{max-width:100%;height:auto}.reader-body a{color:var(--accent)}.reader-body pre{overflow-x:auto;background:#161b22;padding:.6rem;border-radius:4px;font-size:.85rem}.reader-body blockquote{border-left:3px solid var(--border);margin-left:0;padding-left:1rem;color:var(--fg-dim)}.stream{flex:1;min-width:0;overflow-y:auto;padding:.25rem 0}.row{display:flex;align-items:baseline;gap:.6rem;padding:.14rem .9rem;cursor:pointer;white-space:nowrap}.row:nth-child(2n){background:#ffffff09}.row:hover{background:var(--bg-alt)}.row.cursor{background:var(--cursor-bg);box-shadow:inset 2px 0 0 var(--accent)}.time{flex:none;width:3.4rem;color:var(--fg-read);font-size:.85rem}.tag{flex:none;width:5.5rem;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}.cat{flex:none;width:4.2rem;overflow:hidden;text-overflow:ellipsis;font-size:.8rem;color:var(--fg-read);text-transform:uppercase;letter-spacing:.04em}.card-meta .cat{width:auto}.row .title{overflow:hidden;text-overflow:ellipsis}.row.read .title{color:var(--fg-read)}.row.read .tag{opacity:.45}.row.open .title{color:var(--accent)}.empty{padding:2rem;color:var(--fg-dim)}.share{background:none;border:none;color:var(--fg-dim);cursor:pointer;font-family:inherit;font-size:.9rem;padding:0 .3rem;visibility:hidden}.share:hover{color:var(--accent)}.row .share{margin-left:auto;flex:none}.row:hover .share,.card:hover .share{visibility:visible}.card-meta .share{margin-left:auto}.toast{position:fixed;bottom:1rem;right:1rem;background:var(--cursor-bg);border:1px solid var(--accent);color:var(--fg);border-radius:4px;padding:.4rem .8rem;z-index:10}.star{color:#e3b341;font-size:.7em;vertical-align:middle}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:20}.panel{background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;padding:1.1rem 1.3rem 1.3rem;width:min(40rem,92vw)}.panel h2{margin:0 0 .2rem;font-size:1.05rem}.feed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.1rem 1rem;margin:.5rem 0 1rem;max-height:30vh;overflow-y:auto}.feed-list label{display:flex;align-items:baseline;gap:.45rem;cursor:pointer;padding:.12rem .3rem;border-radius:4px}.feed-list label:hover{background:var(--cursor-bg)}.feed-list label.off .feed-name{color:var(--fg-read);text-decoration:line-through}.feed-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-meta{margin-left:auto;color:var(--fg-read);font-size:.75rem;text-transform:uppercase}.panel-hint{margin:0 0 .8rem;color:var(--fg-dim);font-size:.85rem}.panel-row{display:flex;gap:.5rem;margin-bottom:.7rem}.panel-row input{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--fg);border-radius:4px;padding:.35rem .6rem;font-family:inherit;font-size:.9rem}.panel-row input:focus{outline:none;border-color:var(--accent)}.panel-row button{background:var(--cursor-bg);border:1px solid var(--accent);color:var(--accent);border-radius:4px;cursor:pointer;padding:.35rem .9rem;font-family:inherit;font-size:.9rem;white-space:nowrap}.panel-row button:disabled{opacity:.5;cursor:default}.candidates{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.8rem;max-height:30vh;overflow-y:auto}.candidates label{display:flex;align-items:baseline;gap:.5rem;cursor:pointer;padding:.25rem .4rem;border-radius:4px}.candidates label:hover{background:var(--cursor-bg)}.cand-title{font-weight:600;flex:none}.cand-meta{color:var(--fg-dim);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-error{color:#f85149;font-size:.85rem}.digest{margin-bottom:1rem}.digest-row select{background:var(--bg);border:1px solid var(--border);color:var(--fg);border-radius:4px;padding:.3rem .4rem;font-family:inherit;font-size:.85rem}.digest a{color:var(--accent)}.login{display:flex;align-items:center;justify-content:center;height:100vh}.login-box{width:min(26rem,90vw);background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;padding:1.6rem 1.8rem;text-align:center}.login-box h1{font-size:1.4rem;margin:0 0 .6rem}.login-hint{color:var(--fg-dim);font-size:.9rem;margin:0 0 1rem;line-height:1.5}.login-tagline{color:var(--fg);font-size:.95rem;line-height:1.55;margin:0 0 .9rem}.trial-note{color:var(--accent);font-size:.95rem;font-weight:600;margin:0 0 .4rem}.stream.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.6rem;padding:.6rem;align-content:start}.card{border:1px solid var(--border);border-radius:6px;overflow:hidden;cursor:pointer;background:var(--bg-alt);display:flex;flex-direction:column}.card:hover{border-color:var(--fg-read)}.card.cursor{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:#161b22}.card-ph{display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.05em;opacity:.8}.card-meta{display:flex;align-items:baseline;gap:.5rem;padding:.35rem .5rem 0}.card-meta .tag,.card-meta .time{width:auto}.card-title{padding:.15rem .5rem .5rem;font-size:.85rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card.read{opacity:.45}.card.open{border-color:var(--accent)}.row.fresh,.card.fresh{animation:fresh-flash 5s ease-out}@keyframes fresh-flash{0%{background:#58a6ff59}to{background:transparent}}