:root{--ink:#23262d;--paper:#faf9f6;--accent:#b58a2e;--line:#e4e2da}@media (prefers-color-scheme:dark){:root{--ink:#e8e7e2;--paper:#17181c;--line:#33363e}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:PingFang SC,Hiragino Sans GB,sans-serif;line-height:1.7}.page{max-width:760px;margin:0 auto;padding:40px 20px}.eyebrow{letter-spacing:.15em;color:#888;font-size:12px}.group{margin:28px 0}.group h2{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding-bottom:8px;font-size:16px;display:flex}.group h2 a{color:inherit;text-decoration:none}.badge{background:var(--accent);color:var(--paper);border-radius:999px;padding:1px 8px;font-size:11px}.count{color:#888;margin-left:auto;font-size:13px}.group ul{flex-direction:column;gap:10px;margin:8px 0;padding:0;list-style:none;display:flex}.group li{align-items:baseline;gap:10px;display:flex}.quote{color:inherit;background:#ffe58a59;border-radius:3px;flex:1;padding:2px 6px;text-decoration:none}.meta{color:#888;white-space:nowrap;font-size:12px}.del{all:unset;cursor:pointer;color:#888;padding:0 6px}.del:hover{color:#c33}input{font:inherit;border:1px solid var(--line);color:inherit;background:0 0;border-radius:8px;margin-right:8px;padding:8px 12px}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 16px}