:root{font-family:Arial,Helvetica,sans-serif;color:#292b27;background:#f8f7f4;font-synthesis:none;--muted:#767970;--line:#dedfd7;--accent:#486449}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:5px;background:transparent;color:inherit;padding:9px 14px}button:hover{background:#eaece4}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,.feed:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.site-header{height:100px;max-width:1220px;margin:auto;display:flex;align-items:center;gap:22px;padding:0 42px;border-bottom:1px solid var(--line)}.wordmark{font-size:39px;font-weight:750;letter-spacing:-2px;color:inherit;text-decoration:none}.wordmark span{color:var(--accent)}.byline{font-size:14px;color:var(--muted)}#auth{margin-left:auto;font-size:12px}.layout{max-width:1220px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 260px;height:calc(100dvh - 100px)}.feed{overflow-y:auto;padding:44px 48px 24px 42px;scrollbar-width:thin}.feed-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:30px}h1{font-size:20px;font-weight:500;margin:0}#total{font-size:12px;color:var(--muted)}aside{border-left:1px solid var(--line);padding:47px 28px;overflow-y:auto}.aside-heading{text-transform:uppercase;letter-spacing:1.7px;font-size:10px;font-weight:bold;color:var(--muted);margin-bottom:20px}#filters{display:flex;flex-direction:column;gap:6px}#filters button{text-align:left;border-color:transparent;font-size:13px;overflow-wrap:anywhere}#filters button[aria-pressed=true]{background:#e5eadd;color:#354c34}.aside-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:38px}.post{padding:27px 0;border-bottom:1px solid var(--line)}.post:first-child{padding-top:0}.post-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 13px;font:11px/1.8 monospace;color:var(--muted);overflow-wrap:anywhere}.post-header button{padding:0;border:0;color:var(--accent);font:inherit}.post-body{font-size:16px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}footer{font-size:11px;color:var(--muted);padding:35px 0}#status{font-size:14px;line-height:1.6;color:var(--muted)}#composer{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px;margin-bottom:30px}label{display:block;font-size:13px;margin-bottom:10px}label span,.hint{color:var(--muted)}textarea,input{width:100%;border:1px solid var(--line);border-radius:4px;background:#fdfdfb;padding:12px;color:inherit}textarea{resize:vertical;min-height:130px;line-height:1.6}.composer-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px}output,.hint{font-size:11px}output.over{color:#a22c26}.primary{background:var(--accent);color:white;border-color:var(--accent);margin-top:8px}.primary:hover{background:#354c34}@media(min-width:1500px){.site-header{margin-top:25px}.layout{height:calc(100dvh - 125px)}}@media(max-width:650px){.site-header{height:80px;padding:0 20px;gap:14px}.wordmark{font-size:32px}.byline{font-size:12px}.layout{height:auto;display:flex;flex-direction:column}aside{order:-1;border-left:0;border-bottom:1px solid var(--line);padding:20px}.aside-heading{margin-bottom:12px}#filters{flex-direction:row;flex-wrap:wrap;gap:4px}.aside-note{display:none}.feed{padding:28px 20px;overflow:visible}.feed-heading{gap:10px}#total{font-size:10px}.post-header{font-size:10px}.post-body{font-size:15px}}

.layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.post-body,textarea{font-family:Georgia,"Times New Roman",serif;font-size:22px;line-height:1.65}.feed-heading{flex-direction:column;gap:8px}#filters{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:12px}#filters button{font-size:var(--tag-size,16px)}#tag-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}#tag-suggestions button{font-size:12px;padding:5px 8px}.edit-post{font-size:12px;margin-top:14px}#rename-tags{margin-top:40px;border-top:1px solid var(--line);padding-top:24px}#rename-tags label{margin-top:14px}select{width:100%;padding:10px;font:inherit;border:1px solid var(--line);background:white}#rename-tags button{margin-top:14px}#rename-status{font-size:13px}aside{padding:44px 32px}@media(max-width:650px){.post-body,textarea{font-size:21px}aside{order:0;padding:28px 20px}.layout{display:flex}.feed{width:100%}}