:root{--bg:#f7f5ef;--paper:#fffdf8;--ink:#1d2320;--muted:#68716d;--line:#ded8cc;--accent:#0f6b5f;--accent-2:#a43e32;--blue:#2f5f9f;--chip:#ebe6d9;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{background:var(--paper);min-height:100svh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100svh}.app-shell{background:var(--paper);max-width:480px;min-height:100svh;color:var(--ink);flex-direction:column;margin:0 auto;display:flex;box-shadow:0 0 0 1px #222a2614}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fffdf8f5;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px;min-height:72px;padding:12px 16px;display:grid;position:sticky;top:0}.eyebrow{color:var(--muted);margin-bottom:3px;font-size:12px;line-height:1.2;display:block}.topbar h1{color:var(--ink);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:780;line-height:1.16;overflow:hidden}.icon-button{width:40px;height:40px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-button:focus-visible,.mode-tabs button:focus-visible,.bottom-nav button:focus-visible,.primary-action:focus-visible,.source-summary button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.health-strip{background:#edf5f1;border:1px solid #cfe1d8;border-radius:8px;justify-content:space-between;align-items:center;min-height:44px;margin:12px 16px 0;padding:0 12px;display:flex}.health-strip div{color:var(--accent);align-items:center;gap:8px;font-size:13px;font-weight:760;display:flex}.health-strip strong{color:var(--accent);font-size:17px}.mode-tabs{background:var(--chip);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:12px 16px 0;padding:4px;display:grid}.mode-tabs button{color:#505a55;background:0 0;border:0;border-radius:6px;height:36px;font-weight:760}.mode-tabs .active{background:var(--paper);color:var(--accent);box-shadow:0 1px 3px #171f1c1f}.scroll-area{flex:1;padding:16px 16px 92px;overflow:auto}.reading-feed,.evidence-view{gap:12px;display:grid}.search-box{border:1px solid var(--line);min-height:44px;color:var(--muted);background:#fffaf0;border-radius:8px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.search-box input::placeholder{color:#8a918d}.section-title{color:var(--accent);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.feed-overview{background:#f5faf6;border:1px solid #d9e3dc;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 12px;display:flex}.feed-overview div{min-width:0;color:var(--accent);align-items:center;gap:8px;font-size:12px;font-weight:780;display:flex}.feed-overview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feed-overview strong{color:#24312d;white-space:nowrap;font-size:13px}.filter-bar{min-height:42px;color:var(--muted);scrollbar-width:none;align-items:center;gap:7px;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-bar button{color:#4c5853;background:#fffaf0;border:1px solid #d8e1dc;border-radius:999px;flex:none;min-height:32px;padding:0 11px;font-size:12px;font-weight:780}.filter-bar button.active{border-color:var(--accent);background:var(--accent);color:#fff}.feed-card,.claim-card,.inline-panel{border:1px solid var(--line);background:#fffaf0;border-radius:8px}.feed-card{padding:0;position:relative;overflow:hidden}.feed-card.is-read{background:#f6f3ec}.feed-card.is-read h2,.feed-card.is-read p{color:#6c746f}.feed-card.is-unread{box-shadow:inset 3px 0 0 var(--accent);border-color:#b9d1c7}.card-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:14px 48px 14px 14px}.heart-button{color:#8a918d;background:#fffdf8eb;border:1px solid #d8e1dc;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:10px;right:10px}.heart-button.liked,.article-heart.liked{color:#c7364b;background:#fff3f5;border-color:#efb5bf}.meta-line{color:var(--muted);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.feed-card h2,.article-view h2{color:var(--ink);letter-spacing:0;margin:0 0 9px;font-size:19px;font-weight:800;line-height:1.28}.feed-card p,.claim-card p{color:#48534f;margin:0;font-size:14px;line-height:1.55}.chips{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.chip,.relation-grid span{color:#34544d;background:#e7eee8;border-radius:999px;align-items:center;min-height:27px;padding:0 9px;font-size:12px;font-weight:740;display:inline-flex}.primary-action{background:var(--accent);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-size:15px;font-weight:800;display:inline-flex}.article-view{display:block}.article-kicker{color:var(--accent-2);align-items:center;gap:8px;margin-bottom:9px;font-size:12px;font-weight:800;display:flex}.article-kicker span{flex:1;min-width:0}.article-heart{color:#8a918d;background:#fffaf0;border:1px solid #d8e1dc;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.article-view p{color:#2f3935;margin:0 0 16px;font-size:17px;line-height:1.78}.article-view h3,.article-view h4{color:var(--ink);letter-spacing:0;margin:22px 0 10px;line-height:1.3}.article-view h3{font-size:18px}.article-view h4{font-size:16px}.wikilink-button{color:var(--blue);background:0 0;border:0;border-bottom:1px solid #2f5f9f4d;margin:0;padding:0;font-weight:760;display:inline}.wikilink-button:disabled{color:#6d7580;cursor:default;border-bottom-style:dotted}.source-summary{border-left:3px solid var(--accent);background:#eef5f1;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:12px;display:flex}.source-summary span{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.source-summary strong{color:#24312d;font-size:13px;line-height:1.35;display:block}.source-summary button{min-width:58px;height:34px;color:var(--accent);background:#fffdf8;border:1px solid #b9d1c7;border-radius:7px;font-weight:780}.source-summary a{min-width:58px;height:34px;color:var(--accent);background:#fffdf8;border:1px solid #b9d1c7;border-radius:7px;justify-content:center;align-items:center;font-weight:780;text-decoration:none;display:inline-flex}.inline-panel{padding:13px}.inline-panel h3{color:var(--ink);align-items:center;gap:7px;margin:0 0 11px;font-size:15px;display:flex}.relation-grid{flex-wrap:wrap;gap:7px;display:flex}.relation-grid button{color:#34544d;background:#e7eee8;border:0;border-radius:999px;min-height:29px;padding:0 9px;font-size:12px;font-weight:740}.claim-card{padding:13px}.claim-card div{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.claim-card code{text-overflow:ellipsis;white-space:nowrap;color:var(--blue);background:#eef2f5;border-radius:6px;padding:5px 7px;font-size:12px;overflow:hidden}.claim-card span{color:var(--muted);font-size:12px;font-weight:760}.empty-state{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.bottom-nav{width:min(100%,480px);height:74px;padding-bottom:env(safe-area-inset-bottom);z-index:10;background:#fffdf8f7;border-top:1px solid #ded8cceb;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#5c6661;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:780;display:flex}.bottom-nav .selected{color:var(--accent)}@media (width>=900px){body{background:radial-gradient(circle at 0 0,#0f6b5f29,#0000 28rem),linear-gradient(135deg,#f9f4ea 0%,#edf3ef 48%,#f6f4ef 100%)}.app-shell{border-radius:30px;min-height:860px;margin-top:28px;margin-bottom:28px;overflow:hidden;box-shadow:0 24px 70px #19231f2e}.bottom-nav{width:100%;position:sticky;left:auto;transform:none}}