:root{--ink:#10120f;--paper:#f1eddf;--acid:#d9ff43;--orange:#ff5e34;--line:#b9b5a7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC",sans-serif}.mast{padding:30px clamp(22px,6vw,88px) 52px;border-bottom:2px solid var(--ink);position:relative;overflow:hidden}.mast:after{content:"";position:absolute;width:330px;height:330px;border:45px solid var(--acid);border-radius:50%;right:-80px;top:-150px;z-index:-1}.brand{display:flex;gap:10px;align-items:center;font:800 14px/1 Arial;letter-spacing:.2em}.plug{display:grid;place-items:center;background:var(--ink);color:var(--acid);width:30px;height:30px;border-radius:50%}.eyebrow{margin:48px 0 10px;font:700 11px/1 monospace;letter-spacing:.16em}.mast h1{font-size:clamp(48px,9vw,112px);line-height:.86;letter-spacing:-.065em;margin:0;max-width:900px}.mast h1 span{color:var(--orange)}.intro{font:500 16px/1.7 monospace;max-width:570px;margin:30px 0 0}main{padding:0 clamp(22px,6vw,88px) 80px}.console{display:grid;grid-template-columns:repeat(3,1fr) auto;border:2px solid var(--ink);border-top:0;background:var(--ink);gap:2px}.field{padding:18px;background:var(--paper)}label{display:block;font:700 10px/1 monospace;letter-spacing:.12em;margin-bottom:10px}select{border:0;border-bottom:2px solid var(--ink);border-radius:0;background:transparent;width:100%;padding:7px 0;font:700 16px/1.2 inherit;color:inherit}select:focus{outline:2px solid var(--acid);outline-offset:3px}#reset{border:0;background:var(--acid);padding:20px;font-weight:800;cursor:pointer}.results-head{display:flex;justify-content:space-between;align-items:end;padding:45px 0 18px;border-bottom:2px solid var(--ink)}#count{font:800 42px/1 monospace}.results-head small{font:700 11px monospace}.text-button{border:0;background:none;font:700 13px monospace;cursor:pointer;padding:10px}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.card{padding:28px 0 32px;border-bottom:1px solid var(--line)}.card-top{display:flex;justify-content:space-between;align-items:center}.type{background:var(--ink);color:white;padding:5px 9px;font:700 11px monospace;letter-spacing:.15em}.favorite{font-size:25px;border:0;background:none;cursor:pointer}.favorite.on{color:var(--orange)}h2{font-size:30px;letter-spacing:-.04em;margin:16px 0 4px}.use{color:#55564f;margin:0 0 15px;line-height:1.5}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{border:1px solid;padding:3px 7px;font:700 10px monospace}.pinout{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin:20px 0;border:1px solid var(--ink)}.pin{padding:12px;border-right:1px solid var(--ink);min-height:62px}.pin:last-child{border-right:0}.pin b{display:block;font:800 10px monospace;color:var(--orange);margin-bottom:6px}.pin span{font-size:13px}.notes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.notes>div{background:#e5e1d4;padding:13px}.notes b{font:800 10px monospace;letter-spacing:.08em}.notes p{font-size:12px;line-height:1.5;margin:6px 0 0}.warning{background:#ffe0d5!important}.empty{grid-column:1/-1;padding:70px 0;text-align:center;font:700 16px monospace}@media(max-width:760px){.mast{padding-bottom:35px}.console{grid-template-columns:1fr}.console .field{min-width:0}.results{grid-template-columns:1fr}.notes{grid-template-columns:1fr}.mast h1{font-size:55px}.pinout{grid-template-columns:repeat(2,1fr)}#reset{padding:15px}.results-head{padding-top:30px}}