:root{color:#1c1915;background:#f3efe6;font-family:IBM Plex Sans,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,a.button{font:inherit}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:#1f3d34;color:#f6f1e7;padding:28px 20px}aside h1{font-family:"Source Serif 4",serif;font-weight:560;font-size:32px;line-height:1;margin:8px 0 28px}.mark{margin:0;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:#d7c4a3}nav{display:flex;flex-direction:column;gap:4px}nav button{text-align:left;background:transparent;color:inherit;border:0;padding:8px 10px;border-radius:8px;cursor:pointer}nav button.active,nav button:hover{background:#31584b}.who{margin-top:32px;font-size:12px;color:#d7c4a3;word-break:break-all}.devtools{margin-top:32px;padding-top:16px;border-top:1px dashed #31584b}.devtools .who{margin-top:8px}.devtools .danger,.modal .danger{background:#6b2b1f;border-color:#8a3b2a;color:#fbe9e3}.devtools .danger{margin-top:8px;width:100%}.devtools .danger:hover:not(:disabled),.modal .danger:hover:not(:disabled){background:#8a3b2a}.devtools-label{margin:0 0 8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#d7c4a3}.dev-form form{display:flex;flex-direction:column;gap:6px}.dev-form input{width:100%;background:#163028;border-color:#31584b;color:#f6f1e7}.dev-form input::placeholder{color:#8aa89c}.dev-form button[type=submit]{width:100%;background:#31584b;border-color:#4a7566;color:#f6f1e7}.dev-form button[type=submit]:hover:not(:disabled){background:#3d6b5a}.dev-list{list-style:none;margin:10px 0 0;padding:0;font-size:12px}.dev-list li{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;padding:6px 0;border-top:1px solid #31584b}.dev-link{text-align:left;background:none;border:0;padding:0;color:#f6f1e7;text-decoration:underline;cursor:pointer}.dev-list span{color:#b8c9c0;font-size:11px}.dev-tag{grid-column:2;justify-self:end;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#d7c4a3}.dev-tag.ready{color:#9fd4b8}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#1c191573}.modal{width:min(440px,100%);background:#f6f1e7;color:#1c1915;border-radius:12px;padding:20px 22px;box-shadow:0 12px 40px #0003}.modal h3{font-family:"Source Serif 4",serif;font-size:24px;margin:0 0 12px}.modal p{margin:0 0 12px;line-height:1.45}.modal input{width:100%;margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}main{padding:28px 32px 64px}header h2{font-family:"Source Serif 4",serif;font-size:34px;margin:0 0 4px}header p,h3{margin-top:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:18px 0 24px}.cards article{background:#fff;border-radius:12px;padding:12px 14px}.cards span{display:block;color:#6d645b;font-size:12px}.cards strong{font-size:22px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #eee6da;vertical-align:top}th{font-size:12px;color:#6d645b;font-weight:600}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}input,select,button,a.button{border:1px solid #d9d0c3;background:#fff;border-radius:8px;padding:8px 10px}button,a.button{cursor:pointer;color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:default}.link{background:none;border:0;padding:0;color:#1f3d34;text-decoration:underline;cursor:pointer}.banner{background:#fde8e2;color:#7a2e1e;padding:10px 12px;border-radius:8px}.note{color:#1f3d34}.quiet{color:#6d645b}.subhead{margin:28px 0 8px}.actions{display:flex;gap:6px;flex-wrap:wrap}.ok{color:#1f6b45}.stop{color:#8a3b2a}.wait{color:#8a5a12}.bar{display:inline-block;width:72px;height:8px;margin-right:8px;background:linear-gradient(#1f3d34,#1f3d34) 0 0 / var(--w) 100% no-repeat,#efe7da;border-radius:99px;vertical-align:middle}.pager{display:flex;gap:12px;align-items:center;margin-top:12px}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.photos figure{margin:0;background:#fff;border-radius:12px;overflow:hidden}.photos img{width:100%;height:180px;object-fit:cover;background:#efe7da}.photos figcaption{padding:10px 12px;font-size:13px}pre{white-space:pre-wrap;font-family:inherit;background:#f6f1e7;padding:8px;border-radius:8px}@media(max-width:800px){.shell{grid-template-columns:1fr}aside{padding:16px}nav{flex-direction:row;flex-wrap:wrap}main{padding:16px}}
