*{box-sizing:border-box}body{margin:0;background:#f3f3f0;color:#232323;font-family:system-ui,-apple-system,sans-serif}main{max-width:480px;margin:auto;padding:22px 18px 32px}header{text-align:center;background:white;border-bottom:2px solid #f3d13c;padding:8px;margin-bottom:22px}header img{width:270px;max-width:100%;height:auto}h1{font-size:28px;margin:0}p{margin:6px 0 16px;color:#606060}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.bay{min-height:185px;border:1px solid #ddd;border-radius:20px;padding:20px;margin-bottom:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.bay h2{font-size:20px;margin:0;align-self:flex-start;overflow-wrap:anywhere}.available{background:#e7f0e4}.occupied{background:#343434;color:white;border-color:#343434}.mine{background:#fff5cb}.status{font-size:17px}.initials{width:64px;height:64px;border-radius:50%;background:#222;color:white;display:grid;place-items:center;font-size:26px;font-weight:650}.occupied .initials{background:#606060}button{padding:13px 18px;border:0;border-radius:11px;background:#242424;color:white;font:inherit;font-weight:600;cursor:pointer;min-height:48px}.bay button{width:100%;margin-top:auto}.mine button{background:transparent;color:#222;border:1px solid #222}.quiet{background:transparent;color:#555;font-size:13px;padding:10px}button:disabled{opacity:.5;cursor:not-allowed}label{display:block;margin:18px 0}input{width:100%;padding:13px;border:1px solid #aaa;border-radius:8px;font:inherit;margin-top:7px}#message{line-height:1.5;margin-top:16px}#admin{border-top:1px solid #ccc;padding-top:12px}#admin form{margin:16px 0 24px}#admin button{margin:5px}[hidden]{display:none!important}button:focus-visible,input:focus-visible{outline:3px solid #b47e00;outline-offset:3px}