:root{--bg:#fff;--fg:#1d2433;--mut:#5b6475;--ac:#0b6b5c;--bd:#d8dde6}
@media(prefers-color-scheme:dark){:root{--bg:#14181f;--fg:#e8ebf1;--mut:#9aa3b2;--ac:#4fc3ae;--bd:#2c3442}}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}
header,main,footer{max-width:720px;margin:0 auto;padding:0 16px}
section{border:1px solid var(--bd);border-radius:10px;padding:12px 16px;margin:16px 0}
label{display:block;margin:8px 0}input,select,textarea{font:inherit;padding:6px;width:100%;box-sizing:border-box;background:var(--bg);color:var(--fg);border:1px solid var(--bd);border-radius:6px}
button{font:inherit;padding:10px 16px;background:var(--ac);color:#fff;border:0;border-radius:8px;cursor:pointer}
.muted{color:var(--mut);font-size:14px}.result{font-weight:600}
.item{display:grid;grid-template-columns:1fr 130px;gap:6px;border-top:1px solid var(--bd);padding:6px 0}
.item h4{grid-column:1/-1;margin:4px 0}.item .note,.item .photo{grid-column:1/-1}
.claim{display:grid;grid-template-columns:1fr 110px auto;gap:6px;margin:6px 0}
pre{white-space:pre-wrap;background:var(--bd);padding:10px;border-radius:6px}
@media print{section:not(:nth-of-type(3)),header,footer,button{display:none}}
