:root{color-scheme:dark;color:#dce6e3;background:#0e1317;--green:#65dfaf;--muted:#93a59f}
.protocol-page{background:radial-gradient(ellipse at 85% 0,#1b48332e,transparent 42%),#0e1317;min-height:100vh}
.protocol-page .shell{max-width:1160px;padding:28px 28px 48px}
.protocol-page .intro{padding:32px 0 14px}.protocol-page h1{font-size:32px;margin:20px 0 12px;letter-spacing:-.6px}
.protocol-page .intro p{max-width:760px}.protocol-page .intro .button{font-size:12px;padding:9px 12px}
.protocol-page .panel{background:linear-gradient(145deg,#192129,#131b20);border:1px solid #2d3b41;box-shadow:0 18px 50px #0002;border-radius:16px}
.protocol-page .badge,.protocol-page .state{color:#a3cbb8;background:#21362e}
.protocol-page button,.protocol-page .button{background:#65dfaf;color:#09261b}.protocol-page .secondary{background:#24332f;color:#a3ddc4}
.protocol-page :is(input,select,textarea){background:#10191d;color:#dce6e3;border-color:#35473f}
.protocol-page pre{background:#0e171c;color:#b8cdc3;border:1px solid #2a3b35}
.protocol-page details,.protocol-page .task-row{border-color:#2b3a3d}
.protocol-page .sample-error{color:#f2bd83}.protocol-page input::file-selector-button{border:1px solid #3e5c4c;border-radius:6px;background:#233e31;color:#bfebd4;padding:8px 12px;margin-right:12px;cursor:pointer}
.capture-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 16px}
.capture-toolbar label{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.capture-toolbar select{width:auto;min-width:150px;max-width:280px;font-size:12px;padding:9px}
.capture-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.capture-metric{border:1px solid #32463b;background:linear-gradient(130deg,#203d2c88,#1a282a);border-radius:10px;padding:15px}
.capture-metric span{display:block;color:#9cb9a9;font-size:12px}.capture-metric strong{display:block;font-size:27px;font-weight:600;margin-top:7px;color:#d8f2e4}
.capture-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;list-style:none;margin:16px 0 24px}
.capture-check{border:1px solid #2d3d42;border-radius:10px;padding:17px;background:#111b2099}
.capture-check-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.capture-check h4{margin:0;font-size:13px}
.capture-check p{font-size:12px;margin:13px 0 8px;line-height:1.7}.capture-check small{display:block;color:var(--muted);font-size:11px;line-height:1.8}
.capture-state{font-size:10px;border-radius:5px;padding:4px 7px;color:#acbab6;background:#283338;white-space:nowrap}
.capture-state.observed{background:#1b4933;color:#9fe6c1}.capture-state.partial,.capture-state.missing{background:#453622;color:#f0ca92}
.capture-next-panel{background:#1c322680;border:1px solid #365746;border-radius:12px;padding:18px;margin-bottom:20px}
.capture-next-panel ol{font-size:12px;color:#b6ccbf;line-height:1.9;margin-bottom:0;padding-left:20px}
.capture-next-panel li+li{margin-top:7px}
.capture-table-scroll{overflow:auto;max-width:100%;margin-top:12px;border:1px solid #2a3b40;border-radius:8px}
.capture-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;min-width:400px}
.capture-table th{padding:11px 13px;background:#17252a;color:#9eafa9;font-weight:500;white-space:nowrap}
.capture-table td{padding:11px 13px;border-top:1px solid #29393e;overflow-wrap:anywhere;color:#bfcfc8}
.capture-table td:first-child{font-family:ui-monospace,monospace;font-size:11px;max-width:420px}
.capture-table .capture-difference td:last-child{color:#f2c38c}
.capture-requests{display:grid;gap:8px;max-height:340px;overflow:auto;padding:2px}
.protocol-page .capture-request{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#152027;color:#b8cac1;text-align:left;padding:13px 15px;border:1px solid #2e3e44;font-weight:400}
.protocol-page .capture-request[aria-pressed=true]{background:#203c2d;border-color:#5b9b77}
.capture-request strong{font-size:12px;font-weight:500}.capture-request small{display:block;color:#91a69c;font-size:10px;margin-top:6px;overflow-wrap:anywhere}
.capture-http{font-size:10px;color:#abccba;white-space:nowrap}.capture-detail{border:1px solid #2e4440;background:#101b20;border-radius:12px;padding:20px;margin-top:18px}
.capture-detail h4{margin:0;overflow-wrap:anywhere;font-size:13px}.capture-tabs{display:flex;gap:8px;margin-top:16px}
.protocol-page .capture-tabs button{font-size:11px;background:#20302f;color:#9eb9aa;padding:9px 12px;border:1px solid #3a4b41}
.protocol-page .capture-tabs button[aria-pressed=true]{background:#28543a;color:#c1ecd1;border-color:#4b8061}
.capture-notes{font-size:11px;color:#a4b7ad;line-height:1.8;padding-left:18px}.capture-notes:empty{display:none}
@media(max-width:650px){.protocol-page .shell{padding:22px 16px}.protocol-page h1{font-size:26px}.protocol-page .panel{padding:18px}.capture-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.capture-checks{grid-template-columns:minmax(0,1fr)}.capture-toolbar{align-items:stretch;flex-direction:column;gap:12px}.capture-toolbar label{justify-content:space-between}.capture-toolbar select{min-width:0;max-width:230px}.capture-detail{padding:13px}.capture-table{min-width:340px}.capture-request{gap:8px}.capture-request>span:first-child{min-width:0}.capture-request strong{font-size:11px}.capture-check{padding:14px}}