:root{--ink:#20242b;--muted:#687180;--brand:#3866c9;--line:#dfe4ec;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;font:16px system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}header{padding:16px max(5vw,24px);background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}header b{display:block}header span,.hint,small{color:var(--muted);font-size:.88rem}header nav{display:flex;align-items:center;gap:18px}a{color:var(--brand);text-decoration:none}main{max-width:1100px;margin:32px auto;padding:0 24px}.grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(400px,1.4fr);gap:22px}article,.editor form,.login main{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 4px 18px #25345a0a}h1,h2{margin-top:0}label{display:block;font-weight:600;margin:14px 0}input,textarea{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid #cbd3df;border-radius:8px;font:inherit}textarea{resize:vertical}button{border:0;border-radius:8px;padding:10px 14px;background:#e8edf7;color:#27364d;font:inherit;font-weight:650;cursor:pointer}.primary{background:var(--brand);color:#fff}.link{background:none;color:var(--brand);padding:0}.small{font-size:.85rem;padding:6px 9px}.flash{background:#e8f3e9;color:#235d32;border-radius:8px;padding:12px;margin-bottom:20px}.post{border-top:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;gap:10px}.post p{margin:7px 0}.post small{margin-left:9px}.post span{font-size:.85rem;color:var(--muted)}ul{padding:0;list-style:none}li{padding:10px 0;border-top:1px solid var(--line)}li form{display:inline;margin-left:8px}.editor{max-width:850px}.editor>form{margin-top:18px}fieldset{border:1px solid var(--line);border-radius:10px;margin:20px 0;padding:12px}legend{font-weight:700}.button-row{display:flex;gap:8px}.check{font-weight:400}.check input{width:auto;display:inline;margin:0 8px 0 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.preview{max-width:240px;border-radius:8px}.login{min-height:100vh;display:grid;place-items:center}.login main{width:min(390px,calc(100vw - 40px))}.login p{color:var(--muted)}code{font-size:.85em}@media(max-width:760px){.grid{grid-template-columns:1fr}.button-row{display:block}}