:root{color-scheme:dark;--bg:#0a0d14;--card:#111827;--line:#263043;--text:#e8edf7;--muted:#97a5bd;--accent:#86a8ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}nav{display:flex;gap:24px}.brand{font-size:25px;font-weight:750;color:white}.brand span{color:var(--accent)}h1{font-size:clamp(32px,5vw,56px);line-height:1.12;letter-spacing:-1.5px;overflow-wrap:anywhere}h2{line-height:1.3}.intro{padding:50px 0}small,.muted,footer{color:var(--muted)}.intro small{letter-spacing:2px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--text)}.card:hover{text-decoration:none;border-color:var(--accent)}.card div{padding:24px}.card p,.lead{color:var(--muted)}.card img{width:100%;height:180px;object-fit:cover}.card span{color:var(--accent)}article{max-width:780px;margin:36px auto}.cover{width:100%;max-height:460px;object-fit:cover;border-radius:16px}.prose{font-size:18px;overflow-wrap:anywhere}.prose h2,.prose h3{margin-top:40px}.pagination{justify-content:center;margin:36px 0}footer{margin-top:40px;border-top:1px solid var(--line);font-size:13px}button,input,textarea,select{font:inherit}button,.button{border:1px solid var(--line);background:var(--card);color:var(--text);padding:10px 16px;border-radius:8px;cursor:pointer}button.primary{background:#456de5;border-color:#456de5}button:disabled{opacity:.5;cursor:wait}label{display:block;margin:14px 0 5px;color:var(--muted)}input,textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:12px}textarea{min-height:330px;resize:vertical}.editor-grid{display:grid;grid-template-columns:280px 1fr;gap:30px}.panel{background:var(--card);padding:24px;border:1px solid var(--line);border-radius:12px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.post-item{display:block;width:100%;text-align:left;margin:8px 0;overflow-wrap:anywhere}.status{min-height:28px;color:#a8c2ff}.hint{font-size:13px;color:var(--muted)}@media(max-width:760px){.cards{grid-template-columns:1fr}.editor-grid{grid-template-columns:1fr}header,main{padding:18px}nav{gap:12px}.intro{padding:24px 0}}

/* Compact editor and reading layout */
body{font-size:14px;line-height:1.6}header,main,footer{max-width:1080px;padding:18px 24px}header{padding-top:14px;padding-bottom:14px}h1{font-size:clamp(28px,4vw,40px);letter-spacing:-1px}.intro{padding:30px 0}.card div{padding:18px}.card h2{font-size:20px}.card img{height:155px}article{max-width:720px;margin:28px auto}.prose{font-size:16px;line-height:1.8}.prose h2{font-size:25px}.prose h3{font-size:21px}.prose h4{font-size:18px}.prose a{text-decoration:underline;text-underline-offset:3px}.cover{max-height:340px}.lead{font-size:16px}.editor-page main{max-width:1200px}.editor-page h1{font-size:29px;margin:12px 0 4px}.editor-page main>p{margin:0 0 18px}.editor-grid{grid-template-columns:230px 1fr;gap:18px}.panel{padding:18px}.editor-page label{font-size:12px;margin:10px 0 4px}.editor-page input{padding:8px 10px;font-size:13px}.editor-page textarea{min-height:240px;padding:12px;font-size:14px;border-radius:0 0 8px 8px}.editor-page button,.editor-page .button{padding:7px 11px;font-size:13px}.editor-page .hint{font-size:11px}.editor-page .actions{margin-top:14px}.status{font-size:13px;margin-bottom:0}.format-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:#182235;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0}.format-toolbar button:hover{border-color:var(--accent)}#posts{max-height:530px;overflow-y:auto}.post-item{font-size:12px!important}.editor-page aside input{margin-top:12px}@media(max-width:760px){.editor-grid{grid-template-columns:1fr}.editor-page aside #posts{max-height:150px}header,main{padding:14px}.panel{padding:14px}.editor-page h1{font-size:25px}.editor-page textarea{min-height:220px}}