:root{--bg:#f6f5f2;--card:#fff;--ink:#1c1b19;--muted:#6b6963;--line:#e4e1da;--accent:#1f5f8b;--ok:#2d7a4f;--warn:#b7791f;--ins:#e6f6ec;--del:#fde8e8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.45}
a{color:var(--accent)}h1{font-size:1.5rem;margin:.2em 0 .6em}h2{font-size:1.1rem;margin:0 0 .6em}h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:1em 0 .3em}
.top{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.25rem;background:var(--card);border-bottom:1px solid var(--line)}
.top .brand{font-weight:700;text-decoration:none;color:var(--ink)}.top nav{display:flex;gap:1rem;align-items:center}
.wrap{max-width:1040px;margin:0 auto;padding:1.25rem 1rem 3rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.1rem 1.25rem;margin:1rem 0}.card.narrow{max-width:380px;margin:4rem auto}
.row{display:flex;gap:.75rem;align-items:center}.between{justify-content:space-between;flex-wrap:wrap}.right{text-align:right}.nowrap{white-space:nowrap}
.inline{display:inline}.link{background:none;border:0;color:var(--accent);cursor:pointer;font:inherit;padding:0}
label{display:block;margin:.6rem 0;font-size:.9rem}input:not([type=checkbox]),textarea{display:block;width:100%;margin-top:.25rem;padding:.5rem .6rem;border:1px solid var(--line);border-radius:6px;font:inherit;background:#fff}
label.check{display:flex;gap:.5rem;align-items:center}
.btn{display:inline-block;padding:.45rem .9rem;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font:inherit;cursor:pointer;text-decoration:none;font-size:.9rem}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.small{padding:.3rem .6rem;font-size:.8rem}.btn.ghost{background:transparent}.btn:disabled{opacity:.5}
table.list{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}
table.list td{padding:.7rem .8rem;border-top:1px solid var(--line);vertical-align:middle}table.list tr:first-child td{border-top:0}
table.kv{width:100%;font-size:.9rem}table.kv th{text-align:left;color:var(--muted);font-weight:500;width:7rem;padding:.25rem .5rem .25rem 0;vertical-align:top}table.kv td{padding:.25rem 0;word-break:break-word}
.pill{display:inline-block;padding:.1rem .5rem;border-radius:99px;font-size:.75rem;background:#eceae4;color:var(--muted)}.pill.open{background:#fff2d6;color:var(--warn)}.pill.type-edit{background:#e3eefa;color:var(--accent)}.pill.type-comment{background:#efe7fb;color:#6b3fa0}
.tabs{display:flex;gap:.25rem;margin:.5rem 0 1rem}.tab{padding:.3rem .7rem;border-radius:6px;text-decoration:none;color:var(--muted);text-transform:capitalize}.tab.on{background:var(--card);border:1px solid var(--line);color:var(--ink)}
.muted{color:var(--muted)}.small{font-size:.8rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.err{color:#b42318}
.flash{background:#e8f4ea;color:var(--ok);padding:.5rem 1.25rem;font-size:.9rem}
.diff del{background:var(--del);text-decoration:line-through;padding:0 .2em}.diff ins{background:var(--ins);text-decoration:none;padding:0 .2em}
pre{background:#f3f1ec;border:1px solid var(--line);border-radius:6px;padding:.6rem .75rem;white-space:pre-wrap;word-break:break-word;font-size:.85rem;margin:.3rem 0}pre.ins{background:var(--ins)}
pre.copy{cursor:copy;position:relative}pre.copy:hover{border-color:var(--accent)}pre.copy.done::after{content:"copied";position:absolute;right:.5rem;top:.3rem;font-size:.7rem;color:var(--ok)}
.thumb{height:44px;border:1px solid var(--line);border-radius:4px}.shot{max-width:100%;border:1px solid var(--line);border-radius:6px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:800px){.grid2{grid-template-columns:1fr}}
tr.resolved td,tr.dismissed td{opacity:.65}.note{white-space:pre-wrap}