:root{color:#16181d;background:#f4f5f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(320px,380px) 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;min-height:100vh;border-right:1px solid #d7d9d2;background:#fcfcfa}.brand{display:flex;flex-direction:column;gap:4px;padding:22px;border-bottom:1px solid #e0e2dc}.brand strong{font-size:20px}.brand span,.post-row-meta,.source-line{color:#686f77;font-size:13px}.filters{display:flex;gap:6px;padding:12px;border-bottom:1px solid #e0e2dc;overflow-x:auto}.filters button,.source-link,.related button{border:1px solid #c9cdc5;border-radius:6px;background:#fff;color:#20242a}.filters button{padding:7px 10px;cursor:pointer}.filters button.active{border-color:#1b6a60;background:#e4f3ef;color:#0e4b44}.post-list{overflow-y:auto}.post-row{display:flex;width:100%;min-height:76px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;border:0;border-bottom:1px solid #ebece8;background:transparent;text-align:left;cursor:pointer}.post-row:hover,.post-row.selected{background:#eef5f3}.post-row-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:650;line-height:1.35}.reader{min-width:0;padding:34px clamp(22px,5vw,72px) 64px}.reader-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;max-width:920px;margin:0 auto 22px}.source-line{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.reader h1{margin:0;font-size:32px;line-height:1.25;letter-spacing:0}.source-link{flex:0 0 auto;padding:8px 12px;text-decoration:none}.related{max-width:920px;margin:0 auto 24px;padding:14px 0;border-top:1px solid #d9ddd5;border-bottom:1px solid #d9ddd5}.related h2{margin:0 0 10px;font-size:14px}.related div{display:grid;gap:8px}.related button{display:grid;grid-template-columns:82px 1fr;gap:10px;padding:10px 12px;text-align:left;cursor:pointer}.markdown-body{max-width:920px;margin:0 auto;line-height:1.72}.markdown-body h1:first-child{display:none}.markdown-body img,.markdown-body video,.markdown-body iframe{display:block;max-width:100%;margin:18px auto;border-radius:6px}.markdown-body iframe{width:min(100%,720px);aspect-ratio:16 / 9;height:auto}.empty{padding:24px;color:#686f77}.reader-empty{max-width:920px;margin:0 auto}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;max-height:46vh;border-right:0;border-bottom:1px solid #d7d9d2}.reader{padding:24px 16px 48px}.reader-header{flex-direction:column}.reader h1{font-size:24px}}