:root{font-family:Inter,Arial,sans-serif;background:#0b0e13;color:#e9edf2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),#0b0e13;background-size:100% 32px}button,textarea{font:inherit}button{cursor:pointer}main{max-width:1240px;margin:auto;padding:28px 36px 60px}header{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;gap:12px;align-items:center;font:700 9px/1.2 monospace;letter-spacing:.16em}.logo>span{display:grid;place-items:center;width:46px;height:46px;background:#ffb000;color:#0b0e13;font-size:26px}.signal{font:10px monospace;letter-spacing:.14em;color:#77808d}.signal i{display:inline-block;width:7px;height:7px;background:#65d7c2;border-radius:50%;box-shadow:0 0 12px #65d7c2}.hero{padding:80px 0 55px;display:grid;grid-template-columns:1.4fr .6fr;align-items:end}.hero>p{grid-column:1/-1;color:#ffb000;font:10px monospace;letter-spacing:.16em}.hero h1{font-size:clamp(55px,8vw,98px);line-height:.84;letter-spacing:-.07em;margin:18px 0 0}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #68717d}.heroCopy{color:#87909c;line-height:1.7;border-left:1px solid #3c424c;padding-left:25px}.lab{display:grid;grid-template-columns:230px 1fr;border:1px solid #343a43;background:#11151c;box-shadow:0 18px 70px #000}aside{border-right:1px solid #343a43;padding:18px 0}.asideTitle{font:10px monospace;color:#757e89;padding:0 18px 18px;border-bottom:1px solid #343a43;display:flex;justify-content:space-between}.asideTitle b{color:#ffb000}aside button{width:100%;border:0;border-bottom:1px solid #292e36;background:transparent;color:#959da8;text-align:left;padding:17px 18px;position:relative}aside button span{display:block;font:9px monospace;color:#606975;margin-bottom:5px}aside button strong{font-size:15px}aside button i{position:absolute;right:17px;top:24px;font-style:normal;font-size:18px;color:#ffb000}aside button.active{background:#1b212a;color:#fff;border-left:4px solid #ffb000;padding-left:14px}aside>small{display:block;padding:18px;color:#5f6874;font:9px monospace}.scope{padding:30px 34px}.scopeTop{display:flex;justify-content:space-between}.scopeTop span{color:#ffb000;font:10px monospace;text-transform:uppercase}.scopeTop h2{font-size:37px;margin:7px 0}.scopeTop p{color:#8a939f;margin:0;max-width:570px;font-size:13px}.total{text-align:right;border-left:1px solid #343a43;padding-left:28px}.total b{font:54px/1 monospace}.total small{display:block;font:8px monospace;color:#727b86}.payloadLabel{display:block;margin-top:36px;color:#858f9c;font:9px monospace;letter-spacing:.1em}.payloadLabel span{float:right;color:#65d7c2}textarea{width:100%;height:78px;resize:vertical;margin-top:8px;background:#090c11;border:1px solid #3a414c;color:#eef2f5;padding:16px;outline:none;font:14px/1.5 monospace}textarea:focus{border-color:#65d7c2}.ruler{display:flex;justify-content:space-between;margin-top:30px;color:#66707c;font:8px monospace;border-bottom:1px solid #3a414b;padding-bottom:6px}.strip{display:flex;min-height:108px;gap:3px;padding-top:6px}.strip button{min-width:9px;border:0;color:#0a0d11;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:filter .2s,transform .2s}.strip button.chosen{filter:brightness(1.2);transform:translateY(-5px)}.strip button b{font:22px monospace}.strip button span{font:9px monospace;white-space:nowrap}.legend{display:flex;gap:17px;flex-wrap:wrap;margin:14px 0 28px;color:#737d89;font:9px monospace}.legend i{display:inline-block;width:7px;height:7px;margin-right:5px}.detail{border-top:1px solid #3a414b;border-bottom:1px solid #3a414b;display:grid;grid-template-columns:100px 1fr 250px;padding:22px 0;gap:22px}.detailNo{font:9px monospace;color:#626c77}.detailNo b{font-size:28px;color:#aab2bc}.detail span{font:9px monospace}.detail h3{font-size:23px;margin:5px 0}.detail p{font-size:12px;color:#949da8;margin:0;line-height:1.6}.bytes{border-left:1px solid #343a43;padding-left:22px;position:relative}.bytes small{display:block;color:#68727f;font:9px monospace}.bytes code{display:block;color:#b4bec8;font-size:11px;margin-top:7px;overflow-wrap:anywhere}.bytes strong{position:absolute;right:0;bottom:0;font:30px monospace;color:#fff}.bytes strong i{font:10px monospace;color:#707985}.formula{background:#090c11;padding:20px;margin-top:25px;border-left:3px solid #9c83ff}.formula h3{font:10px monospace;color:#9c83ff;text-transform:uppercase;margin:0}.formula p{font:12px monospace;color:#9aa3ad}.formula>div{display:flex;gap:12px;align-items:center;color:#7c8591;font:10px monospace}.formula>div b{color:#ffb000}footer{color:#56606c;font:9px monospace;padding:28px 0}footer span{float:right}@media(max-width:760px){main{padding:20px 14px 40px}.hero{display:block;padding:60px 0 35px}.hero h1{font-size:60px}.heroCopy{margin-top:35px}.lab{display:block}aside{border-right:0;border-bottom:1px solid #343a43;display:flex;overflow:auto;padding:0}aside .asideTitle,aside>small{display:none}aside button{min-width:150px;border-right:1px solid #292e36}.scope{padding:24px 16px}.scopeTop{display:block}.total{text-align:left;border:0;padding:20px 0 0}.total b{font-size:36px}.strip{min-height:130px;overflow-x:auto}.detail{grid-template-columns:55px 1fr}.bytes{grid-column:1/-1;border-left:0;border-top:1px solid #343a43;padding:15px 0;min-height:65px}.formula>div{flex-wrap:wrap}footer span{float:none;display:block;margin-top:8px}}