*{box-sizing:border-box}body{margin:0;background:#f7f0e5;color:#420000;font:16px/1.5 system-ui,sans-serif}main{max-width:1160px;margin:auto;padding:40px 24px}header,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}header{border-bottom:1px solid #66000030;padding-bottom:24px;margin-bottom:40px}h1{font-size:32px;font-weight:500;margin:0}h1 span{font-weight:400;color:#87382b}h2{font-size:24px;font-weight:500}a{color:inherit}button{border:1px solid #66000050;border-radius:30px;padding:12px 22px;background:#660000;color:#fffaf1;font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #87382b;outline-offset:4px}form{display:grid;gap:12px;max-width:480px}input{padding:16px;font:inherit;border:1px solid #66000050;border-radius:16px;background:#fffaf1;color:inherit}#counts{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}#counts p{border-radius:20px;padding:20px 28px;background:#fffaf1;margin:0}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:16px;border-bottom:1px solid #66000025;white-space:nowrap}th{font-weight:500}.scroll{overflow:auto}#message{color:#87382b}.toolbar h2{margin-right:auto}@media(max-width:600px){main{padding:24px 16px}.toolbar{flex-wrap:wrap}.toolbar h2{flex-basis:100%}}