:root{--ink:#1a1a1a;--soft:#3a3a3a;--muted:#6e6e6e;--orange:#f26a1f;--tint:#fdf1e9;--line:#d8d8d8;--paper:#fff;--paper2:#f6f6f6;
  --ok:#2f5532;--ok-bg:#d8e6da;--warn:#7a4818;--warn-bg:#f3dcc4;--bad:#802929;--bad-bg:#e8c5c5;
  --rL:#B2C4DA;--rM:#FFFF00;--rH:#DC7D0E;}
*{box-sizing:border-box;}
html,body{margin:0;background:var(--paper2);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.45;}
.bar{height:4px;background:var(--orange);}
header{background:var(--paper);border-bottom:1px solid var(--line);padding:12px 16px;}
header a{display:inline-block;}
header img{height:34px;display:block;}
main{max-width:640px;margin:0 auto;padding:16px 16px 48px;}
.card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:16px;margin:0 0 14px;}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin:0 0 4px;}
h1{font-size:21px;line-height:1.2;margin:0 0 4px;}
h2{font-size:17px;margin:0 0 10px;display:flex;gap:8px;align-items:baseline;}
h2 .num{color:var(--orange);}
.meta{color:var(--muted);font-size:14px;margin:0 0 12px;}
.status{display:inline-block;font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;margin:4px 0 8px;}
.status.ok{background:var(--ok-bg);color:var(--ok);} .status.wait{background:var(--warn-bg);color:var(--warn);} .status.bad{background:var(--bad-bg);color:var(--bad);}
.btn{display:block;width:100%;text-align:center;font:inherit;font-weight:700;font-size:16px;border-radius:8px;padding:13px 16px;border:1px solid var(--orange);
  background:var(--orange);color:#fff;text-decoration:none;cursor:pointer;margin:8px 0 0;}
.btn.ghost{background:var(--paper);color:var(--orange);}
.btn:disabled{opacity:.5;cursor:default;}
.row-btns{display:flex;gap:8px;} .row-btns .btn{flex:1;}
.note{background:var(--tint);border-left:3px solid var(--orange);padding:10px 12px;font-size:14px;margin:0 0 12px;border-radius:0 6px 6px 0;}
.stop{border:2px solid var(--orange);background:#fff4ec;padding:10px 12px;font-size:15px;border-radius:6px;margin:0 0 10px;}
.stop b{color:var(--orange);}
.statement{font-size:14px;color:var(--soft);background:var(--paper2);padding:10px 12px;border-radius:6px;margin:0 0 12px;}
label.f{display:block;font-size:13px;font-weight:700;color:var(--soft);margin:12px 0 4px;}
label.f .opt{font-weight:400;color:var(--muted);}
input[type=text],input[type=date],textarea{width:100%;font:inherit;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);}
textarea{min-height:66px;resize:vertical;line-height:1.4;}
select.sel{width:100%;font:inherit;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);}
select.sel:focus{outline:2px solid var(--orange);outline-offset:0;border-color:var(--orange);}
input.other{margin-top:8px;}
.dd-body input.other{margin-top:0;}
.dd-body .btn{margin-top:14px;}
details.dd>summary{list-style:none;cursor:pointer;position:relative;padding-right:34px;}
details.dd>summary::-webkit-details-marker{display:none;}
details.dd>summary::after{content:"\25BE";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--soft);}
details.dd[open]>summary{border-color:var(--orange);border-radius:6px 6px 0 0;}
.dd-body{border:1px solid var(--line);border-top:none;border-radius:0 0 6px 6px;padding:4px 12px 12px;background:#fff;}
.hz-g{margin:10px 0 0;}
.hz-h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--orange);}
.hz-g .check{margin:8px 0 0;font-size:15px;}
p.picked{font-size:14px;color:var(--soft);margin:6px 0 0;}
.list a.go{flex:0 0 auto;font-weight:700;font-size:14px;color:#fff;background:var(--orange);border-radius:6px;padding:8px 12px;}
p.hint{font-size:13px;font-weight:700;color:var(--warn);background:var(--warn-bg);padding:6px 10px;border-radius:6px;margin:8px 0 0;}
input[type=text]:focus,input[type=date]:focus,textarea:focus{outline:2px solid var(--orange);outline-offset:0;border-color:var(--orange);}
.two{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;}
.check{display:flex;gap:10px;align-items:flex-start;font-size:15px;margin:12px 0 0;}
.check input{width:22px;height:22px;flex:0 0 auto;margin:1px 0 0;accent-color:var(--orange);}
.ck{border-top:1px solid var(--line);padding:10px 0;}
.ck:first-child{border-top:none;padding-top:0;}
.ck .check{margin:0;}
.opts{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 0 32px;}
.opts label{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;cursor:pointer;background:#fff;}
.opts input{accent-color:var(--orange);width:18px;height:18px;margin:0;}
.opts label:has(input:checked){border-color:var(--orange);background:var(--tint);font-weight:700;}
.swms-list .check{margin:8px 0 0;font-size:15px;}
.swms-list .code{font-weight:700;margin-right:4px;}
.task{border:1px solid var(--line);border-radius:8px;padding:12px;margin:0 0 12px;}
.task-h{display:flex;justify-content:space-between;align-items:center;font-weight:700;}
.task-h .n{color:var(--orange);}
.task .rm{font:inherit;font-size:14px;color:var(--bad);background:none;border:none;cursor:pointer;padding:4px;}
.seg{display:flex;gap:6px;}
.seg button{flex:1;font:inherit;font-weight:700;padding:10px 0;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);cursor:pointer;}
.seg button[aria-pressed=true].L{background:var(--rL);border-color:#7f97b6;}
.seg button[aria-pressed=true].M{background:var(--rM);border-color:#c9c900;}
.seg button[aria-pressed=true].H{background:var(--rH);border-color:#b0630a;color:#fff;}
.rk{display:inline-block;min-width:22px;text-align:center;font-size:13px;font-weight:700;padding:1px 7px;border-radius:4px;}
.rk.L{background:var(--rL);} .rk.M{background:var(--rM);} .rk.H{background:var(--rH);color:#fff;}
details.help{font-size:14px;color:var(--soft);margin:0 0 12px;}
details.help summary{cursor:pointer;color:var(--orange);font-weight:700;padding:4px 0;}
table.matrix{border-collapse:collapse;width:100%;font-size:13px;margin:8px 0 0;}
table.matrix th,table.matrix td{border:1px solid #d6d6d6;padding:5px 4px;text-align:center;}
table.matrix th{background:#f6f6f6;font-weight:600;}
table.matrix th.rowh{text-align:left;}
table.matrix td.L{background:var(--rL);font-weight:700;} table.matrix td.M{background:var(--rM);font-weight:700;} table.matrix td.H{background:var(--rH);color:#fff;font-weight:700;}
.pad-wrap{position:relative;margin:4px 0 0;}
canvas.pad{display:block;width:100%;height:170px;border:1px solid var(--line);border-radius:6px;background:#fff;touch-action:none;}
.pad-hint{position:absolute;left:12px;bottom:10px;font-size:12px;color:#aaa;pointer-events:none;}
.pad-line{position:absolute;left:12px;right:12px;bottom:34px;border-bottom:1px dashed #ccc;pointer-events:none;}
.clear{font:inherit;font-size:14px;background:none;border:none;color:var(--orange);font-weight:700;padding:6px 0;cursor:pointer;}
.err{color:var(--bad);background:var(--bad-bg);padding:8px 12px;border-radius:6px;font-size:14px;margin:10px 0 0;}
.invalid{outline:2px solid var(--bad)!important;outline-offset:2px;border-radius:6px;}
.list{list-style:none;margin:0;padding:0;}
.list li{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding:10px 0;}
.list li:first-child{border-top:none;}
.list .who{flex:1;min-width:0;}
.list .nm{font-weight:700;}
.list .sub{font-size:13px;color:var(--muted);overflow-wrap:anywhere;}
.list img{height:40px;max-width:110px;object-fit:contain;flex:0 0 auto;}
.list a{color:inherit;text-decoration:none;}
.list .rm{font:inherit;font-size:13px;color:var(--bad);background:none;border:none;cursor:pointer;padding:4px;}
.empty{color:var(--muted);font-size:14px;margin:0;}
dl.kv{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:15px;}
dl.kv dt{color:var(--muted);font-size:13px;font-weight:700;padding-top:2px;}
dl.kv dd{margin:0;white-space:pre-line;overflow-wrap:anywhere;}
ul.ticks{list-style:none;margin:0;padding:0;font-size:15px;}
ul.ticks li{padding:4px 0 4px 28px;position:relative;}
ul.ticks li::before{content:"\2713";position:absolute;left:4px;top:4px;color:var(--ok);font-weight:700;}
ul.ticks li.na::before{content:"\2013";color:var(--muted);}
.tv{border-top:1px solid var(--line);padding:10px 0;font-size:15px;}
.tv:first-child{border-top:none;padding-top:0;}
.tv .th{display:flex;gap:8px;align-items:baseline;font-weight:700;}
.tv .th .n{color:var(--orange);}
.tv .lb{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--soft);margin:8px 0 2px;}
.tv .tx{white-space:pre-line;overflow-wrap:anywhere;}
.tv .later{font-size:12px;color:var(--warn);background:var(--warn-bg);padding:1px 8px;border-radius:999px;font-weight:700;}
.tv .rr{font-size:14px;color:var(--muted);margin:6px 0 0;}
.saved{font-size:13px;color:var(--muted);margin:8px 0 0;text-align:center;}
.spot{background:#ff7a00;color:#000;border:2px solid #c85a00;border-radius:8px;padding:12px 14px;margin:0 0 14px;font-size:15px;line-height:1.4;}
.spot .spot-t{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;}
.spot p{margin:0 0 8px;}
.spot .grp{margin:0 0 8px;}
.spot ul{margin:4px 0 0;padding-left:20px;}
.spot li{margin:2px 0;}
.spot li::marker{color:#000;}
.spot .must{border-top:2px solid #000;padding-top:8px;margin-top:4px;}
[hidden]{display:none!important;}
footer{text-align:center;font-size:12px;color:var(--muted);margin-top:20px;}