:root { --bg:#fbf8f2; --fg:#26211b; --mut:#6f6558; --rule:#e4dccd; --card:#fff; --acc:#8a4b1f; --live:#2f6b3f; --live-bg:#e3f1e6; --draft:#8a5a00; --draft-bg:#fbefd0; --chip:#efe8d9; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg:#10151d; --fg:#e3e8f0; --mut:#9aa7ba; --rule:#26303f; --card:#161d28; --acc:#e0a96d; --live:#8fd4a1; --live-bg:#183225; --draft:#f0c674; --draft-bg:#3a2e12; --chip:#222c3b; color-scheme: dark; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.65 Georgia,"Iowan Old Style",serif; }
.top { display:flex; align-items:center; gap:14px; padding:12px 16px; border-bottom:1px solid var(--rule); }
.brand { font:700 15px/1 system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; color:var(--acc); text-decoration:none; margin-right:auto; }
.who { font:14px system-ui,sans-serif; color:var(--mut); }
button.link, .top form button { background:none; border:0; color:var(--acc); font:14px system-ui,sans-serif; cursor:pointer; padding:0; }
.wrap { max-width:820px; margin:0 auto; padding:22px 16px 60px; }
.flash { margin:0; padding:10px 16px; font:15px system-ui,sans-serif; }
.flash.ok { background:var(--live-bg); color:var(--live); } .flash.bad { background:var(--draft-bg); color:var(--draft); }
h1 { font-size:1.8rem; line-height:1.25; margin:.2em 0 .4em; text-wrap:balance; }
h2 { font-size:1.2rem; margin:1.8em 0 .5em; text-wrap:balance; }
a { color:var(--acc); }
.filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.filters input[type=search] { flex:1 1 220px; min-width:0; }
.filters input, .filters select, .filters button, .auth input:not([type=checkbox]):not([type=hidden]) { font:15px system-ui,sans-serif; padding:9px 11px; border:1px solid var(--rule); border-radius:8px; background:var(--card); color:var(--fg); }
.filters button, .auth input[type=submit] { background:var(--acc); color:#fff; border-color:var(--acc); cursor:pointer; }
.count { font:14px system-ui,sans-serif; color:var(--mut); margin:6px 0 14px; }
.list { list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.list li { background:var(--card); border:1px solid var(--rule); border-radius:10px; padding:14px 16px; }
.list .title { font-size:1.12rem; font-weight:700; text-decoration:none; color:var(--fg); display:block; margin-bottom:6px; }
.list .title:hover { color:var(--acc); }
.sum { margin:8px 0 0; color:var(--mut); font-size:.95rem; }
.meta { display:flex; flex-wrap:wrap; gap:8px; align-items:center; font:13px system-ui,sans-serif; color:var(--mut); }
.chip { padding:2px 9px; border-radius:999px; background:var(--chip); font-weight:600; text-transform:capitalize; }
.chip.live { background:var(--live-bg); color:var(--live); } .chip.draft { background:var(--draft-bg); color:var(--draft); }
.pager { display:flex; justify-content:space-between; gap:12px; margin-top:20px; font:15px system-ui,sans-serif; }
.back { font:14px system-ui,sans-serif; margin:0 0 6px; }
.where { margin:18px 0; padding:4px 16px 8px; border:1px solid var(--rule); border-left:4px solid var(--acc); border-radius:8px; background:var(--card); font:15px/1.55 system-ui,sans-serif; }
.where h2 { font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:var(--mut); margin:12px 0 6px; }
.where ul { margin:4px 0 8px; padding-left:20px; } .where p { margin:6px 0; overflow-wrap:anywhere; }
.summary { color:var(--mut); font-style:italic; }
.cover { width:100%; border-radius:10px; border:1px solid var(--rule); margin:14px 0 22px; }
.body { overflow-wrap:anywhere; } .body p { margin:0 0 1.1em; } .body table { border-collapse:collapse; font-size:.9rem; display:block; overflow-x:auto; }
.body td, .body th { border:1px solid var(--rule); padding:6px 9px; vertical-align:top; }
.body sup a { text-decoration:none; font-size:.8em; }
.note { margin-top:30px; padding:2px 16px 8px; background:var(--card); border:1px solid var(--rule); border-radius:8px; font:15px/1.6 system-ui,sans-serif; }
.auth { display:grid; gap:8px; max-width:380px; } .auth label { font:14px system-ui,sans-serif; color:var(--mut); } .auth .chk { display:flex; gap:8px; align-items:center; }
.fine { font:13px system-ui,sans-serif; color:var(--mut); max-width:380px; }
.chip.mine { background:var(--acc); color:#fff; text-transform:none; }
.pick { margin:30px 0; padding:4px 16px 12px; background:var(--card); border:1px solid var(--rule); border-radius:8px; font:15px/1.55 system-ui,sans-serif; }
.pick .opt { display:inline-flex; gap:6px; align-items:center; margin:4px 16px 4px 0; }
.pick textarea { display:block; width:100%; margin:10px 0; font:15px system-ui,sans-serif; padding:9px 11px; border:1px solid var(--rule); border-radius:8px; background:var(--bg); color:var(--fg); }
.pick .row { display:flex; gap:14px; align-items:center; } .pick input[type=submit] { background:var(--acc); color:#fff; border:0; border-radius:8px; padding:9px 16px; font:15px system-ui,sans-serif; cursor:pointer; }
.picks { margin:0 0 18px; padding:2px 16px 8px; background:var(--card); border:1px solid var(--rule); border-radius:8px; font:15px/1.55 system-ui,sans-serif; }
.picks ul { padding-left:18px; } .adm { font:14px system-ui,sans-serif; color:var(--acc); }
.note-text { display:block; margin:4px 0 10px; color:var(--fg); } .note-text p { margin:0 0 .6em; }
.sitechip { padding:2px 10px; border-radius:999px; font:600 13px system-ui,sans-serif; text-decoration:none; background:var(--chip); color:var(--fg); border:1px solid transparent; }
.sitechip.live { background:var(--live-bg); color:var(--live); } .sitechip.draft { background:var(--draft-bg); color:var(--draft); }
.sitechip:hover { border-color:currentColor; }