:root{color:#1f2937;background:#f8fafc;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header{background:#0f172a;justify-content:space-between;align-items:center;height:56px;padding:0 8vw;display:flex}header a{color:#fff;font-weight:700;text-decoration:none}main{max-width:1050px;margin:0 auto;padding:2rem 1rem}button,.upload{color:#fff;cursor:pointer;font:inherit;background:#2563eb;border:0;border-radius:6px;padding:.55rem .8rem}button.danger{background:#dc2626;margin-left:.5rem}button:disabled{opacity:.6}input,textarea{font:inherit;border:1px solid #cbd5e1;border-radius:6px;padding:.65rem}.auth{max-width:360px;margin:3rem auto}form,form label{gap:.7rem;display:grid}.error{color:#b91c1c}.article-list,.admin-list{padding:0;list-style:none}.article-list li,.admin-list li{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:1rem;padding:1rem;display:flex}.article-list a{color:#1d4ed8;font-weight:700}time,small{color:#64748b;font-size:.85rem}.toolbar{justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;display:flex}.meta{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.editor{background:#fff;border:1px solid #cbd5e1;grid-template-columns:1fr 1fr;min-height:65vh;display:grid}.editor textarea{resize:none;border:0;border-right:1px solid #cbd5e1;border-radius:0;min-height:65vh}.preview{padding:1rem;overflow:auto}.upload input{display:none}.markdown img{max-width:100%}.markdown pre{background:#e2e8f0;padding:1rem;overflow:auto}@media (width<=700px){.editor,.meta{grid-template-columns:1fr}.editor textarea{border-bottom:1px solid #cbd5e1;border-right:0;min-height:35vh}}