:root{--bg: #faf8f5;--paper: #ffffff;--ink: #1f1b18;--ink-soft: #4a433e;--muted: #857a72;--line: #ebe4dc;--red: #b42318;--red-soft: #fdecea;--amber: #b54708;--amber-soft: #fef4e6;--green-soft: #ecf6ee;--green: #24713a;--shadow: 0 1px 3px rgba(31,27,24,.06), 0 4px 14px rgba(31,27,24,.05);--radius: 14px;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #161311;--paper: #211d1a;--ink: #f3eee9;--ink-soft: #cfc6be;--muted: #9a8f86;--line: #36302b;--red: #f2675a;--red-soft: #3a1f1b;--amber: #f5a65b;--amber-soft: #352717;--green-soft: #1b2e20;--green: #7fcf92;--shadow: 0 1px 3px rgba(0,0,0,.4)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--sans),"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}a{color:var(--red)}.app{max-width:720px;margin:0 auto;padding-bottom:calc(32px + env(safe-area-inset-bottom))}main{padding:0 16px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);min-height:56px}.topbar h1{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.back{font-weight:600;color:var(--red);padding:6px 4px;font-size:1.05rem}.link-btn{color:var(--red);font-size:.9rem;font-weight:600;padding:6px 4px;white-space:nowrap}.banner{margin:12px 16px 0;padding:10px 14px;border-radius:10px;font-size:.9rem}.banner.offline{background:var(--amber-soft);color:var(--amber)}.banner.error{background:var(--red-soft);color:var(--red)}.notify{margin-top:16px;padding:14px 16px;background:var(--amber-soft);border-radius:var(--radius);font-size:.92rem;color:var(--ink-soft)}.notify.on{background:var(--green-soft)}.notify strong{color:var(--ink)}.notify .row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.notify .msg{margin-top:8px;font-size:.85rem;color:var(--muted)}.btn{background:var(--red);color:#fff;font-weight:600;padding:9px 16px;border-radius:999px;font-size:.92rem}.btn.ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line);background:var(--paper)}.btn:disabled{opacity:.6;cursor:default}.search{margin:16px 0 12px}.search input{width:100%;padding:11px 14px;font:inherit;font-size:1rem;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}.search input:focus{outline:2px solid var(--red);outline-offset:-1px;border-color:transparent}.list{list-style:none;display:flex;flex-direction:column;gap:10px}.card{display:block;width:100%;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);transition:transform .12s ease}.card:active{transform:scale(.99)}.card.unread{border-left:4px solid var(--red);padding-left:13px}.card-meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted)}.pill{background:var(--red);color:#fff;font-weight:700;font-size:.7rem;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.card-title{font-weight:700;font-size:1.05rem;margin-top:4px;line-height:1.3;overflow-wrap:anywhere}.card-kind{font-size:.8rem;color:var(--red);font-weight:600;margin-top:2px}.card-excerpt{margin-top:6px;font-size:.9rem;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.empty{text-align:center;color:var(--muted);padding:32px 0}.status{margin-top:24px;text-align:center;font-size:.8rem;color:var(--muted);line-height:1.7}.status-err{color:var(--red)}.inline-link{color:var(--red);text-decoration:underline;font-size:inherit}.article{padding-top:16px}.article-head h2{font-size:1.4rem;line-height:1.25;margin:4px 0 6px;overflow-wrap:anywhere}.article-head time{font-size:.85rem;color:var(--muted)}.content{margin-top:16px;font-size:1rem;color:var(--ink-soft);overflow-wrap:anywhere}.content p{margin-bottom:.9em}.content strong{color:var(--ink)}.content ul,.content ol{margin:0 0 .9em 1.3em}.content img{display:block;max-width:100%;height:auto;margin:4px 0;border-radius:10px;background:#fff;border:1px solid var(--line)}.content a:has(img){display:inline-block;margin:0 8px 8px 0}.content table{border-collapse:collapse;width:100%;margin-bottom:1em;font-size:.9rem;display:block;overflow-x:auto}.content td,.content th{border:1px solid var(--line);padding:6px 8px}.source{display:inline-block;margin-top:12px;font-weight:600;font-size:.9rem}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:16px}.lightbox img{max-width:100%;max-height:100%;border-radius:8px;background:#fff}
