body{margin:0;background:#faf7f2;color:#153d4e;font:17px/1.5 system-ui}main{max-width:850px;margin:auto;padding:24px}h1{font-size:2.4rem}label{display:block;margin:14px 0}input:not([type=checkbox]),select,textarea{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #789;border-radius:5px;font:inherit}fieldset{margin:24px 0;border:1px solid #b9c8ca;border-radius:8px;padding:20px}legend{font-weight:700}button{padding:13px 20px;background:#173f51;color:white;border:0;border-radius:5px;font:inherit;cursor:pointer;margin:8px 0}button:disabled{opacity:.6;cursor:not-allowed}#seats{display:flex;flex-wrap:wrap;gap:8px;max-width:600px}#seats button{min-width:55px;background:#246c42}#seats button:disabled{background:#ac243b;opacity:1}#seats button[aria-pressed=true]{background:#1659be;outline:3px solid #182d48}pre{white-space:pre-wrap;font:inherit}#message{padding:14px;background:#e7f0f0}[hidden]{display:none!important}

#seats{display:grid;grid-template-columns:repeat(2,minmax(40px,1fr)) 28px repeat(2,minmax(40px,1fr));gap:6px;max-width:340px}#seats button{min-width:0;padding:12px 4px;margin:0}