.t-number-converter{--bone:#eee9dc;--paper:#f8f5ec;--ink:#202b35;--blue:#47719a;--red:#cb5747;--yellow:#e1c358;--line:#bdb6a8;--muted:#6c7578}.t-number-converter,.t-number-converter *{box-sizing:border-box}.t-number-converter{background:var(--bone);background:var(--bone);color:var(--ink);font-family:var(--font-geist-sans), "Trebuchet MS", sans-serif;margin:0}.t-number-converter button,.t-number-converter input{font:inherit}.t-number-converter button{cursor:pointer}.t-number-converter button:focus-visible,.t-number-converter input:focus-visible{outline:2px solid var(--red);outline-offset:3px}.t-number-converter .sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.t-number-converter .radix-shell{min-height:100vh;padding:18px}.t-number-converter .radix-frame{max-width:1240px;margin:0 auto}.t-number-converter .radix-topbar{border-bottom:1px solid var(--ink);min-height:46px;color:var(--muted);font:10px var(--font-geist-mono), monospace;letter-spacing:.13em;justify-content:space-between;align-items:center;display:flex}.t-number-converter .radix-mark{color:var(--ink);font-weight:700;text-decoration:none}.t-number-converter .radix-mark span{color:var(--red)}.t-number-converter .radix-topbar span:last-child{color:var(--blue)}.t-number-converter .radix-intro{justify-content:space-between;align-items:end;padding:78px 0 68px;display:flex}.t-number-converter .radix-intro h1{letter-spacing:-.08em;margin:0;font-size:clamp(48px,7vw,96px);font-weight:500;line-height:.9}.t-number-converter .radix-intro h1 em{color:var(--blue);letter-spacing:-.09em;font-family:Georgia,serif;font-style:italic;font-weight:400}.t-number-converter .radix-intro p{max-width:430px;color:var(--muted);margin:28px 0 0;font-size:15px;line-height:1.55}.t-number-converter .radix-signal{border:1px solid var(--blue);width:132px;height:132px;color:var(--blue);font:13px var(--font-geist-mono), monospace;grid-template-columns:repeat(2,1fr);gap:5px;padding:12px;display:grid;transform:rotate(5deg)}.t-number-converter .radix-signal span,.t-number-converter .radix-signal b{border:1px solid var(--line);place-items:center;font-weight:400;display:grid}.t-number-converter .radix-signal b{background:var(--yellow);color:var(--ink);font-weight:700}.t-number-converter .converter-board{border:1px solid var(--ink);background:var(--paper)}.t-number-converter .board-head,.t-number-converter .board-foot{color:var(--muted);font:10px var(--font-geist-mono), monospace;letter-spacing:.1em;justify-content:space-between;gap:20px;padding:17px 20px;display:flex}.t-number-converter .board-head{border-bottom:1px solid var(--ink)}.t-number-converter .board-head span:first-child,.t-number-converter .board-foot span:first-child{color:var(--ink)}.t-number-converter .board-head span:last-child{color:var(--red)}.t-number-converter .registers{background:var(--line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.t-number-converter .register{background:var(--paper);grid-template-rows:auto 1fr auto;min-height:220px;padding:20px;display:grid}.t-number-converter .register-label{color:var(--muted);font:11px var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.t-number-converter .register-prefix{width:37px;height:27px;color:var(--red);border:1px solid;place-items:center;display:grid}.t-number-converter .register-oct .register-prefix{color:var(--blue)}.t-number-converter .register-dec .register-prefix{color:var(--ink);background:var(--yellow)}.t-number-converter .register-hex .register-prefix{color:var(--blue)}.t-number-converter .register input{border:0;border-bottom:2px solid var(--ink);width:100%;color:var(--ink);font:500 clamp(34px, 5vw, 70px)/1 var(--font-geist-mono), monospace;letter-spacing:-.08em;background:0 0;outline:0;align-self:center;padding:16px 0}.t-number-converter .register input:focus{border-color:var(--red)}.t-number-converter .register-foot{color:var(--muted);font:10px var(--font-geist-mono), monospace;justify-content:space-between;gap:15px;display:flex}.t-number-converter .register-foot button{color:var(--red);font:10px var(--font-geist-mono), monospace;background:0 0;border:0}.t-number-converter .radix-error{border-top:1px solid var(--red);color:var(--red);font:11px var(--font-geist-mono), monospace;margin:0;padding:14px 20px}.t-number-converter .board-foot{border-top:1px solid var(--ink)}.t-number-converter .radix-footer{color:var(--muted);font:10px var(--font-geist-mono), monospace;letter-spacing:.1em;justify-content:space-between;padding:20px 0;display:flex}@media (max-width:780px){.t-number-converter .radix-shell{padding:12px}.t-number-converter .radix-topbar span:nth-child(2){display:none}.t-number-converter .radix-intro{padding:58px 0 45px}.t-number-converter .radix-intro p{max-width:290px}.t-number-converter .radix-signal{width:92px;height:92px;padding:8px;font-size:10px}.t-number-converter .registers{grid-template-columns:1fr}.t-number-converter .register{min-height:180px}.t-number-converter .board-head,.t-number-converter .board-foot{flex-direction:column;gap:8px}.t-number-converter .radix-footer{flex-direction:column;gap:10px}}