:root[data-theme="light"] {
  --bg:#f5f5f5; --fg:#222; --card:#fff; --border:#ccc;
  --accent:#0052cc; --accent-fg:#fff; --focus:#0052cc; --muted:#555;
}
:root[data-theme="dark"] {
  --bg:#121212; --fg:#eee; --card:#1e1e1e; --border:#444;
  --accent:#1a6bff; --accent-fg:#fff; --focus:#7ab8ff; --muted:#bbb;
}
body{font-family:system-ui,sans-serif;margin:0;padding:1rem;background:var(--bg);color:var(--fg);line-height:1.5}
.screen{max-width:600px;margin:auto}
.hidden{display:none}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#feed-input{width:100%;height:100px;box-sizing:border-box;background:var(--card);color:var(--fg);border:1px solid var(--border);padding:.5rem;font:inherit}
label{display:block;margin-bottom:.25rem;font-size:.9rem}
.feed-item,.item-card{border:1px solid var(--border);background:var(--card);padding:.5rem;margin:.5rem 0;cursor:pointer;display:flex;align-items:center;gap:.5rem}
.feed-item span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-card{flex-wrap:wrap;cursor:default}
.item-card.read{opacity:.55}
.item-title{margin:0;font-size:1rem;width:100%}
.read-badge{color:var(--muted);font-size:.85rem}
.delete-feed{background:transparent;color:var(--fg);border:1px solid var(--border);padding:.1rem .45rem;cursor:pointer}
.delete-feed:hover{opacity:.7}
.flex{display:flex}
.justify-between{justify-content:space-between}
.items-center{align-items:center}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:1rem}
button{background:var(--accent);color:var(--accent-fg);border:none;padding:.4rem .8rem;cursor:pointer;font:inherit}
button:hover{opacity:.9}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
a{color:var(--focus)}