.bit{width:38px;height:46px;border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;transition:all .14s;margin:1px}
.bit:hover{border-color:var(--cyan);transform:translateY(-2px)}
.bit.on{background:var(--cyan);color:#04222b;border-color:var(--cyan);box-shadow:0 0 12px rgba(34,211,238,.4)}
.bit.sign.on{background:var(--red);color:#fff;border-color:var(--red);box-shadow:0 0 12px rgba(248,113,113,.4)}
.bit.exp{background:var(--panel);color:var(--amber);border-color:var(--amber)}
.bit.mant{background:var(--panel);color:var(--green);border-color:var(--green)}
.bit-block{text-align:center;margin:8px 0}
.bit-labels{display:flex;justify-content:center;gap:1px;font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--muted);margin-bottom:2px}
.bit-labels span{width:38px;text-align:center}
.byte-row{display:flex;align-items:center;gap:6px;justify-content:center;flex-wrap:wrap;margin:8px 0}
.byte-sep{width:2px;height:46px;background:var(--line);margin:0 2px}
.overflow-wheel{position:relative;width:300px;height:300px;margin:0 auto}
.overflow-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"JetBrains Mono",monospace;font-size:64px;font-weight:800;color:var(--ink)}
.overflow-scale{position:absolute;inset:0;border:3px solid var(--line);border-radius:50%}
.overflow-pointer{position:absolute;width:4px;height:50%;background:var(--cyan);top:0;left:50%;transform-origin:50% 100%;transition:transform .25s;border-radius:2px}
.overflow-pointer.bad{background:var(--red);box-shadow:0 0 18px rgba(248,113,113,.6)}
.overflow-label{position:absolute;font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--muted)}
.overflow-0{top:6px;left:50%;transform:translateX(-50%)}
.overflow-127{right:6px;top:50%;transform:translateY(-50%)}
.overflow-min{left:6px;top:50%;transform:translateY(-50%)}
.overflow-max{bottom:6px;left:50%;transform:translateX(-50%)}