:root{--ink:#172a3b;--muted:#627587;--line:#dce4eb;--blue:#2264df;--bg:#f4f7fa;--mono:Consolas,'Courier New',monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}header{background:#122636;color:#fff} .topbar{max-width:1200px;margin:auto;padding:23px 28px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:22px;font-weight:750;letter-spacing:-.6px}.mark{background:#65e0c0;color:#122636;border-radius:8px;padding:0 8px;font:700 22px/36px var(--mono)}.tag{font:12px var(--mono);letter-spacing:1.5px;color:#a9c0d0}.nav-wrap{border-top:1px solid #ffffff13}nav{max-width:1200px;margin:auto;display:flex;padding:0 28px;gap:30px}nav a{text-decoration:none;color:#b7c8d5;font-size:14px;padding:17px 0;border-bottom:3px solid transparent;white-space:nowrap}nav a[aria-current]{color:#fff;border-color:#65e0c0}main{max-width:1200px;margin:auto;padding:36px 28px 60px}.eyebrow{font:12px var(--mono);letter-spacing:1.7px;color:#527187;text-transform:uppercase}.title-line{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:34px;line-height:1.2;letter-spacing:-1.2px;margin:10px 0}p{margin:8px 0 22px;color:var(--muted)}.local{font-size:12px;white-space:nowrap;padding:6px 12px;background:#e6f4ef;border:1px solid #cae7dc;color:#316c59;border-radius:30px}.workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;margin-top:26px;box-shadow:0 4px 20px #18314704}.panel{padding:28px;min-width:0}.result-panel{background:#edf3fa;border-left:1px solid var(--line)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:10px}.panel-head h2{font-size:16px;margin:0}.step{font:12px var(--mono);color:#73889a}.options{display:flex;gap:16px;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}label{font-size:13px;font-weight:650}select,input,textarea{width:100%;border:1px solid #c9d5df;border-radius:6px;background:white;color:var(--ink);padding:11px 12px}textarea{font:18px/1.65 var(--mono);resize:vertical;min-height:122px;letter-spacing:.5px}input[type=search]{max-width:360px;font-size:14px}.hint{font-size:12px;margin:7px 0 18px}.buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.primary{background:var(--blue);color:white;border:1px solid var(--blue);padding:11px 25px;border-radius:6px;font-size:14px;font-weight:600}.secondary,.copy{background:white;border:1px solid #c9d5df;padding:9px 14px;border-radius:6px;font-size:13px;color:var(--ink)}.copy{padding:5px 10px}.result-label{font:12px var(--mono);color:#56738c;text-transform:uppercase;letter-spacing:1px}.result-value{font:38px/1.35 var(--mono);color:#184fbd;margin:10px 0 20px;overflow-wrap:anywhere;white-space:pre-wrap}.result-row{padding:13px 0;border-top:1px solid #d4dfed}.result-row code{display:block;font:15px/1.8 var(--mono);overflow-wrap:anywhere;color:#294259}.bits{display:flex;gap:6px;margin:14px 0 6px;font:13px var(--mono);overflow-wrap:anywhere}.bits span{border-radius:4px;padding:7px;background:#dbe8fa;word-break:break-all}.bits span:first-child{background:#f8ddd5}.bits span:nth-child(2){background:#d7ece3}.bit-labels{font-size:12px;color:#637589}.error{color:#ad2638;font-size:14px;margin-top:14px;min-height:22px}.guide{margin-top:30px;background:white;border:1px solid var(--line);border-radius:10px;padding:25px 28px}.guide h2{font-size:18px;margin:0 0 15px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.guide h3{font-size:14px;margin:0 0 8px}.guide p,.guide li{font-size:14px;color:#5d7183}.guide ol{padding-left:20px;margin:0}.guide code{background:#edf2f7;padding:2px 5px;border-radius:3px;font:13px var(--mono)}.guide p{margin:0 0 12px}.note{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer{max-width:1200px;margin:auto;padding:22px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#718293;font-size:12px}.table-card{background:white;border:1px solid var(--line);border-radius:10px;margin-top:26px;overflow:hidden}.table-toolbar{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.table-scroll{overflow:auto;max-height:570px}table{border-collapse:collapse;width:100%;text-align:left;font:14px var(--mono)}th{position:sticky;top:0;background:#eaf0f6;z-index:1;font:600 12px system-ui;letter-spacing:.6px;color:#527087}th,td{padding:11px 24px;border-bottom:1px solid #e5ebf1}td:last-child{font:14px system-ui;color:#5e7487}tbody tr:hover{background:#f2f7ff}.char{color:#1559c2;font-weight:700}.badge{font-size:12px;color:#637d91}.empty{padding:25px;text-align:center}button:hover{filter:brightness(.96)}:focus-visible{outline:3px solid #44a4ed;outline-offset:3px}.skip{position:absolute;left:12px;top:-100px;background:white;color:#123;padding:8px;z-index:9}.skip:focus{top:8px}[hidden]{display:none!important}@media(max-width:700px){.topbar{padding:18px}.tag{display:none}nav{padding:0 18px;gap:22px;overflow:auto}main{padding:26px 18px 40px}h1{font-size:27px}.title-line{align-items:flex-start;flex-direction:column;gap:5px}.workspace{grid-template-columns:1fr}.panel{padding:22px}.result-panel{border-left:0;border-top:1px solid var(--line)}.guide{padding:22px}.guide-grid{grid-template-columns:1fr;gap:20px}.result-value{font-size:30px}.options{flex-wrap:wrap}.field{min-width:130px}.table-toolbar{align-items:flex-start;flex-direction:column}th,td{padding:10px 16px}footer{flex-direction:column;gap:4px}}
:root{color-scheme:light}label,.secondary,.copy,.guide h3{font-size:14px}.guide p,.guide li{font-size:16px}.bits span{min-width:0}.bits span:first-child,.bits span:nth-child(2){flex-shrink:0}@media(max-width:700px){nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;overflow:visible}nav a{font-size:13px;padding:12px 0}.bits{font-size:12px}.table-scroll{overscroll-behavior-x:contain}}
.reference-page{max-width:1150px}.reference-page .guide p{max-width:88ch}.reference-page ul{padding-left:22px;margin:6px 0 16px}.reference-page li{margin:6px 0}.section-links{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:25px 0}.section-links a{color:#2459a6;background:#e7eef7;border:1px solid #d2ddea;border-radius:5px;padding:7px 13px;font-size:14px}.protocol-overview{display:grid;grid-template-columns:1fr 1fr;gap:22px}.formula{font:16px var(--mono);color:#1a59b5;background:#edf3fa;padding:14px;border-radius:6px}.packet{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.packet-field{flex:1;min-width:104px;padding:16px 12px;background:#e7eef8;border:1px solid #ccdced;border-radius:7px}.packet-field code{display:block;background:none;padding:0;font:700 19px var(--mono);white-space:nowrap;color:#234f91}.packet-field span{display:block;font-size:12px;margin-top:8px;color:#3d5978}.packet-field.address{background:#e2edf9}.packet-field.function{background:#d7f1e6;border-color:#bbdece}.packet-field.data{background:#f1eafb;border-color:#e0d3f2}.packet-field.checksum{background:#fff0da;border-color:#e9d6b6}.packet-caption{font-size:14px!important}.privacy-summary{background:#e4f2ed;border:1px solid #c6e0d5;border-radius:10px;padding:22px 26px;margin-top:25px}.privacy-summary p{margin:8px 0 0;color:#3d6757}.reference-page section{scroll-margin-top:20px}footer a{color:#295787;font-size:14px}@media(max-width:700px){.protocol-overview{grid-template-columns:1fr;gap:0}.packet-field{min-width:120px}.section-links{display:flex}.section-links a{padding:8px 10px}.reference-page h1{font-size:28px}}