.board{max-width:1050px;margin:15px auto}.board-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:25px 0 16px}.board-controls label{display:flex;align-items:center;gap:12px;font-size:12px;color:#9eb9ce}.board-controls input{accent-color:#9bdcff;width:130px}.board-controls output{width:35px}.board-controls button{padding:9px 13px}.pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:25px}.pad{position:relative;min-height:145px;border:1px solid #395c76;border-radius:15px;color:#d7ecfc;background:linear-gradient(135deg,#172b3c,#111b28);box-shadow:0 8px 20px #0003;padding:22px 18px;text-align:left;transition:transform .12s,background .12s,box-shadow .12s}.pad:hover{background:#23465c;transform:translateY(-3px);box-shadow:0 8px 30px #9bdcff16}.pad:active{transform:scale(.97)}.pad-icon{display:block;font-size:32px;color:#9bdcff;margin-bottom:16px}.pad strong{display:block;font-size:14px}.pad small{display:block;color:#748fa6;font-size:10px;margin-top:7px}.pad kbd{position:absolute;top:13px;right:13px;border:1px solid #467c9a66;border-radius:4px;color:#6d8ba2;padding:3px 6px;font-size:10px}.custom-pad{border-color:#7daec1}.board-note,#status{font-size:12px;color:#7d97ad;line-height:1.7}.board-note{margin-top:28px}#status{min-height:21px}@media(max-width:800px){.pads{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:550px){.pads{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.pad{min-height:125px;padding:18px 13px}.pad strong{font-size:12px}.board-controls{gap:10px}.board-controls label{width:100%}.board-controls input{flex:1}.board{margin-top:0}}@media(prefers-reduced-motion:reduce){.pad{transition:none}}body.calm .pad{transition:none}