*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f3eedd;--paper:#fbf7ea;--ink:#1c1a14;--muted:#6a6254;--red:#d94030;--mustard:#d9a328;--font-display:"Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif;--font-body:"Zen Kaku Gothic New", "Hiragino Sans", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}#root{background:var(--bg);max-width:480px;min-height:100dvh;margin:0 auto}.app{flex-direction:column;min-height:100dvh;display:flex}.masthead{z-index:10;background:var(--paper);border-bottom:2px solid var(--ink);padding:14px 18px 10px;position:sticky;top:0}.masthead-row{justify-content:space-between;align-items:baseline;display:flex}.masthead-title{font-family:var(--font-display);letter-spacing:-.5px;color:var(--ink);font-size:34px;font-weight:800;line-height:.95}.masthead-dot{color:var(--red)}.masthead-sub{font-family:var(--font-mono);letter-spacing:2px;color:var(--muted);margin-top:4px;font-size:9px}.masthead-actions{gap:6px;display:flex}.refresh-btn{background:var(--ink);width:32px;height:32px;color:var(--paper);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.refresh-btn:disabled{opacity:.5;cursor:default}.masthead-meta{font-family:var(--font-mono);letter-spacing:1px;color:var(--ink);justify-content:space-between;margin-top:8px;font-size:9px;display:flex}.chip-row{background:var(--paper);border-bottom:2px solid var(--ink);scrollbar-width:none;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{color:var(--ink);font-family:var(--font-display);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-right:1px solid #1c1a1421;flex-shrink:0;align-items:center;gap:6px;padding:12px 14px;font-size:13px;font-weight:800;display:flex}.chip:last-child{border-right:none}.chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chip--active{background:var(--ink);color:var(--paper)}.feed{flex-direction:column;flex:1;display:flex}.state-msg{font-family:var(--font-mono);letter-spacing:1px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 18px;font-size:11px;display:flex}.spinner{border:2px solid #1c1a1426;border-top-color:var(--ink);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-heading{background:var(--bg);align-items:flex-end;gap:10px;padding:18px 18px 8px;display:flex}.section-num{font-family:var(--font-mono);color:var(--red);font-size:24px;font-weight:700;line-height:.9}.section-title{font-family:var(--font-display);font-size:18px;font-weight:800;line-height:1}.section-meta{font-family:var(--font-mono);letter-spacing:1px;color:var(--muted);margin-top:3px;font-size:9px}.hero{border-bottom:2px solid var(--ink);background:var(--paper);color:var(--ink);-webkit-tap-highlight-color:transparent;padding:18px;text-decoration:none;display:block}.hero-meta{align-items:center;gap:8px;margin-bottom:10px;display:flex}.tag-chain{font-family:var(--font-mono);color:#fff;letter-spacing:1px;padding:3px 8px;font-size:9px;font-weight:700}.tag-top{font-family:var(--font-mono);letter-spacing:1px;color:var(--red);border:1px solid var(--red);padding:2px 6px;font-size:9px}.hero-time{font-family:var(--font-mono);color:var(--muted);margin-left:auto;font-size:9px}.hero-title{font-family:var(--font-display);letter-spacing:-.3px;color:var(--ink);font-size:22px;font-weight:800;line-height:1.3}.hero-image{border:1px solid var(--ink);background:repeating-linear-gradient(135deg, var(--paper) 0 10px, #1c1a1414 10px 11px);height:160px;margin-top:12px;position:relative;overflow:hidden}.hero-image img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.hero-image img.loaded{opacity:1}.hero-footer{font-family:var(--font-mono);align-items:center;margin-top:10px;font-size:10px;display:flex}.hero-source{color:var(--ink)}.hero-cta{color:var(--red);margin-left:auto;font-weight:700}.row{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;border-top:1px solid #1c1a1421;grid-template-columns:28px 1fr;gap:12px;padding:14px 18px;text-decoration:none;display:grid}.row:first-of-type{border-top:none}.row-num{font-family:var(--font-mono);color:var(--muted);text-align:right;padding-top:3px;font-size:10px}.row-body{min-width:0}.row-meta{align-items:center;gap:6px;margin-bottom:4px;display:flex}.row-time{font-family:var(--font-mono);color:var(--muted);margin-left:auto;font-size:9px}.row-title{font-family:var(--font-display);letter-spacing:-.1px;color:var(--ink);font-size:14px;font-weight:700;line-height:1.4}.row-source{font-family:var(--font-mono);color:var(--muted);letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;overflow:hidden}