:root{font:16px system-ui;color-scheme:light dark}*{box-sizing:border-box}body{margin:0}header{height:3.5rem;display:flex;gap:.7rem;align-items:center;padding:.5rem 1rem;border-bottom:1px solid #888}header strong{margin-right:auto}header input[type=search]{width:18rem}main{display:grid;grid-template-columns:18rem 25rem 1fr;height:calc(100vh - 3.5rem)}nav,#articles,#reader{overflow:auto;padding:.7rem;border-right:1px solid #888}.feed,.item{display:block;width:100%;text-align:left;padding:.65rem;border:0;background:none;border-radius:.35rem}.feed:hover,.item:hover{background:#8883}.item.unread{font-weight:700}.meta{opacity:.7;font-size:.82rem}.badge{float:right;background:#2673d8;color:white;border-radius:1rem;padding:.1rem .5rem}#reader{line-height:1.55;max-width:65rem}#reader img{max-width:100%;height:auto}.actions{display:flex;gap:.5rem;margin:.5rem 0}.modal{position:fixed;inset:0;background:#000b;z-index:10;display:grid;place-items:center}.modal form{background:Canvas;color:CanvasText;padding:2rem;border-radius:.7rem;width:min(30rem,90vw)}.modal input{width:100%;padding:.7rem;margin:.7rem 0}.hidden{display:none!important}#feedsButton{display:none}@media(max-width:850px){header{flex-wrap:wrap;height:auto}header input[type=search]{width:9rem}main{display:block;height:calc(100vh - 5rem)}nav,#articles,#reader{position:absolute;inset:5rem 0 0 0;background:Canvas;border:0}.mobileHidden{display:none}#feedsButton{display:inline-block}}.feed.selected{background:#8883}.feed.category{font-weight:650} .feed .typeIcon{display:inline-block;width:1.4rem} .feed .name{vertical-align:middle}