:root{--bg:#f6f4ef;--card:#fff;--ink:#222;--mut:#6b6b6b;--acc:#7a3b2e;--line:#e2ddd0}
@media(prefers-color-scheme:dark){:root{--bg:#17161a;--card:#222126;--ink:#e8e6e1;--mut:#9b98a0;--acc:#d98b6f;--line:#38363e}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Georgia,serif}
header{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.2rem;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.brand{font-size:1.3rem;font-weight:700;color:var(--acc);text-decoration:none}nav a,nav button{margin-left:.8rem}
a{color:var(--acc)}.layout{display:flex;gap:1.5rem;max-width:1100px;margin:1.2rem auto;padding:0 1rem}
aside{width:230px;flex:none}main{flex:1;min-width:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.2rem 1.5rem;margin-bottom:1rem}
aside .card{padding:.8rem 1rem}aside a{display:block;text-decoration:none;padding:.15rem 0}
h1,h2,h3{font-family:system-ui,sans-serif}h1{margin-top:0;border-bottom:1px solid var(--line);padding-bottom:.4rem}
input,select,button,textarea{font:inherit;padding:.5rem .7rem;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}
button{background:var(--acc);color:#fff;border:0;cursor:pointer}button.alt{background:transparent;color:var(--acc);border:1px solid var(--acc)}
.row{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.8rem}.row input{flex:1}
.tag{font:12px system-ui;background:var(--line);padding:.1rem .5rem;border-radius:99px;color:var(--mut)}
.mut{color:var(--mut);font-size:.9rem}.err{color:#c0392b}.banner{border-left:4px solid var(--acc);padding:.6rem 1rem;background:var(--card);margin-bottom:1rem}
.body img{max-width:100%;border-radius:8px}.body blockquote{border-left:3px solid var(--acc);margin-left:0;padding-left:1rem;color:var(--mut)}
.rev{border-top:1px solid var(--line);padding:.8rem 0}details summary{cursor:pointer}
.ql-editor{min-height:260px;font:16px/1.6 Georgia,serif;background:var(--card);color:var(--ink)}.ql-toolbar{background:var(--card)}
@media(max-width:760px){.layout{flex-direction:column}aside{width:auto}}