body { font-family: system-ui,-apple-system,sans-serif; background:#fff; color:#111; max-width:820px; margin:0 auto; padding:1.5rem; }
    h1 { color:#1e40af; font-size:1.3rem; margin:0 0 .3rem; }
    .sub { color:#666; font-size:.9rem; margin:0 0 1rem; }
    .rss { display:inline-block; background:#ee802f; color:#fff; font-size:.72rem; font-weight:700; padding:.15rem .45rem; border-radius:.3rem; text-decoration:none; vertical-align:middle; margin-left:.4rem; }
    .nav { margin-bottom:1rem; }
    .btn { border:1px solid #ccc; background:#f0f0f2; color:#111; padding:.3rem .6rem; border-radius:.4rem; text-decoration:none; font-size:.85rem; }
    ul { list-style:none; padding:0; margin:0; }
    li { border-bottom:1px solid #eee; padding:.55rem .2rem; display:flex; gap:.6rem; align-items:baseline; }
    li .t { flex:1; }
    li a { color:#0645ad; text-decoration:none; font-weight:600; }
    li a:hover { text-decoration:underline; }
    li .cat { font-size:.7rem; color:#fff; background:#64748b; padding:.08rem .4rem; border-radius:.3rem; white-space:nowrap; }
    li .when { color:#888; font-size:.78rem; white-space:nowrap; }
    .desc { color:#555; font-size:.82rem; margin-top:.15rem; }
    .empty { color:#888; padding:2rem 0; text-align:center; }
    .footer { border-top:1px solid #eee; margin-top:2rem; padding:.8rem 0; font-size:.8rem; color:#888; }
    .searchrow { display:flex; gap:.6rem; align-items:center; margin:0 0 .8rem; }
    .search-box { flex:1; min-width:0; padding:.45rem .6rem; border:1px solid #ccc; border-radius:.4rem; font-size:.95rem; }
    #feed-count { color:#888; font-size:.8rem; white-space:nowrap; }
    li[hidden] { display:none; }