*{box-sizing:border-box}body{margin:0;background:#f3f5f7;font-family:system-ui,sans-serif;color:#202124}header{background:#202124;color:white;padding:18px 5%;font-size:22px;display:flex;justify-content:space-between}header a{color:white}main{max-width:1000px;margin:28px auto;padding:0 18px}.card{background:white;border-radius:14px;padding:24px;margin:18px 0;box-shadow:0 2px 12px #0001}.narrow{max-width:520px;margin:60px auto}.toolbar,.row,.actions{display:flex;gap:12px;justify-content:space-between;align-items:center}.toolbar form{display:flex;gap:8px;flex:1}.toolbar input{flex:1}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}label{display:block;font-weight:650}input,textarea{width:100%;font:inherit;padding:12px;margin-top:6px;border:1px solid #bbb;border-radius:9px}button,.button{font:inherit;border:0;border-radius:9px;padding:11px 16px;background:#1769aa;color:white;text-decoration:none;cursor:pointer}.secondary{background:#5f6368}.danger{background:#a82020;margin-top:24px}.flash{padding:14px;background:#fff3cd;border-radius:9px}.notes{white-space:pre-wrap}@media(max-width:650px){.grid{grid-template-columns:1fr}.wide{grid-column:auto}.toolbar{align-items:stretch;flex-direction:column}}