html{min-height:100%;font-family:Helvetica,Arial,sans-serif}body{min-height:100vh;margin:0;background:#f8fafc;color:#1f2937}*{box-sizing:border-box}h1{font-weight:700}button{min-height:2.6rem;border:1px solid transparent;border-radius:6px;cursor:pointer;font:inherit;font-weight:700;padding:.55rem .85rem}button.primary-button{border-color:#2563eb;background:#2563eb;color:#fff}button.primary-button:hover:not(:disabled){border-color:#1d4ed8;background:#1d4ed8}button.secondary-button{border-color:#cbd5e1;background:#fff;color:#334155}button.secondary-button:hover:not(:disabled){border-color:#2563eb;color:#1d4ed8}button.delete-button{border-color:#fecaca;background:#fff;color:#b91c1c}button.delete-button:hover:not(:disabled){border-color:#ef4444;background:#fef2f2}button.icon-button{display:grid;width:2.6rem;height:2.6rem;place-items:center;border:0;background:transparent;color:#64748b;font-size:1.5rem;line-height:1;padding:0}button.icon-button:hover:not(:disabled){background:#f1f5f9;color:#0f172a}button:disabled{cursor:not-allowed;opacity:.55}