:root{color-scheme:light;--bg:#eff6f4;--surface:#fff;--soft:#f2f8f7;--text:#123747;--muted:#526d79;--line:#cddfdf;--accent:#157c73;--selected:#e0f6f0;--shadow:0 8px 24px #143d4b0b}*{box-sizing:border-box}body{margin:0;padding:16px;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;background:linear-gradient(110deg,#17584f,#2c8070);color:#fff;border-radius:16px}h1{font-size:25px;margin:3px 0}h2{font-size:21px;margin:3px 0;overflow-wrap:anywhere}h3{font-size:16px;margin:0 0 8px}p{margin:6px 0}small{font-size:10px;letter-spacing:.08em;font-weight:700}header a{color:#fff;white-space:nowrap}#notice{min-height:24px;padding:5px 2px;color:var(--muted)}main{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:12px;max-width:1800px;margin:auto}aside,article,#empty{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px}aside{align-self:start;position:sticky;top:12px;max-height:calc(100dvh - 30px);overflow:auto}label{display:block;font-size:12px;font-weight:650;margin:6px 0}input,select,textarea,button{font:inherit;color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:8px}input,select,textarea{width:100%;padding:9px 10px}textarea{resize:vertical;min-height:88px}button{cursor:pointer;padding:8px 12px}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2c9fac;outline-offset:2px}.primary{background:var(--accent);color:white;border-color:var(--accent)}[hidden]{display:none!important}#reports{display:grid;gap:5px;margin-top:10px}.report-card{text-align:left;border-left:3px solid var(--accent);padding:7px 9px;display:grid;grid-template-columns:1fr auto;gap:2px 8px;min-width:0}.report-card strong{overflow-wrap:anywhere;min-width:0}.report-card span{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.report-card[aria-pressed=true]{background:var(--selected);outline:2px solid var(--accent);outline-offset:-2px}.report-heading{display:flex;align-items:start;gap:12px;justify-content:space-between;padding:4px 0 12px;border-bottom:1px solid var(--line)}#meta{color:var(--muted);font-size:12px}details{margin:12px 0;background:var(--soft);padding:10px;border-radius:8px}summary{cursor:pointer;font-weight:700}#people{padding-left:20px}#people li{overflow-wrap:anywhere}#entries{display:grid;gap:12px;margin:18px 0}.entry{border-bottom:1px solid var(--line);padding:0 2px 14px;min-width:0}.entry-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.entry-head time{color:var(--muted);font-size:11px;margin-left:auto}.entry-kind{font-size:11px;color:var(--accent);font-weight:700}.entry p{white-space:pre-wrap;overflow-wrap:anywhere}#compose{background:var(--soft);padding:14px;border-radius:10px}#compose>p,details>p,dialog p{font-size:12px;color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;flex-wrap:wrap}dialog{border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--surface);width:min(500px,calc(100% - 24px));max-height:85dvh;padding:20px}dialog::backdrop{background:#0b243980}#memberOptions{max-height:42dvh;overflow:auto;margin:10px 0}#memberOptions label{display:flex;gap:9px;align-items:start;padding:6px;font-weight:400;overflow-wrap:anywhere}#memberOptions input{width:auto;flex-shrink:0;margin-top:4px}.mobile{display:none}#draftStatus{min-height:18px}.error{color:#bd3333!important}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0e202b;--surface:#162e3a;--soft:#1a3540;--text:#e4f0f3;--muted:#acc6ce;--line:#365561;--accent:#38bba9;--selected:#204d4a}}:root[data-theme=dark]{color-scheme:dark;--bg:#0e202b;--surface:#162e3a;--soft:#1a3540;--text:#e4f0f3;--muted:#acc6ce;--line:#365561;--accent:#38bba9;--selected:#204d4a}
@media(max-width:760px){body{padding:8px}header{padding:12px;gap:10px;align-items:start}h1{font-size:21px}header p{font-size:12px}header a{font-size:12px}main{display:block}aside{position:static;max-height:none}#workspace{display:none}body.selected aside{display:none}body.selected #workspace{display:block}.mobile{display:inline-block;margin-bottom:10px}article{padding:10px}.entry-head time{margin-left:0;flex-basis:100%}#compose{padding:10px}.report-card{padding:8px}header small{font-size:8px}}