:root{color-scheme:light;--ink:#302720;--paper:#f7f2e9;--red:#873a32}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 system-ui,sans-serif}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-bottom:1px solid #d8ccbb}nav,.actions,.tabs,.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center}a{color:var(--red);text-underline-offset:4px}.brand{font-weight:750;text-decoration:none}h1{font-size:32px}h2{font-size:23px;margin:0 0 16px}h3{font-size:19px}section,.card{background:#fffdfa;border:1px solid #dfd4c4;border-radius:16px;padding:24px;margin:22px 0}label{display:block;font-weight:600;margin:12px 0 5px}input,select,textarea,button{font:inherit;border:1px solid #bbae9b;border-radius:8px;padding:11px;max-width:100%}input:not([type=checkbox]),textarea{width:100%}textarea{min-height:120px}button{cursor:pointer;background:var(--red);color:white}button.secondary{background:white;color:var(--ink)}button:disabled{opacity:.5;cursor:wait}button[aria-pressed=true]{outline:3px solid #c4a473}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c58e36;outline-offset:3px}[hidden]{display:none!important}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.notice{background:#f7e9d5;border-left:4px solid #af7536;padding:16px}.muted,small{color:#6e655d}dl{display:grid;grid-template-columns:minmax(130px,1fr) 3fr;gap:8px}dd{margin:0;overflow-wrap:anywhere}dt{font-weight:600}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.order{display:block;width:100%;text-align:left;background:#fffdfa;color:var(--ink);margin:10px 0;word-break:break-word}.badge{background:#eee4d5;padding:3px 10px;border-radius:20px;font-size:14px}pre{white-space:pre-wrap;overflow-wrap:anywhere}footer{font-size:14px;border-top:1px solid #d8ccbb}#status{min-height:28px}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #ddd;padding:8px} .table-wrap{overflow:auto}@media(max-width:640px){header,main,footer{padding:18px}section,.card{padding:18px}.grid{grid-template-columns:1fr}h1{font-size:27px}dl{grid-template-columns:1fr}dt{margin-top:8px}.filters>*{width:100%}}
:root{overflow-wrap:anywhere}h1,h2,h3{word-break:keep-all}header a,footer a,#login{display:inline-flex;align-items:center;min-height:44px}footer a{padding:6px 3px}input[type=checkbox]{width:18px;height:18px;vertical-align:middle;accent-color:var(--red)}button,a,input,select,textarea,summary{touch-action:manipulation}