:root{--bg: #0d1117;--bg-alt: #10161d;--border: #22292f;--fg: #e6e6e6;--fg-read: #4f565e;--fg-dim: #8a939c;--accent: #58a6ff;--cursor-bg: #1c2733;--up: #3fb950;--down: #f85149;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:var(--cursor-bg);border:1px solid var(--fg-dim);color:var(--fg);border-radius:3px;cursor:pointer;padding:0 .55rem;font-family:inherit;font-size:.8rem;white-space:nowrap}.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;flex-wrap:wrap;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)}.tabs button.muted{opacity:.45}.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;position:relative}.widget-dock{position:absolute;top:12px;right:14px;z-index:40;width:268px;max-height:calc(100% - 24px);overflow-y:auto;display:flex;flex-direction:column;gap:12px;pointer-events:none}.widget-dock>*{pointer-events:auto}.widget-tools{position:absolute;top:4px;right:5px;z-index:2;display:flex;gap:1px}.widget-head{display:flex;align-items:center;gap:6px;padding:7px 9px;border-bottom:1px solid var(--border);background:#ffffff0d}.widget-title{flex:1;font-size:.75rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--fg-dim)}.widget-action{font-family:inherit;font-size:.75rem;padding:4px 9px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer}.widget-action:hover{border-color:var(--accent);color:var(--accent)}.weather-widget .widget-head{border-bottom-color:#fff3;background:#ffffff14}.weather-widget .widget-title{color:#ffffffb8}.weather-widget .widget-action{background:#ffffff24;border-color:#ffffff38;color:#fff}.weather-widget .widget-action:hover{background:#ffffff42;border-color:#ffffff6b;color:#fff}.watch-add{padding:7px 9px 4px}.watch-add input,.weather-pick input{width:100%;font-family:inherit;font-size:.75rem;padding:5px 7px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--fg)}.quote-remove{font-family:inherit;background:none;border:none;color:var(--down);cursor:pointer;font-size:.75rem;padding:0 2px}.weather-pick{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid rgb(255 255 255 / 18%)}.weather-here{font-family:inherit;font-size:.75rem;letter-spacing:.04em;padding:5px;border:none;border-radius:6px;background:#ffffff29;color:#fff;cursor:pointer}.weather-here:hover{background:#ffffff42}.weather-pick input{background:#ffffff1f;border-color:#fff3;color:#fff}.weather-pick input::placeholder{color:#ffffff8c}.weather-problem{margin:0;font-size:.7rem;color:#ffd7d5}.widget-close{font-family:inherit;position:absolute;top:5px;right:6px;z-index:2;background:none;border:none;color:currentColor;opacity:.35;cursor:pointer;font-size:.8rem;line-height:1;padding:3px 5px}.widget-close:hover{opacity:.9}@media(max-width:560px){.widget-dock{display:none}}.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{color:var(--fg-read);font-size:.75rem;text-transform:uppercase}.feed-health{margin-left:auto;color:var(--fg-dim);font-size:.75rem}.feed-health.stale{color:#f85149}.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));grid-auto-rows:max-content;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}}.widget{position:relative;background:var(--bg-alt);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 12px 32px #0000008c}.watchlist-widget{display:flex;flex-direction:column}.quote-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:7px 10px}.quote-row+.quote-row{border-top:1px solid var(--border)}.quote-row.stale{opacity:.55}.quote-id{display:flex;flex-direction:column;min-width:0}.quote-symbol{font-weight:700;color:var(--fg);display:flex;align-items:center;gap:4px;white-space:nowrap}.tri{font-size:.7em;line-height:1}.tri.up{color:var(--up)}.tri.down{color:var(--down)}.quote-name{color:var(--fg-dim);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spark{display:block}.quote-nums{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}.quote-last{font-weight:700}.quote-change.up{color:var(--up)}.quote-change.down{color:var(--down)}.quote-change{font-size:.8rem}.stale-flag{grid-column:1 / -1;font-size:.7rem;color:var(--fg-dim);letter-spacing:.06em;text-transform:uppercase}.weather-widget{padding:0 13px 11px;border:none;color:#eef2ff;background:linear-gradient(160deg,#3c4a72,#4a4a76 55%,#5b4b70)}.weather-widget .place-name,.weather-widget .hour-temp{color:#fff}.weather-widget .weather-cond,.weather-widget .weather-hour{color:#ffffffb8}.weather-widget .hour-label{text-transform:uppercase;letter-spacing:.05em}.weather-hours{border-top-color:#ffffff2e}.weather-widget.stale{opacity:.6}.weather-top{padding-top:11px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.weather-place{display:flex;flex-direction:column;min-width:0}.place-name{color:var(--fg);font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weather-temp{font-size:2.3rem;font-weight:400;line-height:1.1;font-variant-numeric:tabular-nums}.weather-cond{display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--fg-dim);text-align:right;font-size:.78rem}.cond-text{max-width:12ch;line-height:1.2}.cond-hilo{font-variant-numeric:tabular-nums}.hour-label{text-transform:uppercase;letter-spacing:.05em}.weather-hours{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;margin-top:10px;padding-top:8px;border-top:1px solid var(--border)}.weather-hour{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--fg-dim);font-size:.72rem}.weather-hour .hour-temp{color:var(--fg);font-variant-numeric:tabular-nums}.hour-precip,.day-precip{font-size:.7rem;color:#9ecbff;font-variant-numeric:tabular-nums;min-height:1em}.cond-precip{color:#9ecbff;font-variant-numeric:tabular-nums}.weather-alerts{display:flex;flex-direction:column;gap:4px;margin-top:9px}.weather-alert{font-size:.75rem;padding:4px 7px;border-radius:6px;background:#ffffff24;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weather-alert.sev-extreme,.weather-alert.sev-severe{background:#f8514952}.weather-more{letter-spacing:.04em;width:100%;margin-top:9px;padding:5px;background:#ffffff1a;border:none;border-radius:7px;color:#ffffffd9;font:inherit;font-size:.78rem;cursor:pointer}.weather-more:hover{background:#ffffff2e}.weather-week{margin-top:7px;display:flex;flex-direction:column}.weather-day{display:grid;grid-template-columns:1fr auto 2.6em 2.4em;align-items:center;gap:6px;padding:3px 0;font-size:.78rem;color:#ffffffc7}.weather-day+.weather-day{border-top:1px solid rgb(255 255 255 / 10%)}.day-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-temp{text-align:right;color:#fff;font-variant-numeric:tabular-nums}